@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{color-scheme:light;--bg:#dcecf6;--bg2:#c8e3f3;--panel:#f7fbff;--card:#fff;--line:#c9e0ef;--text:#153a58;--muted:#6d8ca3;--primary:#26b7f1;--primary2:#158fd7;--nav:#f4faff;--shadow:0 18px 50px rgba(13,76,118,.08)}
:root[data-theme="dark"]{color-scheme:dark;--bg:#0a1725;--bg2:#102639;--panel:#101f2f;--card:#14283b;--line:#284459;--text:#eaf8ff;--muted:#95b3ca;--primary:#2ebbf4;--primary2:#138bc5;--nav:#0e1e2f;--shadow:0 18px 50px rgba(0,0,0,.2)}
*{box-sizing:border-box}body{margin:0;font-family:'DM Sans',system-ui,sans-serif;color:var(--text);background:linear-gradient(140deg,var(--bg),var(--bg2));min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.hidden{display:none!important}.topbar{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100vw - 1500px)/2));background:var(--nav);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;gap:18px}.brand{display:flex;align-items:center;font-weight:800;font-size:21px;white-space:nowrap}.brand img{width:53px;height:50px;object-fit:contain;margin-right:7px}.brand b{color:var(--primary2)}.brand small{font-size:12px;border-left:1px solid var(--line);padding-left:16px;margin-left:18px;color:var(--muted);font-weight:600}.top-right{display:flex;align-items:center;gap:12px}.theme-toggle,.visit,.soft-button,.logout-btn{border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:11px;padding:11px 15px;font-weight:700;display:inline-flex;align-items:center;gap:8px}.visit span{color:var(--primary2)}.user-area{display:flex;align-items:center;gap:9px}.avatar{width:34px;height:34px;border-radius:10px;object-fit:cover}.user-name{font-weight:700;font-size:13px}.logout-btn{padding:9px 12px;font-size:12px}.auth-box{max-width:530px;margin:11vh auto 0;text-align:center;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);padding:50px 40px;border-radius:22px}.auth-box h1{font-size:29px;margin:16px 0 10px;letter-spacing:-.7px}.auth-box p{line-height:1.7;color:var(--muted);font-size:15px}.auth-box .hint{margin-top:25px;font-size:12px}.auth-cloud img{width:110px;height:110px;object-fit:contain}.discord-login,.primary-button{display:inline-flex;justify-content:center;align-items:center;gap:10px;background:linear-gradient(95deg,#43c7f4,#2498e9);border:0;color:#052f45;border-radius:12px;font-weight:800;padding:14px 22px;box-shadow:0 9px 19px rgba(14,130,208,.12)}.discord-login{margin-top:16px}.discord-login svg{width:20px;height:20px}.loader{height:25px;width:25px;border:3px solid var(--line);border-top-color:var(--primary2);border-radius:50%;margin:auto;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.workspace{display:grid;grid-template-columns:253px minmax(0,1fr);max-width:1500px;margin:auto;min-height:calc(100vh - 84px);animation:dropIn .65s cubic-bezier(.17,.95,.25,1) both}@keyframes dropIn{0%{transform:translateY(-34px);opacity:0}100%{transform:translateY(0);opacity:1}}.sidebar{background:var(--nav);border-right:1px solid var(--line);padding:32px 17px;display:flex;flex-direction:column;gap:5px}.sidebar-title{font-size:11px;letter-spacing:1.1px;text-transform:uppercase;color:var(--muted);font-weight:800;margin:0 12px 15px}.side-link{border:0;border-radius:11px;background:transparent;color:var(--muted);padding:14px 13px;text-align:left;display:flex;align-items:center;gap:12px;font-size:14px;font-weight:700}.side-link:hover,.side-link.active{background:color-mix(in srgb,var(--primary) 13%,var(--card));color:var(--text)}.side-link.active{box-shadow:inset 3px 0 0 var(--primary2)}.mini-icon{font-size:17px;color:var(--primary2);width:19px;text-align:center}.side-footer{margin-top:auto;padding:20px 12px;color:var(--muted);font-size:13px}.side-footer span{display:block;font-size:11px;margin-top:4px}.content{padding:38px clamp(22px,4vw,65px) 75px;min-width:0}.content-head{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:102px;margin-bottom:29px}.eyebrow{color:var(--primary2);font-size:11px;letter-spacing:1.5px;font-weight:800;text-transform:uppercase}.content-head h1{font-size:31px;letter-spacing:-1px;margin:8px 0}.content-head p{font-size:14px;color:var(--muted);margin:0}.save-area{display:flex;align-items:center;gap:13px}.dirty{font-size:12px;color:#d8912a;font-weight:700}.editor{min-height:260px}.panel-card{background:var(--card);border:1px solid var(--line);border-radius:17px;padding:26px;margin-bottom:16px;box-shadow:var(--shadow)}.panel-card h2{margin:0 0 10px;font-size:20px}.panel-card p{line-height:1.6;color:var(--muted)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stat-value{font-size:31px;font-weight:800;margin-top:12px}.stat-name{font-size:12px;color:var(--muted);font-weight:700}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.editor-toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:22px}.field{display:flex;flex-direction:column;gap:7px;min-width:0;margin-bottom:18px}.field label{font-size:12px;font-weight:800;color:var(--muted)}.field input,.field textarea,.field select,.search{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:12px 13px;outline:none;width:100%}.field textarea{min-height:90px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--primary2);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 14%,transparent)}.field-inline{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.field-inline.three{grid-template-columns:repeat(3,1fr)}.hint,.field-note{color:var(--muted);font-size:12px}.field-note{line-height:1.5}.secondary-btn,.danger-btn{border:1px solid var(--line);border-radius:9px;color:var(--text);background:var(--panel);padding:10px 12px;font-weight:700}.danger-btn{color:#df5870}.row-bar{display:flex;align-items:center;justify-content:space-between;gap:12px}.row-bar h3{margin:0;font-size:17px}.row-actions{display:flex;gap:7px}.collection-panel{border:1px solid var(--line);border-radius:14px;padding:18px;margin-bottom:13px;background:var(--card)}.collection-panel details>summary{cursor:pointer;font-weight:800;display:flex;align-items:center;justify-content:space-between;list-style:none}.collection-panel details>summary::-webkit-details-marker{display:none}.collection-fields{border-top:1px solid var(--line);margin-top:16px;padding-top:19px}.editor-label{font-size:12px;color:var(--muted);display:block;margin-bottom:7px}.text-item{padding:19px;margin-bottom:10px;background:var(--card);border:1px solid var(--line);border-radius:12px}.text-item .field{margin-bottom:0}.label-key{display:block;font-size:10px;color:var(--primary2);margin-bottom:8px}.text-item textarea{min-height:64px}.status{position:fixed;right:25px;bottom:25px;background:var(--nav);border:1px solid var(--line);border-radius:11px;padding:13px 18px;box-shadow:var(--shadow);font-weight:700;font-size:13px;display:none;max-width:min(400px,90vw);z-index:50}.status.visible{display:block}.badge{background:color-mix(in srgb,var(--primary) 15%,var(--card));color:var(--primary2);border-radius:8px;font-size:11px;padding:6px 9px;font-weight:800}.owner-line{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);padding:16px;border-radius:12px;gap:12px;margin-bottom:12px}.compact{max-width:560px}.file-uploader{font-size:12px}.color-preview{height:26px;width:26px;border-radius:7px;border:1px solid var(--line)}
@media(max-width:950px){.workspace{grid-template-columns:1fr}.sidebar{position:static;flex-direction:row;overflow-x:auto;gap:4px;padding:10px 15px;border-right:0;border-bottom:1px solid var(--line)}.sidebar-title,.side-footer{display:none}.side-link{white-space:nowrap;padding:10px}.topbar{padding:0 17px}.brand small,.visit,.user-name{display:none}.content{padding:26px 16px}.stats-grid{grid-template-columns:1fr 1fr}.content-head{align-items:flex-start;flex-direction:column}}@media(max-width:560px){.auth-box{margin:30px 14px;padding:34px 19px}.content-head h1{font-size:26px}.field-inline,.field-inline.three,.two-columns,.stats-grid{grid-template-columns:1fr}.topbar{height:73px}.brand{font-size:18px}.brand img{width:40px;height:40px}.theme-toggle{padding:8px}.logout-btn{padding:9px}.panel-card{padding:18px}.save-area{width:100%}.primary-button{width:100%}.row-actions{flex-wrap:wrap}.user-area{gap:5px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

/* Płynne wejście elementów tylko po autoryzacji Discord */
@keyframes itemDrop {from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}
.workspace .panel-card,.workspace .text-item,.workspace .collection-panel{animation:itemDrop .55s cubic-bezier(.17,.95,.3,1) both}
.workspace .panel-card:nth-child(2),.workspace .text-item:nth-child(2),.workspace .collection-panel:nth-child(2){animation-delay:80ms}
.workspace .panel-card:nth-child(3),.workspace .text-item:nth-child(3),.workspace .collection-panel:nth-child(3){animation-delay:140ms}
.workspace .panel-card:nth-child(4),.workspace .text-item:nth-child(4),.workspace .collection-panel:nth-child(4){animation-delay:190ms}
@media(prefers-reduced-motion:reduce){.workspace .panel-card,.workspace .text-item,.workspace .collection-panel{animation:none!important}}