:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100vh}button{font-family:inherit;cursor:pointer}:root{--bg: #14161a;--card-bg: #1e2126;--text: #eef0f2;--subtitle: #9aa2ab;--border: #333841;--accent: #6f96d6;--accent-hover: #8dabe0;--success: #4fbf6b;--error: #e0645d;--row-hover: #262a31}body{background:var(--bg);color:var(--text)}.btn{display:inline-flex;align-items:center;gap:.4rem;border:1px solid var(--border);background:var(--card-bg);color:var(--text);border-radius:6px;padding:.45rem .8rem;font-size:.9rem;text-decoration:none}.btn:hover{background:var(--row-hover)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-icon{padding:.4rem}.btn:disabled{opacity:.5;cursor:not-allowed}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem}.login-card{width:100%;max-width:380px;background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:2rem}.login-card h1{margin-top:0;font-size:1.4rem}.login-card input{width:100%;padding:.6rem .7rem;margin-bottom:.8rem;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text);font-size:.95rem}.login-card .btn-primary{width:100%;justify-content:center;padding:.6rem}.form-error{color:var(--error);font-size:.85rem;margin-bottom:.8rem}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;border-bottom:1px solid var(--border);background:var(--card-bg)}.topbar h1{font-size:1.1rem;margin:0}.topbar .user-info{display:flex;align-items:center;gap:.75rem;font-size:.9rem;color:var(--subtitle)}.topbar-search{flex:1;max-width:420px;margin:0 1.5rem}.app-body{display:flex;flex:1;min-height:0}.sidebar{width:240px;flex-shrink:0;padding:1.25rem .75rem;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:1.25rem}.mobile-menu-toggle{display:none}.sidebar-nav{display:flex;flex-direction:column;gap:.2rem}.sidebar-nav a{display:flex;align-items:center;gap:.6rem;padding:.5rem .75rem;border-radius:6px;color:var(--text);text-decoration:none;font-size:.92rem}.sidebar-nav a:hover{background:var(--row-hover)}.sidebar-nav a.active{background:var(--row-hover);color:var(--accent);font-weight:500}.nav-badge{background:var(--accent);color:#fff;font-size:.72rem;font-weight:600;line-height:1;padding:.2rem .4rem;border-radius:100px;margin-left:auto}.new-menu{position:relative;padding:0 .5rem}.new-menu-trigger{width:100%;justify-content:center;padding:.6rem}.new-menu-dropdown{position:absolute;top:calc(100% + .4rem);left:.5rem;right:.5rem;background:var(--card-bg);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #00000059;overflow:hidden;z-index:50}.new-menu-item{display:flex;align-items:center;gap:.6rem;width:100%;padding:.6rem .8rem;background:none;border:none;color:var(--text);font-size:.9rem;text-align:left}.new-menu-item:hover{background:var(--row-hover)}.main-content{flex:1;min-width:0;padding:1.25rem 1.5rem;overflow-y:auto}.breadcrumbs{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;margin-bottom:1rem;font-size:.95rem}.breadcrumbs a{color:var(--accent);text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.breadcrumbs span.sep{color:var(--subtitle)}.toolbar{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.list{border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--card-bg)}.row{display:flex;align-items:center;gap:.6rem;padding:.6rem .9rem;border-bottom:1px solid var(--border)}.row:last-child{border-bottom:none}.row:hover{background:var(--row-hover)}.row-name{flex:1;display:flex;align-items:center;gap:.5rem;min-width:0;text-align:left;background:none;border:none;color:var(--text);font-size:.95rem;padding:.2rem 0}.row-name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-meta{color:var(--subtitle);font-size:.8rem;white-space:nowrap}.row-actions{display:flex;gap:.25rem}.empty-state{padding:2rem;text-align:center;color:var(--subtitle)}.drop-zone{min-height:100%}.drop-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#6f96d61a;border:3px dashed var(--accent);display:flex;align-items:center;justify-content:center;pointer-events:none}.drop-overlay-inner{display:flex;flex-direction:column;align-items:center;gap:.6rem;max-width:80vw;text-align:center;color:var(--text);font-size:1.05rem;font-weight:500;background:var(--card-bg);border:1px solid var(--border);padding:1.75rem 2.5rem;border-radius:12px;box-shadow:0 8px 24px #00000073}.drop-overlay-inner svg{color:var(--accent)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:100}.modal{background:var(--card-bg);border-radius:10px;padding:1.25rem;width:100%;max-width:420px;max-height:80vh;overflow-y:auto}.modal h2{margin-top:0;font-size:1.1rem}.modal input,.modal select{width:100%;padding:.5rem .6rem;margin-bottom:.6rem;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text)}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem}.share-row{display:flex;align-items:center;justify-content:space-between;padding:.4rem 0;border-bottom:1px solid var(--border);font-size:.9rem}.picker-row{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;border-bottom:1px solid var(--border);cursor:pointer;background:none;border-left:none;border-right:none;border-top:none;width:100%;text-align:left;color:var(--text)}.picker-row:hover{background:var(--row-hover)}.preview-modal{max-width:min(90vw,900px)}.preview-image{display:block;max-width:100%;max-height:75vh;margin:0 auto;border-radius:6px}.preview-frame{width:min(80vw,860px);height:75vh;border:none;border-radius:6px;background:#fff}.grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.grid-card{position:relative;border:1px solid var(--border);border-radius:8px;background:var(--card-bg);overflow:hidden}.grid-check{position:absolute;top:.5rem;left:.5rem;z-index:1;width:16px;height:16px;margin:0}.grid-card-body{width:100%;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem .6rem .75rem;background:none;border:none;color:var(--text);text-align:center}.grid-card-body:hover{background:var(--row-hover)}.grid-card-body img{width:56px;height:56px;object-fit:cover;border-radius:6px}.grid-card-body svg{color:var(--subtitle);flex-shrink:0}.grid-card-body span{font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.editor-page{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--bg)}.editor-topbar{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;border-bottom:1px solid var(--border);background:var(--card-bg)}.editor-topbar .title{font-size:.95rem;color:var(--subtitle)}#onlyoffice-editor{flex:1}.loading-state{flex:1;display:flex;align-items:center;justify-content:center;color:var(--subtitle)}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.topbar{flex-wrap:wrap;row-gap:.5rem;padding:.6rem .85rem}.topbar-search{order:3;flex:1 1 100%;max-width:none;margin:0}.topbar .user-info span{display:none}.app-body{flex-direction:column}.sidebar{position:fixed;bottom:0;left:0;right:0;width:100%;flex-direction:row;align-items:center;justify-content:space-between;gap:.5rem;padding:.4rem .5rem;border-right:none;border-top:1px solid var(--border);background:var(--card-bg);z-index:40}.new-menu{padding:0;flex-shrink:0}.new-menu-trigger{padding:.5rem .6rem}.new-menu-label{display:none}.new-menu-dropdown{top:auto;bottom:calc(100% + .5rem);left:0;right:auto;width:max-content;min-width:220px}.sidebar-nav{display:none}.mobile-menu-toggle{display:inline-flex;flex-shrink:0}.mobile-nav-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:45}.mobile-nav-drawer{position:absolute;left:0;right:0;bottom:0;background:var(--card-bg);border-top:1px solid var(--border);border-radius:12px 12px 0 0;padding:.5rem;max-height:70vh;overflow-y:auto;box-shadow:0 -8px 24px #00000059;display:flex;flex-direction:column;gap:.2rem}.mobile-nav-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:.4rem .6rem .6rem;margin-bottom:.3rem;border-bottom:1px solid var(--border);font-weight:500}.mobile-nav-drawer a{display:flex;align-items:center;gap:.7rem;padding:.7rem .75rem;border-radius:6px;color:var(--text);text-decoration:none;font-size:.95rem}.mobile-nav-drawer a:hover{background:var(--row-hover)}.mobile-nav-drawer a.active{background:var(--row-hover);color:var(--accent);font-weight:500}.main-content{padding:1rem .85rem 4.5rem}.row{flex-wrap:wrap}.row-name{flex-basis:100%}.row-actions{flex-wrap:wrap;margin-left:auto}.modal{padding:1rem;max-width:none;width:calc(100vw - 2rem)}.share-row{flex-wrap:wrap;row-gap:.4rem}.share-row>span:first-child{flex-basis:100%}}