:root{--bg:#0c0f12;--panel:#12171b;--panel2:#171d22;--line:#25302b;--text:#edf2ef;--muted:#899690;--mint:#76d4ad;--amber:#dfba6a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px Inter,system-ui,sans-serif}button,input,select{font:inherit}.loading{min-height:100vh;display:grid;place-items:center;color:var(--muted)}.auth{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 0,rgba(118,212,173,.08),transparent 35%)}.auth-card{width:min(420px,100%);padding:32px;border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:0 30px 100px #000}.brand{display:flex;align-items:center;gap:11px;font-size:21px;font-weight:800;margin-bottom:32px}.mark{width:32px;height:32px;border-radius:9px;background:var(--mint);color:#10221b;display:grid;place-items:center}.eyebrow{font-size:9px;letter-spacing:1.7px;color:var(--mint);font-weight:800}.auth h1{font-size:24px;margin:8px 0}.auth p{font-size:12px;color:var(--muted);line-height:1.55;margin-bottom:25px}label{display:block;color:#a7b1ad;font-size:11px;margin:15px 0}input,select{display:block;width:100%;height:43px;margin-top:7px;padding:0 12px;color:var(--text);background:#0d1214;border:1px solid var(--line);border-radius:9px;outline:none}input:focus{border-color:#4c806b}.primary{border:0;border-radius:9px;background:var(--mint);color:#11251d;padding:12px 16px;font-weight:800;cursor:pointer}.full{width:100%;margin-top:9px}.error{color:#e39c94;font-size:11px}.shell{min-height:100vh;display:grid;grid-template-columns:238px 1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;padding:26px 18px;background:#0f1316;border-right:1px solid var(--line);display:flex;flex-direction:column}.sidebar .brand{margin:0 8px 38px}.sidebar button{height:44px;border:0;border-radius:10px;background:transparent;color:#94a19b;text-align:left;padding:0 14px;margin:3px 0}.sidebar button.active{background:#1a2822;color:#d8f1e6}.account{margin-top:auto;border-top:1px solid var(--line);padding:18px 7px 0}.account b,.account span{display:block}.account b{font-size:12px}.account span{font-size:9px;color:var(--muted);margin-top:4px}.logout{margin-top:12px!important;padding:0!important;height:auto!important;font-size:10px;color:#d3a19c!important}.main{grid-column:2;padding:42px 5vw}.top{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.top h1{font-size:27px;margin:6px 0}.tag{font-size:9px;color:var(--mint);background:#193229;border-radius:8px;padding:7px 9px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px}.card{border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:20px}.card strong,.card span{display:block}.card strong{font-size:26px}.card span{font-size:10px;color:var(--muted);margin-top:6px}.section-head{display:flex;align-items:end;justify-content:space-between;margin:30px 0 13px}.section-head h2{margin:5px 0 0;font-size:18px}.table{border:1px solid var(--line);border-radius:14px;overflow:hidden}.row{display:grid;grid-template-columns:1.4fr .7fr .8fr .7fr;align-items:center;gap:12px;min-height:62px;padding:11px 16px;background:var(--panel);border-top:1px solid var(--line);font-size:11px}.row:first-child{border:0;background:#101518;color:#6e7b75;font-size:8px;letter-spacing:1px}.person b,.person small{display:block}.person small{color:var(--muted);margin-top:5px}.status{width:max-content;padding:6px 8px;border-radius:7px;font-size:9px}.pending{background:#382f1d;color:var(--amber)}.verified{background:#18382d;color:#85deb9}.more{background:#392624;color:#e0a09a}.empty{text-align:center;color:var(--muted);padding:28px}.modal-bg{position:fixed;inset:0;background:rgba(3,6,7,.84);display:grid;place-items:center;padding:20px}.modal{position:relative;width:min(590px,100%);max-height:92vh;overflow:auto;background:var(--panel);border:1px solid #34413b;border-radius:16px;padding:27px}.close{position:absolute;right:16px;top:12px;border:0;background:none;color:var(--muted);font-size:24px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.note{font-size:10px;color:var(--muted);padding:10px;background:#101815;border:1px solid var(--line);border-radius:8px}.success{padding:13px;background:#18382d;color:#a6e4ca;border-radius:9px;font-size:11px;word-break:break-all}@media(max-width:720px){.shell{display:block}.sidebar{position:fixed;z-index:4;inset:auto 0 0;width:100%;height:64px;padding:8px;display:flex;flex-direction:row}.sidebar .brand,.account{display:none}.sidebar button{flex:1;text-align:center}.main{padding:24px 15px 85px}.cards{grid-template-columns:1fr}.row{grid-template-columns:1.5fr .8fr}.row>*:nth-child(2),.row>*:nth-child(3){display:none}.grid2{grid-template-columns:1fr}}
.actions{display:flex;gap:6px;flex-wrap:wrap}.actions button{border:1px solid #34413b;background:#17201c;color:#b8c7c0;border-radius:7px;padding:7px 9px;font-size:9px;cursor:pointer}.actions .danger{border-color:#57332f;color:#e3a19a;background:#211716}.small{width:min(470px,100%)}.link-box{margin:18px 0;padding:13px;background:#0d1214;border:1px solid var(--line);border-radius:8px;color:#a6e4ca;font-size:11px;word-break:break-all}
.welcome,.module-card{border:1px solid var(--line);border-radius:16px;background:linear-gradient(135deg,var(--panel),#111a16);padding:30px}.welcome h2,.module-card h2{margin:7px 0 8px;font-size:22px}.welcome p,.module-card p{max-width:600px;color:var(--muted);line-height:1.6;margin:0 0 22px}.module-card{min-height:330px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.module-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#1a3329;color:var(--mint);font-size:24px;font-weight:900;margin-bottom:24px}.module-state{display:flex;align-items:center;gap:8px;color:#a9b6b0;font-size:11px;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:#0f1512}.module-state span{width:7px;height:7px;border-radius:50%;background:var(--amber)}
.folder-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.folder-card{min-height:190px;text-align:left;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px;cursor:pointer}.folder-card:hover{border-color:#47705f;transform:translateY(-1px)}.folder-top,.folder-meta{display:flex;align-items:center;justify-content:space-between}.folder-icon{font-size:24px;color:var(--mint)}.folder-card h3{font-size:16px;margin:20px 0 7px}.folder-card p{height:34px;overflow:hidden;color:var(--muted);font-size:10px;line-height:1.5}.folder-meta,.folder-card small{color:var(--muted);font-size:9px}.progress{height:4px;background:#202a25;border-radius:9px;margin:13px 0 8px;overflow:hidden}.progress i{display:block;height:100%;background:var(--mint)}.wide{grid-column:1/-1}.subtext{color:var(--muted);font-size:11px}.gallery-bg{align-items:start;overflow:auto}.gallery-modal{width:min(1050px,100%);margin:3vh 0}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:20px}.image-card{overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#0e1315}.image-card>img{display:block;width:100%;height:210px;object-fit:cover;background:#090c0e}.image-info{padding:12px}.image-info>b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px;margin-bottom:9px}.image-info p{font-size:10px;color:#d6aaa4}.review-actions{display:flex;gap:5px;margin-top:10px;flex-wrap:wrap}.review-actions button{border:1px solid #34413b;background:#16221d;color:#b9c9c1;border-radius:7px;padding:7px;font-size:9px;cursor:pointer}.review-actions .danger{color:#e2a09a;border-color:#5b342f;background:#241716}.identity-images{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0}.identity-images img{display:block;width:100%;height:190px;object-fit:contain;background:#090c0e;border:1px solid var(--line);border-radius:10px}.chat-layout{display:grid;grid-template-columns:280px minmax(0,1fr);height:calc(100vh - 150px);min-height:480px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--panel)}.chat-list{overflow:auto;border-right:1px solid var(--line);background:#0f1416}.conversation{display:block;width:100%;padding:17px 14px;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);cursor:pointer}.conversation.selected{background:#1a2822}.conversation b,.conversation span{display:block}.conversation b{font-size:11px}.conversation span{margin-top:6px;color:var(--muted);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-panel{display:flex;flex-direction:column;overflow:auto;position:relative}.messages{padding:20px;flex:1}.message{width:max-content;max-width:72%;margin:9px 0;padding:10px 12px;border-radius:4px 12px 12px 12px;background:#20272a}.message.mine{margin-left:auto;background:#1c3b30;border-radius:12px 4px 12px 12px}.message b{font-size:8px;color:var(--mint)}.message p{margin:5px 0;line-height:1.45;font-size:11px;white-space:pre-wrap}.message small{color:var(--muted);font-size:7px}.composer{position:sticky;bottom:0;display:flex;gap:8px;padding:12px;border-top:1px solid var(--line);background:#111719}.composer input{margin:0}.composer button{min-width:80px}
@media(max-width:1000px){.folder-grid,.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.folder-grid,.gallery{grid-template-columns:1fr}.chat-layout{grid-template-columns:1fr;height:auto}.chat-list{max-height:180px;border-right:0;border-bottom:1px solid var(--line)}.chat-panel{height:440px}.identity-images{grid-template-columns:1fr}.image-card>img{height:260px}}
.identity-self{max-width:780px;border:1px solid var(--line);border-radius:16px;background:var(--panel);padding:25px}.identity-state{display:flex;align-items:center;gap:12px;padding-bottom:16px;margin-bottom:10px;border-bottom:1px solid var(--line)}.identity-state strong{font-weight:500}.identity-state p{margin-left:auto;color:#d9aaa4;font-size:10px}
.settings-modal{width:min(650px,100%)}.settings-section{margin:18px 0;padding:17px;border:1px solid var(--line);border-radius:12px;background:#0f1517}.settings-section h3{font-size:12px;margin:0 0 12px}.permission-option{display:flex;align-items:center;gap:12px;margin:9px 0;padding:12px;border:1px solid var(--line);border-radius:9px;background:#121b17;cursor:pointer}.permission-option input,.share-user input{width:17px;height:17px;flex:0 0 auto;margin:0;accent-color:var(--mint)}.permission-option span,.permission-option b,.permission-option small,.share-user span,.share-user b,.share-user small{display:block}.permission-option b,.share-user b{font-size:11px;color:var(--text)}.permission-option small,.share-user small{font-size:9px;color:var(--muted);margin-top:4px}.settings-btn{border-color:#416b5a!important;color:var(--mint)!important}.folder-heading{display:flex;align-items:start;justify-content:space-between;gap:20px}.folder-heading h2{margin:6px 0}.folder-controls{display:flex;gap:7px;padding-right:30px}.folder-controls button{border:1px solid #3b4b44;background:#17201c;color:#c5d2cc;border-radius:8px;padding:9px 11px;font-size:9px;cursor:pointer}.folder-controls .danger{border-color:#633832;background:#251817;color:#e6a39c}.access-panel{margin:20px 0;padding:15px;border:1px solid var(--line);border-radius:12px;background:#0e1415}.access-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.access-title small{font-size:9px;color:var(--muted)}.access-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.access-person{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px;border:1px solid #25302b;border-radius:9px;background:#121a17}.access-person b,.access-person small{display:block}.access-person b{font-size:10px}.access-person small{font-size:8px;color:var(--muted);margin-top:3px}.access-tags{display:flex!important;gap:4px!important;justify-content:flex-end;flex-wrap:wrap}.access-tags span,.access-tags i{display:inline-block!important;padding:4px 6px;border-radius:5px;background:#193329;color:#9bdec1;font-size:7px;font-style:normal}.access-tags .danger-tag{background:#38211f;color:#e4aaa3}.upper-modal{z-index:20}.share-modal{width:min(620px,100%)}.share-users{max-height:430px;overflow:auto;margin:17px 0;display:grid;gap:7px}.share-user{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;margin:0;padding:12px;border:1px solid var(--line);border-radius:9px;background:#101716;cursor:pointer}
@media(max-width:720px){.folder-heading{display:block}.folder-controls{padding:10px 0}.access-list{grid-template-columns:1fr}.share-user{grid-template-columns:auto 1fr}.share-user .access-tags{grid-column:2}}
.review-modal{width:min(1180px,100%);padding:25px}.review-counter{display:flex;justify-content:space-between;align-items:center;margin:18px 0 9px;color:var(--muted);font-size:9px}.review-counter b{color:var(--text);font-size:11px}.review-workspace{display:grid;grid-template-columns:minmax(0,1fr) 285px;min-height:520px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#090d0f}.review-canvas{position:relative;display:grid;place-items:center;min-width:0;padding:18px;background:radial-gradient(circle at center,#1a2023,#080b0d 70%)}.review-canvas a{display:grid;place-items:center;width:100%;height:100%}.review-canvas img{display:block;max-width:100%;max-height:620px;object-fit:contain;border-radius:7px;box-shadow:0 20px 60px #000}.nav-arrow{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:56px;border:1px solid #4a5651;border-radius:10px;background:rgba(10,15,16,.82);color:#eef5f1;font-size:32px;cursor:pointer}.nav-arrow:hover{border-color:var(--mint);color:var(--mint)}.nav-arrow:disabled{opacity:.2;cursor:default}.nav-arrow.prev{left:15px}.nav-arrow.next{right:15px}.review-panel{padding:20px;background:#111719;border-left:1px solid var(--line)}.large-status{font-size:10px}.review-panel h3{margin:16px 0 20px;font-size:12px;line-height:1.4;word-break:break-word}.decision-buttons{display:grid;gap:9px}.review-btn{width:100%;padding:13px;text-align:left;border:1px solid;border-radius:10px;cursor:pointer}.review-btn b,.review-btn span{display:block}.review-btn b{font-size:11px}.review-btn span{margin-top:4px;font-size:8px;opacity:.75}.review-btn.approve{background:#123326;border-color:#297f58;color:#8ce2bb}.review-btn.approve:hover{background:#194a36}.review-btn.request{background:#332814;border-color:#8b672a;color:#ecc776}.review-btn.request:hover{background:#493718}.review-btn.reject{background:#351a1a;border-color:#8f3d3d;color:#ef9995}.review-btn.reject:hover{background:#4b2020}.review-note{margin:0 0 17px;padding:12px;border:1px solid #624b28;border-radius:9px;background:#251f14}.review-note span{font-size:7px;letter-spacing:1px;color:var(--amber)}.review-note p{font-size:10px;line-height:1.45;color:#e1c98f}.view-only{padding:13px;border:1px solid var(--line);border-radius:9px;color:var(--muted);font-size:10px}.filmstrip{display:flex;gap:8px;overflow-x:auto;padding:12px 2px 2px}.film-thumb{position:relative;width:74px;height:58px;flex:0 0 auto;padding:2px;border:2px solid transparent;border-radius:8px;background:#111719;cursor:pointer}.film-thumb.active{border-color:var(--mint)}.film-thumb img{width:100%;height:100%;object-fit:cover;border-radius:5px}.film-thumb .dot{position:absolute;right:3px;bottom:3px;width:8px;height:8px;border:2px solid #101416;border-radius:50%}.film-thumb .dot.pending{background:var(--amber)}.film-thumb .dot.approved{background:#51cb91}.film-thumb .dot.changes{background:#e0a846}.film-thumb .dot.rejected{background:#e45d5d}.review-empty{min-height:300px;display:grid;place-items:center}textarea{display:block;width:100%;margin-top:7px;padding:12px;color:var(--text);background:#0d1214;border:1px solid var(--line);border-radius:9px;outline:none;resize:vertical;font:inherit}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.modal-actions button{border:1px solid var(--line);border-radius:9px;background:#151b1e;color:var(--text);padding:11px 15px;cursor:pointer}.modal-actions .review-confirm.request{background:#d4a446;border-color:#d4a446;color:#251c0d;font-weight:800}.modal-actions .review-confirm.reject{background:#d85b59;border-color:#d85b59;color:#fff;font-weight:800}
@media(max-width:850px){.review-workspace{grid-template-columns:1fr}.review-panel{border-left:0;border-top:1px solid var(--line)}.review-canvas{min-height:390px}.review-canvas img{max-height:450px}.review-modal{padding:18px}.review-counter{align-items:flex-start;gap:8px}.nav-arrow{width:36px;height:48px}}
.access-panel summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none}.access-panel summary::-webkit-details-marker{display:none}.access-panel summary:after{content:'⌄';margin-left:10px;color:var(--muted)}.access-panel[open] summary{padding-bottom:11px;margin-bottom:10px;border-bottom:1px solid var(--line)}.access-panel[open] summary:after{transform:rotate(180deg)}.review-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:18px 0 4px;padding:5px;border:1px solid var(--line);border-radius:12px;background:#0c1113}.review-tabs button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:10px;cursor:pointer}.review-tabs button b{min-width:20px;padding:3px 5px;border-radius:10px;background:#20292d;color:#b8c3be;font-size:8px}.review-tabs button.active{background:#1a2d25;color:#d9f1e6}.review-tabs button.active b{background:var(--mint);color:#10241b}
@media(max-width:600px){.gallery-bg{padding:0;overflow:hidden}.review-modal{width:100%;height:100dvh;max-height:100dvh;margin:0;padding:13px;border:0;border-radius:0;overflow-y:auto}.review-modal>.close{position:fixed;z-index:30;right:10px;top:7px;width:36px;height:36px;border-radius:50%;background:#171e20}.folder-heading{padding-right:28px}.folder-heading h2{font-size:18px;margin-top:5px}.folder-heading .subtext{line-height:1.5}.folder-controls{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:8px 0 0}.folder-controls button{padding:9px 7px}.access-panel{margin:12px 0;padding:12px}.access-list{max-height:180px;overflow:auto}.review-tabs{position:sticky;z-index:12;top:-13px;grid-template-columns:repeat(4,minmax(70px,1fr));gap:4px;margin:12px -13px 4px;padding:7px 13px;overflow-x:auto;border-width:1px 0;border-radius:0;background:rgba(12,17,19,.96);backdrop-filter:blur(10px)}.review-tabs button{min-height:38px;padding:0 7px;white-space:nowrap}.review-counter{margin:11px 0 7px}.review-workspace{display:block;min-height:0;border-radius:10px}.review-canvas{min-height:270px;height:48dvh;padding:9px}.review-canvas img{max-height:45dvh}.nav-arrow{width:34px;height:46px;font-size:27px}.nav-arrow.prev{left:7px}.nav-arrow.next{right:7px}.review-panel{padding:13px}.review-panel h3{margin:10px 0 12px;font-size:10px}.decision-buttons{grid-template-columns:repeat(3,1fr);gap:6px}.review-btn{min-height:54px;padding:8px 5px;text-align:center}.review-btn b{font-size:9px}.review-btn span{display:none}.filmstrip{margin:0 -3px;padding:9px 3px 2px}.film-thumb{width:62px;height:49px}.review-note{margin-bottom:10px}.main{padding-left:11px;padding-right:11px}.top{align-items:flex-start;gap:9px}.top h1{font-size:23px}.sidebar{overflow-x:auto}.sidebar button{min-width:62px;padding:0 7px;font-size:10px}.modal-bg:not(.gallery-bg){padding:10px}.modal:not(.review-modal){padding:22px 17px}.cards{gap:9px}.card{padding:16px}.folder-card{min-height:170px}.chat-layout{border-radius:10px}}
@media(max-width:360px){.review-tabs{grid-template-columns:repeat(4,minmax(66px,1fr))}.review-tabs button{font-size:9px;gap:5px}.review-canvas{height:43dvh;min-height:235px}.review-canvas img{max-height:40dvh}.decision-buttons{grid-template-columns:1fr}.review-btn{min-height:44px}.review-btn span{display:block}.sidebar button{min-width:58px;font-size:9px}.folder-controls{grid-template-columns:1fr}.access-person{display:block}.access-tags{justify-content:flex-start;margin-top:7px}}
.nav-badge{float:right;min-width:18px;padding:2px 5px;border-radius:10px;background:#d95f5c;color:#fff;text-align:center;font-size:8px}.message-tools{display:flex;align-items:center;gap:8px}.message-tools>button:not(.primary){border:1px solid var(--line);border-radius:8px;background:#151c1f;color:#aebbb5;padding:10px 12px;font-size:9px;cursor:pointer}.message-tools>button.enabled{border-color:#37765b;color:var(--mint);background:#14281f}.live-status{display:flex;align-items:center;gap:6px;color:var(--mint);font-size:9px}.live-status:before{content:'';width:7px;height:7px;border-radius:50%;background:#52d696;box-shadow:0 0 0 4px rgba(82,214,150,.1)}.live-status.reconnecting{color:var(--amber)}.live-status.reconnecting:before{background:var(--amber);box-shadow:none}.conversation b{position:relative}.conversation.unread{background:#15231d}.unread-dot{display:inline-block;width:7px;height:7px;margin-left:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 3px rgba(118,212,173,.12)}.toast-stack{position:fixed;z-index:60;right:18px;top:18px;display:grid;gap:8px;width:min(350px,calc(100vw - 24px))}.message-toast{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:11px;width:100%;padding:13px;text-align:left;border:1px solid #37614f;border-radius:12px;background:rgba(18,29,24,.97);color:var(--text);box-shadow:0 18px 50px rgba(0,0,0,.45);cursor:pointer;animation:toast-in .22s ease-out}.message-toast b,.message-toast small{display:block}.message-toast b{font-size:11px}.message-toast small{margin-top:4px;color:#a9b7b0;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toast-icon{color:var(--mint);font-size:13px}@keyframes toast-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@media(max-width:600px){.message-tools{width:100%;display:grid;grid-template-columns:auto 1fr;gap:6px}.message-tools .primary{grid-column:1/-1}.live-status{justify-self:start}.toast-stack{right:12px;top:12px}.message-toast{padding:11px}.nav-badge{float:none;margin-left:3px}.composer{padding:9px}.composer button{min-width:67px}.chat-panel{height:calc(100dvh - 330px);min-height:390px}}