:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f6f8fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}.app-shell{color:#172033;background:linear-gradient(135deg,#1f6feb14,#0000 32%),linear-gradient(315deg,#17a7891f,#0000 30%),#f5f7fb;min-height:100vh;padding:32px}.topbar{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:22px;display:flex}.topbar-controls,.account-control{align-items:center;gap:10px;display:flex}.account-control{color:#41536b;background:#ffffffd1;border:1px solid #94a3b85c;border-radius:8px;min-height:48px;padding:0 8px 0 14px}.account-control>span{text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.auth-page,.auth-loading{color:#172033;background:linear-gradient(135deg,#1f6feb1f,#0000 38%),linear-gradient(315deg,#17a78921,#0000 34%),#f5f7fb;place-items:center;min-height:100vh;padding:24px;display:grid}.auth-loading{justify-content:center;align-items:center;gap:10px;display:flex}.auth-card{text-align:center;background:#fff;border:1px solid #94a3b861;border-radius:12px;width:min(430px,100%);padding:34px;box-shadow:0 28px 80px #0f172a26}.auth-icon{color:#1f6feb;background:#e8f1ff;border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 18px;display:inline-flex}.auth-card h1{margin:0;font-size:30px}.auth-card>p{color:#68788d;margin:8px 0 24px}.auth-form{gap:12px;display:grid}.auth-form>button{min-height:44px}.auth-form input{text-align:left}.auth-switch{color:#1f5fae;width:100%;box-shadow:none;background:0 0;border-color:#0000;margin-top:16px}.auth-alert{border:1px solid;border-radius:7px;padding:10px 12px;font-size:14px}.auth-alert.error{color:#9f1d31;background:#fff4f6;border-color:#efc3cb}.auth-alert.success{color:#116149;background:#ecfbf6;border-color:#a7d8c8}.form-hint{color:#69798e;line-height:1.4}h1,h2{color:#0f172a;margin:0}h1{font-size:34px;line-height:1.15}h2{font-size:21px}.tabs{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffc;border:1px solid #94a3b85c;border-radius:8px;gap:6px;padding:5px;display:inline-flex;box-shadow:0 14px 34px #0f172a14}.tabs button,button,.row-actions a{color:#19314d;min-height:36px;font:inherit;cursor:pointer;background:#fff;border:1px solid #cfd8e5;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:14px;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s;display:inline-flex}.tabs button:hover,button:hover,.row-actions a:hover{border-color:#8fb7ee;transform:translateY(-1px);box-shadow:0 10px 24px #0f172a1f}.tabs button.active,button[type=submit]{color:#fff;background:#1f6feb;border-color:#1f6feb}.secondary-button{background:#eef5ff}.status-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.stat-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe0;border:1px solid #94a3b857;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;min-height:70px;padding:0 18px;display:grid;box-shadow:0 18px 40px #0f172a12}.stat-card span:not(.stat-icon){color:#52647c;font-size:14px}.stat-card strong{color:#061426;font-size:20px}.stat-icon{color:#1158c7;background:#eaf2ff;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;margin-right:12px;display:inline-flex}.message{color:#174a7c;background:#eaf4ff;border:1px solid #b8d8f9;border-radius:8px;margin-bottom:16px;padding:12px 14px;box-shadow:0 12px 28px #1f6feb1f}.workspace{background:#ffffffe6;border:1px solid #94a3b857;border-radius:8px;position:relative;overflow:hidden;box-shadow:0 24px 60px #0f172a1a}.toolbar{background:#f9fbfdb8;border-bottom:1px solid #e1e7ef;justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:0 18px;display:flex}.group-actions{flex-wrap:wrap;align-items:center;gap:10px;padding:18px;display:flex}button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.modal-fields select{border:1px solid var(--line);background:var(--surface);min-height:42px;color:var(--text);border-radius:12px;padding:0 12px}.breadcrumbs{align-items:center;gap:7px;display:flex;overflow-x:auto}.breadcrumbs button{white-space:nowrap}.breadcrumb-current{color:var(--text);white-space:nowrap;align-items:center;gap:7px;padding:8px 4px;font-weight:700;display:inline-flex}.breadcrumbs button:not(:last-child):after{content:"/";color:#8a98aa;margin-left:12px}.content-groups{display:grid}.content-group{border-bottom:1px solid #e1e7ef}.content-group:last-child{border-bottom:0}.content-group-header{background:#f8fbff;align-items:center;min-height:54px;padding:0 18px;display:flex}.content-group-toggle{min-width:0;min-height:0;color:var(--text);box-shadow:none;background:0 0;border:0;border-radius:0;flex:1;justify-content:flex-start;align-items:center;gap:8px;padding:12px 0;display:flex}.content-group-toggle:hover{box-shadow:none;background:0 0;border-color:#0000;transform:none}.content-group-toggle span{text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:visible}.content-group-toggle small{color:#51647b;text-align:center;background:#e5edf7;border-radius:999px;min-width:24px;padding:2px 7px}.group-empty{color:#718096;text-align:center;padding:28px 18px}.notes-grid>.group-empty{grid-column:1/-1}input{box-sizing:border-box;color:#172033;width:100%;min-height:38px;font:inherit;background:#fff;border:1px solid #cfd8e5;border-radius:6px;padding:0 12px;font-size:14px;transition:border-color .18s,box-shadow .18s}input:focus{border-color:#1f6feb;outline:none;box-shadow:0 0 0 4px #1f6feb1f}textarea{box-sizing:border-box;resize:vertical;color:#172033;width:100%;font:inherit;background:#fff;border:1px solid #cfd8e5;border-radius:6px;padding:11px 12px;font-size:14px;line-height:1.5;transition:border-color .18s,box-shadow .18s}textarea:focus{border-color:#1f6feb;outline:none;box-shadow:0 0 0 4px #1f6feb1f}.table{width:100%}.table-row{color:#233047;border-bottom:1px solid #edf1f6;grid-template-columns:100px minmax(180px,1.5fr) 100px 150px 54px;align-items:center;min-height:56px;padding:0 18px;display:grid}.table-row:not(.table-head):hover{background:#f8fbff}.tree-row.expanded{background:#f5f9ff}.tree-name{min-width:0}.tree-name-button{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.tree-name-button svg{flex:none}.tree-empty{box-sizing:border-box;color:#7a899c;background:#fbfcfe;border-bottom:1px solid #edf1f6;min-height:44px;padding-top:12px;padding-right:18px;font-size:13px}.spin{animation:.8s linear infinite spin}.table-head{color:#617186;background:#f7f9fc;min-height:44px;font-size:13px;font-weight:800}.item-type{color:#63748a;align-items:center;gap:8px;font-size:13px;font-weight:700;display:inline-flex}.folder-type svg{color:#d18b00}.file-type svg{color:#276bdc}.name-button{color:#0f5cbf;min-height:30px;box-shadow:none;background:0 0;border-color:#0000;justify-self:start;padding-left:0;font-weight:800}.row-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.password-field{width:100%;position:relative}.password-field input{padding-right:44px}.password-field button{color:#68788d;width:32px;min-height:32px;box-shadow:none;background:0 0;border:0;padding:0;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.password-field button:hover{color:#1f6feb;box-shadow:none;background:#eef5ff;transform:translateY(-50%)}.action-menu{margin-left:auto;position:relative}.action-menu-trigger{width:36px;min-height:34px;padding:0}.action-menu-popover{z-index:100;background:#fff;border:1px solid #d8e0ea;border-radius:8px;width:max-content;min-width:190px;max-width:calc(100vw - 16px);max-height:calc(100vh - 16px);padding:6px;display:grid;position:fixed;overflow-y:auto;box-shadow:0 18px 44px #0f172a2e}.action-menu-popover button,.action-menu-popover a{width:100%;min-height:36px;box-shadow:none;background:0 0;border:0;justify-content:flex-start;padding:0 10px}.action-menu-popover button:hover,.action-menu-popover a:hover{box-shadow:none;background:#f2f6fb;transform:none}.action-menu-popover .danger{color:#a61f36}.icon-action{color:#23415f;background:#f7fbff;min-height:32px;padding:0 10px}.icon-action.danger{color:#9f1d31;background:#fff4f6;border-color:#efc3cb}.empty-state{color:#718096;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:46px 16px;display:flex}.empty-state span{color:#4f6f8f;background:#eef5ff;border-radius:8px;justify-content:center;align-items:center;width:54px;height:54px;display:inline-flex}.bookmark-list{display:grid}.bookmark-item{border-bottom:1px solid #edf1f6;justify-content:space-between;align-items:center;gap:16px;padding:18px;display:flex}.bookmark-item:hover{background:#f8fbff}.bookmark-main{align-items:center;gap:12px;min-width:0;display:flex}.bookmark-icon{color:#0f766e;background:#e8faf5;border-radius:8px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.bookmark-item a{color:#0f5cbf;align-items:center;gap:6px;font-weight:800;display:inline-flex}.bookmark-item p{color:#63748a;margin:4px 0 0;font-size:14px}.files-toolbar,.bookmarks-toolbar,.notes-toolbar{grid-template-columns:1fr minmax(240px,420px) auto;display:grid}.search-field{color:#607086;background:#fff;border:1px solid #cfd8e5;border-radius:6px;align-items:center;gap:8px;min-height:38px;padding:0 11px;display:flex}.search-field:focus-within{border-color:#1f6feb;box-shadow:0 0 0 4px #1f6feb1f}.search-field input{min-height:34px;box-shadow:none;border:0;padding:0}.search-field input:focus{box-shadow:none}.color-picker{border:0;gap:9px;margin:0;padding:0;display:flex}.color-picker legend{color:#617186;margin-bottom:8px;font-size:12px;font-weight:700}.color-picker label{cursor:pointer;display:inline-flex}.color-picker input{opacity:0;width:1px;height:1px;position:absolute}.color-swatch{box-sizing:border-box;border:2px solid #64748b3d;border-radius:50%;width:28px;height:28px;transition:transform .18s,box-shadow .18s}.color-picker input:checked+.color-swatch{transform:scale(1.08);box-shadow:0 0 0 3px #fff,0 0 0 5px #1f6feb}.color-swatch.white,.note-card.white{background:#fff}.color-swatch.yellow,.note-card.yellow{background:#fff8d8}.color-swatch.green,.note-card.green{background:#e9f8ef}.color-swatch.blue,.note-card.blue{background:#eaf4ff}.color-swatch.rose,.note-card.rose{background:#fff0f3}.notes-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:18px;display:grid}.notes-grid>.empty-state{grid-column:1/-1}.note-card{border:1px solid #94a3b866;border-radius:8px;flex-direction:column;min-width:0;min-height:220px;padding:17px;display:flex;box-shadow:0 12px 30px #0f172a12}.note-card-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.note-card-icon{color:#2f6c93;display:inline-flex}.note-card time{color:#6b788a;font-size:12px}.note-card h3{overflow-wrap:anywhere;color:#172033;margin:14px 0 7px;font-size:17px}.note-card>p{overflow-wrap:anywhere;white-space:pre-wrap;color:#4e5e73;flex:1;margin:0;font-size:14px;line-height:1.55}.note-card-actions{gap:8px;margin-top:16px;display:flex}.note-skeleton span,.note-skeleton strong,.note-skeleton p{background:linear-gradient(90deg,#edf2f7,#f8fbff,#edf2f7) 0 0/220% 100%;border-radius:6px;height:14px;margin:0 0 14px;animation:1.2s ease-in-out infinite shimmer;display:block}.note-skeleton span{width:32px}.note-skeleton strong{width:65%}.note-skeleton p{width:100%}.note-skeleton p:last-child{width:78%}.skeleton-row span,.skeleton-bookmark span:not(.bookmark-icon),.skeleton-bookmark p{background:linear-gradient(90deg,#edf2f7,#f8fbff,#edf2f7) 0 0/220% 100%;border-radius:6px;width:100%;height:14px;animation:1.2s ease-in-out infinite shimmer;display:block}.skeleton-row span:first-child{width:70px}.skeleton-row span:nth-child(3){width:86px}.skeleton-row span:nth-child(4){width:120px}.skeleton-row span:nth-child(5){width:130px}.skeleton-bookmark .bookmark-icon{background:linear-gradient(90deg,#edf2f7,#f8fbff,#edf2f7) 0 0/220% 100%;animation:1.2s ease-in-out infinite shimmer}.skeleton-bookmark .bookmark-main>div{min-width:260px}.skeleton-bookmark p{width:180px}.toast-stack{z-index:40;gap:10px;width:min(380px,100vw - 32px);display:grid;position:fixed;bottom:24px;right:24px}.toast{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;border:1px solid #cbd5e1;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;min-height:52px;padding:10px 12px;display:grid;box-shadow:0 18px 46px #0f172a29}.toast.success{color:#0f513f;border-color:#a7d8c8}.toast.error{color:#9f1d31;border-color:#efc3cb}.toast button{width:30px;min-height:30px;box-shadow:none;background:0 0;border-color:#0000;padding:0}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a57;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.confirm-modal{background:#fff;border:1px solid #94a3b86b;border-radius:8px;width:min(460px,100%);padding:24px;box-shadow:0 28px 80px #0f172a3d}.content-modal{background:#fff;border:1px solid #94a3b86b;border-radius:8px;width:min(620px,100%);max-height:calc(100vh - 36px);padding:24px;overflow-y:auto;box-shadow:0 28px 80px #0f172a3d}.group-modal{width:min(460px,100%)}.content-modal-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.content-modal-header .icon-action{padding:0 8px}.modal-group-label{color:#617186;margin:-10px 0 18px}.modal-fields{gap:12px;display:grid}.upload-file-input{display:none}.upload-dropzone{box-sizing:border-box;color:#607086;text-align:center;cursor:pointer;background:#f8fbff;border:2px dashed #b8c8dc;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:190px;padding:28px;transition:border-color .18s,background .18s,box-shadow .18s;display:flex}.upload-dropzone:hover,.upload-dropzone:focus{background:#f1f7ff;border-color:#1f6feb;outline:none;box-shadow:0 0 0 4px #1f6feb1a}.upload-dropzone.selected{background:#f0fbf7;border-style:solid;border-color:#73bba6}.upload-dropzone-icon{color:#1f6feb;background:#e7f0ff;border-radius:12px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:4px;display:inline-flex}.upload-dropzone strong{overflow-wrap:anywhere;color:#172033;max-width:100%;font-size:16px}.upload-file-button{color:#1f5fae;background:#fff;border:1px solid #b9cce5;border-radius:7px;margin-top:8px;padding:8px 14px;font-weight:700}.toolbar-actions{gap:8px;display:flex}.confirm-icon{color:#9f1d31;background:#fff4f6;border-radius:8px;justify-content:center;align-items:center;width:46px;height:46px;margin-bottom:14px;display:inline-flex}.confirm-modal p{color:#5f6f84;margin:10px 0 0}.modal-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.danger-button{color:#fff;background:#c8213a;border-color:#c8213a}@keyframes shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=980px){.app-shell{padding:16px}.topbar{flex-direction:column;align-items:stretch}.topbar-controls{flex-wrap:wrap;align-items:stretch}.status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.files-toolbar,.bookmarks-toolbar,.notes-toolbar{grid-template-columns:1fr}.notes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.toast-stack{bottom:16px;right:16px}.modal-actions{flex-direction:column-reverse}.table{overflow-x:auto}.table-row{min-width:700px}}@media (width<=620px){.status-grid,.notes-grid{grid-template-columns:1fr}.tabs,.topbar-controls,.account-control{width:100%}.account-control>span{flex:1;max-width:none}.auth-card{padding:24px}.tabs button{flex:1;min-width:0;padding:0 8px}.note-card-actions{flex-direction:column}.toolbar:not(.files-toolbar):not(.bookmarks-toolbar):not(.notes-toolbar){flex-direction:column;align-items:stretch}.toolbar-actions button{flex:1}}