:root{--bg:#0b0d10;--panel:#12151a;--panel2:#171b21;--line:#252b34;--line2:#303742;--text:#f2f4f7;--muted:#9199a5;--soft:#cbd1d9;--accent:#dfe5ec;--accentText:#0a0b0d;--danger:#ff7c84;--ok:#7ce6b6;--shadow:0 20px 70px rgba(0,0,0,.45);--radius:18px;--radius2:24px;--ease:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}body{overflow-x:hidden}button,input,textarea,select{font:inherit}button{color:inherit}.hidden{display:none!important}.boot{position:fixed;inset:0;display:grid;place-items:center;align-content:center;gap:18px;background:var(--bg);z-index:9999;font-weight:700;letter-spacing:.08em}.spinner{width:30px;height:30px;border:2px solid #252b34;border-top-color:#e6e9ee;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.login-view{min-height:100dvh;display:grid;place-items:center;padding:24px}.login-card{width:min(420px,100%);background:linear-gradient(180deg,#14171c,#101216);border:1px solid var(--line);border-radius:30px;padding:34px;box-shadow:var(--shadow)}.brand-mark{width:54px;height:54px;border-radius:18px;background:var(--text);color:#0c0e11;display:grid;place-items:center;font-family:Georgia,serif;font-size:28px;font-weight:800}.brand-mark.small{width:34px;height:34px;border-radius:11px;font-size:18px}.login-card h1{font:700 34px/1.05 Georgia,serif;margin:22px 0 8px}.login-card>p{color:var(--muted);margin:0 0 28px}.login-card label,.panel-form label{display:grid;gap:7px;font-size:13px;color:var(--soft);margin:14px 0}.login-card input,.panel-form input,.panel-form select{width:100%;background:#0c0f13;color:#fff;border:1px solid var(--line2);border-radius:13px;padding:13px 14px;outline:none;transition:.18s border,.18s box-shadow}.login-card input:focus,.panel-form input:focus,.panel-form select:focus{border-color:#626d7d;box-shadow:0 0 0 3px #77879a22}.primary,.secondary,.danger,.ghost,.round-button{border:0;cursor:pointer;transition:transform .15s var(--ease),opacity .15s,background .15s}.primary:active,.secondary:active,.danger:active,.round-button:active{transform:scale(.97)}.primary{background:var(--text);color:var(--accentText);font-weight:800;border-radius:12px;padding:12px 16px;text-decoration:none;display:inline-grid;place-items:center}.login-card .primary{width:100%;margin-top:10px}.primary.compact{padding:10px 14px;font-size:13px}.secondary{background:#20252d;border:1px solid #303742;border-radius:11px;padding:10px 13px}.danger{background:#34191d;color:#ffb8bc;border:1px solid #5b282f;border-radius:11px;padding:10px 13px}.ghost{background:transparent;border:1px solid var(--line);border-radius:12px;padding:10px 12px;text-align:left;color:var(--muted)}.form-error{min-height:22px;margin-top:14px;color:#ff9ca3;font-size:13px}
.app{min-height:100dvh;display:grid;grid-template-columns:238px 1fr}.sidebar{position:fixed;left:0;top:0;bottom:0;width:238px;border-right:1px solid var(--line);background:#0d0f12;padding:20px 14px;display:flex;flex-direction:column;z-index:30}.brand-row{display:flex;align-items:center;gap:11px}.brand-row strong{font-family:Georgia,serif;font-size:22px}.sidebar-top{position:relative}.space-button{width:100%;margin-top:22px;background:#15191f;border:1px solid #272d36;border-radius:14px;padding:12px 13px;display:flex;justify-content:space-between;cursor:pointer}.space-menu{position:absolute;left:0;right:0;top:102px;background:#171b21;border:1px solid #303742;border-radius:14px;padding:6px;box-shadow:var(--shadow);z-index:50}.space-menu button,.sheet button{width:100%;border:0;background:transparent;color:var(--soft);padding:11px 12px;border-radius:10px;text-align:left;cursor:pointer}.space-menu button:hover,.space-menu button.active,.sheet button.active{background:#242a33;color:#fff}.nav{display:grid;gap:4px;margin-top:24px}.nav button{border:0;background:transparent;color:#8f98a4;border-radius:12px;padding:11px 12px;display:flex;align-items:center;gap:12px;cursor:pointer;text-align:left;font-size:13px;font-weight:700;letter-spacing:.03em}.nav button span{width:20px;text-align:center;font-size:16px}.nav button:hover,.nav button.active{background:#171b21;color:#fff}.sidebar-bottom{margin-top:auto;display:grid;gap:8px}.main{grid-column:2;min-width:0;padding:30px 34px 100px;max-width:1600px;width:100%;margin:0 auto}.mobile-header,.bottom-nav{display:none}.content-view{animation:fadein .22s var(--ease)}@keyframes fadein{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px}.toolbar h2{font-size:30px;margin:0 0 4px;letter-spacing:.01em}.subtle{color:var(--muted);font-size:13px}.toolbar-actions{display:flex;gap:10px;align-items:center}.search-wrap{height:42px;display:flex;align-items:center;gap:8px;background:#12161b;border:1px solid var(--line);border-radius:13px;padding:0 12px;color:#69717d}.search-wrap input{border:0;outline:0;background:transparent;color:#fff;width:200px}.round-button{width:42px;height:42px;border-radius:13px;background:#eef1f5;color:#0b0d10;font-size:23px}.chips{display:flex;gap:7px;overflow:auto;padding-bottom:8px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chips button{flex:none;background:#111419;color:#8f98a4;border:1px solid #242a33;border-radius:999px;padding:7px 11px;font-size:12px;cursor:pointer}.chips button.active{background:#e9edf2;color:#0b0d10;border-color:#e9edf2}.drop-zone{margin:12px 0 24px;border:1px dashed #333b46;border-radius:20px;min-height:118px;display:grid;place-items:center;align-content:center;gap:4px;color:#a2aab6;cursor:pointer;transition:.2s var(--ease);background:linear-gradient(180deg,#101318,#0e1115)}.drop-zone:hover,.drop-zone.drag{border-color:#818c9a;background:#141920;transform:translateY(-1px)}.drop-zone .drop-icon{font-size:26px;height:28px;color:#e5e8ed}.drop-zone strong{font-size:15px}.drop-zone span{font-size:11px;color:#68717d}.next-section{margin:0 0 28px}.section-label{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}.section-label span{font-size:12px;font-weight:900;letter-spacing:.16em}.section-label small{color:var(--muted)}.next-grid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,320px);gap:12px;overflow-x:auto;padding:2px 0 10px;scroll-snap-type:x proximity}.file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:13px;transition:opacity .15s}.file-card{position:relative;min-width:0;background:#12161b;border:1px solid #252c35;border-radius:18px;overflow:hidden;cursor:pointer;transition:transform .18s var(--ease),border-color .18s,background .18s;animation:cardin .22s var(--ease)}@keyframes cardin{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}.file-card:hover{transform:translateY(-2px);border-color:#3a434f;background:#151a20}.file-card.next-card{border-color:#56606d;box-shadow:0 0 0 1px #58647222 inset}.thumb{aspect-ratio:16/10;background:#0d1014;display:grid;place-items:center;overflow:hidden;position:relative}.thumb img,.thumb video{width:100%;height:100%;object-fit:cover}.thumb .file-icon{font-size:30px;color:#9ea7b3}.file-info{padding:11px 12px 12px}.file-name{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#e8ebef}.file-meta{font-size:10px;color:#76808d;margin-top:5px;display:flex;justify-content:space-between;gap:8px}.next-badge{position:absolute;top:9px;left:9px;background:#edf1f5;color:#0b0d10;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:900;letter-spacing:.1em;z-index:2}.expiry-badge{position:absolute;top:9px;right:9px;background:#191e25dd;border:1px solid #353d48;border-radius:999px;padding:5px 8px;font-size:9px;color:#b6bec8;z-index:2}.empty{min-height:280px;display:grid;place-items:center;align-content:center;text-align:center;color:#88919d;gap:4px}.empty div{font-size:16px}.empty small{color:#59616c}.upload-tray{position:fixed;right:24px;bottom:24px;width:min(380px,calc(100vw - 48px));background:#15191f;border:1px solid #303742;border-radius:18px;padding:10px;box-shadow:var(--shadow);z-index:80;display:grid;gap:7px}.upload-row{background:#0f1216;border-radius:12px;padding:9px 10px}.upload-row-top{display:flex;justify-content:space-between;gap:10px;font-size:11px}.upload-row-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-row-pct{color:#9ca5b1}.progress{height:3px;background:#252b33;border-radius:999px;margin-top:8px;overflow:hidden}.progress>div{height:100%;background:#e7ebef;transition:width .2s}
.memo-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:14px;min-height:70vh}.memo-list{display:grid;align-content:start;gap:8px}.memo-item{background:#12161b;border:1px solid #262c35;border-radius:15px;padding:13px;cursor:pointer}.memo-item.active{border-color:#626d7c;background:#171c22}.memo-item strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.memo-item p{margin:6px 0 0;color:#818a96;font-size:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.memo-editor-wrap{background:#111419;border:1px solid #252c35;border-radius:20px;min-height:520px;padding:24px}.empty-editor{display:grid;place-items:center}.memo-placeholder{color:#5e6671}.memo-title{width:100%;border:0;background:transparent;color:#fff;font-size:24px;font-weight:750;outline:0;padding:0 0 16px;border-bottom:1px solid #272d36}.memo-body{width:100%;min-height:410px;resize:none;border:0;background:transparent;color:#e8ebef;outline:0;padding:18px 0;font:15px/1.8 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.memo-foot{display:flex;justify-content:space-between;color:#6f7884;font-size:11px}.text-danger{border:0;background:transparent;color:#e9878e;cursor:pointer}
.storage-hero{background:#12161b;border:1px solid #252c35;border-radius:22px;padding:24px;margin-bottom:18px}.storage-hero strong{font-size:34px}.storage-hero span{color:#87909c}.storage-hero small{display:block;margin-top:12px;color:#626b76}.meter{height:9px;background:#242a32;border-radius:999px;margin-top:16px;overflow:hidden}.meter>div{height:100%;width:0;background:linear-gradient(90deg,#e9edf2,#919eae);border-radius:999px;transition:width .5s var(--ease)}.storage-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}.storage-columns>div{background:#111419;border:1px solid #252c35;border-radius:20px;padding:20px}.storage-columns h3{margin:0 0 14px}.stat-list{display:grid;gap:9px}.stat-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #21262d}.stat-row:last-child{border-bottom:0}.stat-name{display:flex;align-items:center;gap:9px}.stat-dot{width:8px;height:8px;border-radius:50%;background:#8793a2}.stat-value{text-align:right}.stat-value strong{display:block}.stat-value small{color:#68717c}
.modal{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:20px}.modal-backdrop{position:absolute;inset:0;background:#000a;backdrop-filter:blur(8px)}.preview-card,.owner-card{position:relative;width:min(980px,100%);max-height:92dvh;overflow:auto;background:#111419;border:1px solid #303742;border-radius:26px;box-shadow:var(--shadow);animation:modalin .2s var(--ease)}@keyframes modalin{from{opacity:0;transform:scale(.97) translateY(8px)}to{opacity:1;transform:none}}.modal-close{position:absolute;right:14px;top:14px;width:36px;height:36px;border-radius:50%;border:1px solid #343b46;background:#15191f;color:#fff;cursor:pointer;z-index:3}.preview-media{min-height:280px;max-height:68dvh;background:#090b0e;display:grid;place-items:center;border-radius:26px 26px 0 0;overflow:hidden}.preview-media img,.preview-media video{max-width:100%;max-height:68dvh;object-fit:contain}.preview-media audio{width:min(680px,90%)}.preview-info{padding:18px 20px;display:flex;justify-content:space-between;gap:18px;align-items:center}.preview-info strong{display:block;max-width:480px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.owner-card{width:min(850px,100%);padding:26px}.owner-card h2{margin:0 0 6px}.owner-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}.panel-form{background:#0e1115;border:1px solid #252c35;border-radius:18px;padding:18px}.panel-form h3{margin:0 0 10px}.panel-form small{color:#747d89;line-height:1.5}.owner-message{margin-top:12px;min-height:20px;color:#91e5bd}.toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);z-index:200;background:#eef1f5;color:#0b0d10;padding:10px 14px;border-radius:999px;font-size:12px;font-weight:800;box-shadow:var(--shadow);animation:toastin .2s var(--ease)}@keyframes toastin{from{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%,0)}}.sheet{position:absolute;left:10px;right:10px;bottom:10px;background:#15191f;border:1px solid #303742;border-radius:24px;padding:10px 8px 16px;box-shadow:var(--shadow);animation:sheetin .22s var(--ease)}@keyframes sheetin{from{transform:translateY(30px);opacity:0}to{transform:none;opacity:1}}.sheet-handle{width:38px;height:4px;background:#414954;border-radius:99px;margin:2px auto 10px}
@media(max-width:900px){.app{display:block}.sidebar{display:none}.main{padding:76px 14px 92px;max-width:none}.mobile-header{position:fixed;left:0;right:0;top:0;height:62px;background:#0b0d10e8;backdrop-filter:blur(14px);border-bottom:1px solid #222831;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:0 14px}.mobile-header .brand-row strong{font-size:19px}.space-chip{max-width:55vw;border:1px solid #2b323c;background:#13171c;border-radius:999px;color:#d7dce2;padding:8px 11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bottom-nav{position:fixed;left:0;right:0;bottom:0;height:70px;padding:6px 6px max(6px,env(safe-area-inset-bottom));background:#0b0d10f0;backdrop-filter:blur(16px);border-top:1px solid #232932;z-index:45;display:grid;grid-template-columns:repeat(5,1fr)}.bottom-nav button{border:0;background:transparent;color:#727b87;display:grid;place-items:center;align-content:center;gap:2px}.bottom-nav button span{font-size:18px}.bottom-nav button small{font-size:9px}.bottom-nav button.active{color:#f2f4f7}.toolbar{align-items:flex-start}.toolbar h2{font-size:25px}.search-wrap{display:none}.drop-zone{min-height:94px;margin-bottom:18px}.file-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.file-info{padding:9px}.next-grid{grid-auto-columns:minmax(190px,72vw)}.upload-tray{right:10px;bottom:82px;width:calc(100vw - 20px)}.memo-layout{grid-template-columns:1fr;min-height:0}.memo-editor-wrap{min-height:58vh;padding:18px}.memo-body{min-height:45vh}.storage-columns{grid-template-columns:1fr}.preview-card{max-height:94dvh;border-radius:22px}.preview-media{max-height:56dvh;min-height:240px;border-radius:22px 22px 0 0}.preview-media img,.preview-media video{max-height:56dvh}.preview-info{display:grid}.preview-actions{justify-content:flex-start}.owner-grid{grid-template-columns:1fr}.owner-card{padding:20px}.modal{padding:10px}}
@media(max-width:430px){.main{padding-left:10px;padding-right:10px}.file-grid{gap:8px}.file-card{border-radius:15px}.toolbar-actions{gap:6px}.round-button{width:40px;height:40px}.drop-zone{border-radius:16px}.memo-editor-wrap{border-radius:16px}.storage-hero,.storage-columns>div{border-radius:17px}.preview-actions>*{flex:1}}