:root{--green:#08a979;--green2:#0d9770;--navy:#101928;--ink:#172033;--line:#dbe1e9;--light:#f5f6fa;--muted:#758399;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink)}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{text-decoration:none;color:inherit}.page-auth{min-height:100vh;background:radial-gradient(ellipse at 45% 38%,#0a2325 0%,#0d1b21 44%,#0b1019 90%);display:flex;align-items:center;justify-content:center;padding:20px}.auth-screen{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 40px);width:100%}.auth-card{width:326px;max-width:100%;background:linear-gradient(145deg,#17272a,#171d26);border:1px solid #283540;border-radius:16px;padding:35px 28px 32px;text-align:center;box-shadow:0 20px 70px #0005}.auth-logo{background:linear-gradient(125deg,#05996a,#12b993);height:46px;width:46px;line-height:46px;border-radius:12px;margin:0 auto 15px;color:#fff;font-size:30px;font-weight:900}.auth-card h1{font-size:21px;letter-spacing:2px;color:#e2e8f1;margin:0 0 4px;font-weight:850}.auth-card>p{color:#8fa1b6;font-size:11px;margin:0 0 30px}.auth-card small{display:block;margin-top:21px;color:#627080;font-size:11px}.auth-form{text-align:left}.auth-form label{color:#9fb0c5;display:block;font-size:10px;font-weight:800;letter-spacing:.7px;margin:0 0 6px}.auth-form input{width:100%;height:41px;border:1px solid #d2ddec;border-radius:9px;background:#eaf1ff;padding:0 13px;margin-bottom:18px;font-size:13px;color:#172033;outline:none}.auth-form input:focus{border:2px solid #00b48b}.primary{background:linear-gradient(100deg,#07986e,#0db78a);border:none;color:white;border-radius:8px;padding:11px 19px;font-weight:780;box-shadow:0 5px 15px #04a87824}.primary:hover,.nav-upload:hover{filter:brightness(1.08)}.wide{width:100%}.alert{padding:12px 14px;border-radius:9px;font-size:13px;margin-bottom:18px;line-height:1.5}.alert.error{background:#ffe7e7;color:#8d2636;border:1px solid #ffbcbc}.alert.success{background:#e2f9ee;color:#19684a;border:1px solid #b6ebd5}.auth-card .alert.error,.pin-card .alert.error{background:#52232c;color:#ffdcda;border-color:#85464f}.pin-screen{background:#030809}.pin-card{width:280px;max-width:100%;padding:27px 26px 22px;border:1px solid #253047;border-radius:14px;background:#131a29;text-align:center;box-shadow:0 24px 50px #0007}.pin-card h1{font-size:17px;font-family:Georgia,serif;color:#f5f5fb;margin:0 0 5px}.pin-card p{font-size:11px;color:#a4adc5;margin:0}.pin-dots{display:flex;justify-content:center;gap:9px;margin:17px auto 22px}.pin-dots i{width:12px;height:12px;background:#283042;border:2px solid #4b556c;border-radius:50%}.pin-dots i.on{background:#10b88c;border-color:#10b88c}.pin-keys{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.pin-key{border:1px solid #333e51;background:#202839;border-radius:9px;color:#f4f6fc;font-size:17px;font-weight:800;height:45px}.pin-key:hover{background:#334057}.pin-key.danger{color:#fd9ea3;background:#312532;border-color:#733044}.pin-key.ok{background:#08a979;border-color:#08a979;font-size:13px}.pin-back button{background:transparent;border:0;color:#94a3b8;font-size:11px;margin-top:17px}.pin-hidden{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}.page-dash{background:var(--light);min-height:100vh}.topbar{min-height:57px;background:linear-gradient(105deg,#17192b 0%,#152844 72%,#073968 100%);color:#f6f8fd;display:flex;align-items:center;justify-content:space-between;padding:8px clamp(16px,2vw,33px);gap:12px;box-shadow:0 2px 9px #111b311c}.brand{font-weight:850;font-size:16px;letter-spacing:.4px;display:flex;align-items:center;gap:11px}.brand-mark{display:inline-grid;place-items:center;width:31px;height:31px;background:#3c475d;border-radius:7px;color:white;font-size:23px}.topnav{display:flex;align-items:center;gap:7px}.topnav form{margin:0}.nav-btn{border:1px solid #ffffff1a;background:#294266b0;color:#e8efff;padding:10px 15px;border-radius:8px;font-size:12px;font-weight:750;display:inline-flex;justify-content:center;align-items:center;white-space:nowrap}.nav-upload{background:linear-gradient(115deg,#079d75,#0bbc87);border-color:transparent;color:white}.nav-logout{color:#ff9f9e}.nav-btn:hover{background:#3b5780}.main-container{max-width:1090px;margin:25px auto 60px;padding:0 16px}.heading-line{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.heading-line h1{font-size:21px;margin:0;font-family:Georgia,serif;color:#19223a}.green-icon{color:#02a76e;font-family:Arial,sans-serif;margin-right:5px}.heading-badges{display:flex;gap:8px}.heading-badges span,.heading-badges a{border-radius:100px;padding:8px 14px;background:white;border:1px solid #e3e8ef;color:#526075;font-size:12px}.folder-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}.folder-item{border:1px solid #d9dfe7;min-height:58px;border-radius:7px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;background:#fff;box-shadow:0 1px 2px #18203408;position:relative;font-size:12px}.folder-item.active{border-color:#18bc91;box-shadow:0 0 0 1px #18bc913b}.folder-item>a{display:flex;align-items:center;flex:1;gap:12px;overflow:hidden}.folder-item>a strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-item strong{font-weight:750;color:#24314c}.folder-symbol{font-size:19px;color:#059e78}.folder-item small{color:#8190a6}.folder-add{border:1px dashed #cdd5e0;color:#72819a;justify-content:center;gap:45px;background:#fff;min-height:49px}.folder-add span{font-size:23px}.folder-menu summary{list-style:none;cursor:pointer;font-weight:900;color:#617089;font-size:18px;padding:8px}.folder-menu summary::-webkit-details-marker{display:none}.mini-menu{position:absolute;right:5px;top:49px;z-index:3;min-width:180px;background:white;box-shadow:0 10px 25px #0002;border:1px solid #e0e4ed;border-radius:9px;padding:5px}.mini-menu button{display:block;text-align:left;width:100%;padding:9px;background:transparent;border:none;font-size:12px}.mini-menu button:hover{background:#f1f4f9}.danger-text{color:#c34145}.search-row{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:10px 0 14px;color:#7b8699;font-size:12px}.search-row form{display:flex;gap:7px}.search-row input{width:260px;max-width:50vw;padding:8px 12px;border:1px solid #d7dee8;border-radius:8px;outline:0}.search-row form button{border:1px solid #d7dee8;background:#fff;padding:8px 13px;border-radius:8px}.gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.media-card{background:#fff;min-width:0;border:1px solid #dfe4eb;border-radius:9px;overflow:hidden;box-shadow:0 1px 3px #26304912}.thumb{display:block;aspect-ratio:1 / 1;background:#eff2f7}.thumb img,.thumb video{display:block;width:100%;height:100%;object-fit:cover}.card-name{font-size:11px;text-align:center;color:#63738d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:9px 12px;border-bottom:1px solid #dfe4eb}.card-foot{background:#f5f6f9;padding:8px 6px;text-align:center}.card-buttons{display:flex;justify-content:center;gap:6px;align-items:center}.card-buttons button,.card-buttons>a{display:grid;place-items:center;background:transparent;border:1px solid #dce3eb;border-radius:6px;width:29px;height:30px;color:#61748e;font-size:17px;padding:0}.card-buttons button:hover,.card-buttons>a:hover{color:#029e76;border-color:#029e76}.card-buttons form{margin:0}.card-buttons form button:hover{color:#cf3333}.file-info{font-size:10px;color:#9eabbc;margin-top:5px}.empty-gallery{background:#fff;border:1px dashed #d2dae5;border-radius:10px;text-align:center;padding:66px 20px}.empty-gallery>span{font-size:40px;color:#069e75}.empty-gallery h2{margin:8px 0 6px;font-size:19px}.empty-gallery p{color:#73829b;font-size:13px;margin:0 0 20px}.pagination{display:flex;align-items:center;justify-content:center;gap:20px;padding:24px}.pagination a{padding:9px 14px;border:1px solid #d7dce6;border-radius:8px;background:white;font-size:13px}.pagination a[aria-disabled=true]{pointer-events:none;opacity:.4}.pagination span{font-size:12px;color:#65718b}.modal{width:520px;max-width:calc(100vw - 28px);max-height:min(86vh,840px);border-radius:12px;border:0;padding:26px 28px 24px;background:#fff;color:#22314c;box-shadow:0 30px 90px #0917276b;overflow:auto}.modal::backdrop{background:#030c1985;backdrop-filter:blur(4px)}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px}.modal-head h2{font-size:19px;font-family:Georgia,serif;margin:0}.modal-head h2 span{color:var(--green)}.modal-close{border:0;background:#f0f3f7;color:#697d99;border-radius:50%;width:32px;height:32px;font-size:22px;line-height:1}.modal label:not(.check-row):not(.drop-zone){font-size:12px;display:block;margin:13px 0 7px;font-weight:650;color:#4b657f}.modal input:not([type=checkbox]):not([type=file]),.modal select{background:#fff;border:1px solid #d5dfe9;border-radius:7px;width:100%;height:37px;padding:0 12px;font-size:13px;outline:0;color:#203450}.modal input:focus,.modal select:focus{border-color:var(--green)}.field-note{font-size:10px;color:#8d9bb0;line-height:1.5;margin:6px 0 11px}.check-row{margin-top:14px;padding:11px 10px;border:1px solid #d7e0e9;border-radius:8px;display:flex;align-items:center;gap:9px;font-size:12px;font-weight:750;cursor:pointer}.check-row input{accent-color:#08a579}.check-row:has(input:disabled){opacity:.57}.check-row+.field-note{margin-bottom:5px}.drop-zone{background:#f4f6fa;border:2px dashed #dce3ee;border-radius:11px;min-height:165px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:11px;margin:15px 0;padding:24px 12px;cursor:pointer;color:#697993;font-size:13px}.drop-zone b{color:#069a70}.drop-zone small{font-size:10px;color:#92a0b6}.drop-zone.dragover{border-color:#08a979;background:#e9fff5}.drop-icon{font-size:42px;color:var(--green)}.sr-only{position:absolute;opacity:0;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.files-head{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;color:#68778e}.files-head button{border:1px solid #dee4ec;border-radius:6px;background:#f4f5f8;padding:8px 10px;font-size:11px}.preview-files{display:flex;flex-wrap:wrap;gap:10px;max-height:145px;overflow-y:auto;padding:15px 0 0}.selected-tile{position:relative;width:79px;height:80px;background:#eff4f8;border:1px solid #d9e1e9;border-radius:7px;overflow:hidden;display:flex;align-items:center;justify-content:center}.selected-tile img{width:100%;height:100%;object-fit:cover}.selected-tile button{position:absolute;top:2px;right:2px;border:none;background:#1e293bca;color:white;border-radius:50%;width:21px;height:21px}.selected-tile span{font-size:12px;color:#71819a}.file-warning{font-size:12px;color:#bf374a;margin:10px 0}.upload-submit{margin-top:12px}.small-modal{width:390px}.small-modal form .primary{margin-top:19px}.analytics-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.analytics-cards>div,.white-panel{background:white;border:1px solid #dce3eb;border-radius:10px;padding:23px}.analytics-cards span{display:block;color:#75869e;font-size:12px}.analytics-cards strong{display:block;font-size:29px;margin-top:5px;color:#0a916d}.white-panel{margin:20px 0}.white-panel h2{margin:0 0 18px;font-size:18px}.white-panel table{border-collapse:collapse;width:100%;font-size:13px}.white-panel th,.white-panel td{border-bottom:1px solid #e3e7ef;padding:12px;text-align:left}.white-panel th{color:#60708a}.back-link{font-size:12px;color:#087f61}.muted-note{color:#75859a;font-size:12px}.account-container{max-width:760px}.settings-form{display:flex;flex-direction:column;max-width:450px;gap:10px;margin-top:24px}.settings-form label{font-size:12px;color:#586780;font-weight:700}.settings-form input{border:1px solid #d5dfe9;border-radius:8px;height:42px;padding:9px}.settings-form button{margin-top:14px}@media(max-width:800px){.gallery-grid,.folder-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.topbar{align-items:flex-start}.brand{font-size:13px}.nav-btn{padding:8px 10px}}@media(max-width:580px){.topbar{display:block;padding:12px}.brand{margin-bottom:10px}.topnav{justify-content:space-between}.nav-btn{font-size:11px;padding:9px 8px}.heading-line{align-items:flex-start}.heading-line h1{font-size:19px}.heading-badges{gap:4px;flex-wrap:wrap;justify-content:flex-end}.heading-badges span,.heading-badges a{font-size:10px;padding:6px 8px}.folder-grid,.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.main-container{margin-top:18px}.folder-item{padding:0 9px}.search-row{display:block}.search-row>span{display:block;margin-top:7px}.search-row form input{width:100%;max-width:100%}.modal{padding:19px 17px}.analytics-cards{grid-template-columns:1fr}.card-buttons{gap:3px}.card-buttons button,.card-buttons>a{width:27px;height:27px}}