@import url("https://fonts.googleapis.com/css2?family=Sora:wght@500;600;700&family=Inter:wght@400;500;600&display=swap");:root{--blue-50:#eef4ff;--blue-100:#dbe7ff;--blue-300:#9cc0ff;--blue-500:#2f6df0;--blue-600:#1f54d6;--blue-700:#173fa6;--bg:#f5f7fb;--surface:#fff;--surface-2:#f0f3f9;--border:#e2e7f0;--text:#1a2236;--text-soft:#5b6580;--shadow:0 1px 3px rgba(20,35,80,.06),0 8px 24px rgba(20,35,80,.08);--radius:14px}[data-theme=dark]{--bg:#0e1320;--surface:#161d2e;--surface-2:#1e2740;--border:#2a3450;--text:#e8ecf6;--text-soft:#97a1bd;--blue-50:#1a2547;--blue-100:#22305a;--blue-500:#4f8bff;--blue-600:#3d77ef;--blue-700:#6fa3ff;--shadow:0 1px 3px rgba(0,0,0,.4),0 8px 24px rgba(0,0,0,.35)}*{box-sizing:border-box;margin:0;padding:0}body,html{background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;transition:background .2s ease,color .2s ease}.brand,h1,h2,h3{font-family:Sora,system-ui,sans-serif;letter-spacing:-.02em}a{color:inherit;text-decoration:none}.shell{min-height:100vh;display:flex;flex-direction:column}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:50;gap:12px;padding:12px 20px;background:var(--surface);border-bottom:1px solid var(--border)}.topbar,.topbar .brand{display:flex;align-items:center}.topbar .brand{font-size:18px;font-weight:700;color:var(--blue-600);gap:8px}.topbar .spacer{flex:1 1}.logo-dot{width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,var(--blue-500),var(--blue-700));display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:700}.user-menu{position:relative}.user-chip{display:flex;align-items:center;gap:6px;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:5px 10px;cursor:pointer;font-family:Inter,sans-serif;color:var(--text)}.user-chip:hover{background:var(--blue-50)}.user-chip-name{font-size:13px;font-weight:600}.user-chip-role{font-size:11px;font-weight:600;padding:2px 7px;border-radius:999px;background:var(--blue-50);color:var(--blue-600)}.user-chip-caret{font-size:11px;color:var(--text-soft)}.user-dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:180px;background:var(--surface);border:1px solid var(--border);border-radius:11px;box-shadow:var(--shadow);padding:6px;z-index:60}.user-dropdown-item{display:block;width:100%;text-align:left;font-family:Inter,sans-serif;font-size:13px;font-weight:500;color:var(--text);background:transparent;border:none;padding:9px 10px;border-radius:8px;cursor:pointer}.user-dropdown-item:hover{background:var(--blue-50);color:var(--blue-600)}.user-dropdown-item+.user-dropdown-item{border-top:1px solid var(--border)}.content{flex:1 1;width:100%;max-width:920px;margin:0 auto;padding:24px 20px 64px}.btn{font-family:Inter,sans-serif;font-size:14px;font-weight:600;padding:10px 16px;border-radius:10px;border:1px solid transparent;cursor:pointer;transition:transform .06s ease,background .15s ease,opacity .15s;display:inline-flex;align-items:center;gap:7px}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--blue-600);color:#fff}.btn-primary:hover{background:var(--blue-700)}.btn-ghost{background:var(--surface-2);color:var(--text);border-color:var(--border)}.btn-ghost:hover{background:var(--blue-50)}.btn-danger{background:#e0463c;color:#fff}.btn-danger:hover{background:#c63a31}.btn-sm{padding:6px 11px;font-size:13px}.btn-icon{width:38px;height:38px;padding:0;justify-content:center;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;cursor:pointer;color:var(--text)}.btn-icon:hover{background:var(--blue-50)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.card-hover{cursor:pointer;transition:transform .1s ease,border-color .15s}.card-hover:hover{transform:translateY(-2px);border-color:var(--blue-300)}.grid{display:grid;grid-gap:14px;gap:14px}.grid-2{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.field{margin-bottom:14px}.label{display:block;font-size:13px;font-weight:600;color:var(--text-soft);margin-bottom:6px}.input,.select,.textarea{width:100%;font-family:Inter,sans-serif;font-size:14px;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--surface-2);color:var(--text)}.input:focus,.select:focus,.textarea:focus{outline:2px solid var(--blue-300);outline-offset:-1px}.textarea{resize:vertical;min-height:90px}.badge{font-size:12px;font-weight:600;padding:3px 9px;border-radius:999px;background:var(--blue-50);color:var(--blue-600);display:inline-flex;gap:4px}.badge-gray{background:var(--surface-2)}.badge-gray,.muted{color:var(--text-soft)}.muted{font-size:14px}.row{gap:10px}.between,.row{display:flex;align-items:center}.between{justify-content:space-between}.stack{display:flex;flex-direction:column;gap:14px}.page-title{font-size:24px;font-weight:700;margin-bottom:4px}.page-sub{color:var(--text-soft);margin-bottom:22px}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(900px 500px at 80% -10%,var(--blue-50),transparent),var(--bg)}.auth-card{width:100%;max-width:380px}.auth-card .brand-big{font-family:Sora;font-size:26px;font-weight:700;color:var(--blue-600);margin-bottom:4px}.tab-row{display:flex;gap:6px;margin-bottom:18px}.tab{flex:1 1;text-align:center;padding:8px;font-size:13px;font-weight:600;border-radius:9px;cursor:pointer;background:var(--surface-2);color:var(--text-soft)}.tab.active{background:var(--blue-600);color:#fff}.step{border-left:3px solid var(--border);padding:4px 0 4px 16px;margin-left:6px}.step.done{border-color:var(--blue-500)}.step.active{border-color:var(--blue-600)}.step-num{width:26px;height:26px;border-radius:50%;background:var(--surface-2);color:var(--text-soft);display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}.step.done .step-num{background:var(--blue-500);color:#fff}.step.active .step-num{background:var(--blue-600);color:#fff}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:8px;gap:8px;margin-top:10px}.media-grid img,.media-grid video{width:100%;border-radius:10px;border:1px solid var(--border)}.media-thumb{position:relative}.media-thumb img,.media-thumb video{width:100%;height:96px;object-fit:cover;border-radius:10px;border:1px solid var(--border);display:block}.media-remove{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;border:none;cursor:pointer;font-size:11px;background:rgba(20,20,30,.78);color:#fff;display:flex;align-items:center;justify-content:center}.media-remove:hover{background:#e0463c}.media-new{position:absolute;bottom:4px;left:4px;font-size:10px;font-weight:600;padding:2px 6px;border-radius:6px;background:var(--blue-600);color:#fff}.media-tags{display:flex;gap:6px;margin-top:10px}.media-tag{font-size:11px;font-weight:600;padding:3px 8px;border-radius:6px;background:var(--surface-2);color:var(--text-soft);border:1px solid var(--border);display:inline-flex;gap:4px;align-items:center}.metric-big{font-family:Sora,sans-serif;font-weight:700;font-size:34px;color:var(--blue-600);margin-top:4px}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:var(--text);color:var(--bg);padding:11px 18px;border-radius:10px;font-size:14px;font-weight:500;z-index:100;box-shadow:var(--shadow)}.empty{text-align:center;padding:48px 20px;color:var(--text-soft)}.empty .big{font-size:40px;margin-bottom:10px}.modal-bg{position:fixed;inset:0;background:rgba(10,15,30,.5);display:flex;align-items:center;justify-content:center;padding:20px;z-index:80}.modal{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);width:100%;max-width:460px;padding:22px;max-height:90vh;overflow-y:auto}.divider{height:1px;background:var(--border);margin:16px 0}.note{background:var(--blue-50);border:1px solid var(--blue-100);border-radius:10px;padding:10px 12px;font-size:13px;color:var(--blue-700)}.offline-banner{position:-webkit-sticky;position:sticky;top:0;z-index:49;display:flex;align-items:center;gap:8px;background:#b4520a;color:#fff;font-size:13px;font-weight:500;padding:8px 16px;text-align:left}.offline-dot{width:8px;height:8px;border-radius:50%;background:#ffd9b0;flex-shrink:0}.note-banner{display:flex;align-items:flex-start;gap:9px;border-radius:10px;padding:11px 13px;margin:12px 0;font-weight:700;font-size:14px;line-height:1.5;border-width:2px;border-style:solid}.note-banner .nb-icon{font-size:16px;flex-shrink:0;line-height:1.3}.note-banner .nb-label{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:2px;opacity:.85}.note-style-amber{background:#fff4d6;border-color:#e0a92b;color:#6b4a05}.note-style-red{background:#fde4e2;border-color:#d8453b;color:#7a1f18}.note-style-blue{background:var(--blue-50);border-color:var(--blue-500);color:var(--blue-700)}.note-style-green{background:#dff3e4;border-color:#3a9d57;color:#1e5733}.note-style-purple{background:#ece4f9;border-color:#7e52c8;color:#4a2b85}.note-style-gray{background:var(--surface-2);border-color:var(--text-soft);color:var(--text)}[data-theme=dark] .note-style-amber{background:#3a2e0b;border-color:#d8a52e;color:#ffdf95}[data-theme=dark] .note-style-red{background:#3a1714;border-color:#e0655c;color:#ffb3ac}[data-theme=dark] .note-style-green{background:#0f2e1b;border-color:#4cae6a;color:#9fe3b4}[data-theme=dark] .note-style-purple{background:#241a3a;border-color:#9670d8;color:#cfb6f5}.opt-block{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:12px;margin:12px 0}.cat-picker{display:flex;flex-wrap:wrap;gap:7px}.cat-chip{font-family:Inter,sans-serif;font-size:13px;font-weight:600;padding:6px 11px;border-radius:999px;cursor:pointer;background:var(--surface-2);color:var(--text-soft);border:1px solid var(--border)}.cat-chip:hover{background:var(--blue-50)}.cat-chip-on{background:var(--blue-600);color:#fff;border-color:var(--blue-600)}.cat-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.cat-tag{font-size:11px;font-weight:600;padding:3px 9px;border-radius:999px;background:var(--blue-50);color:var(--blue-600)}.restricted-box{display:flex;align-items:flex-start;gap:10px;background:var(--surface-2);border:2px dashed var(--text-soft);border-radius:10px;padding:14px}.restricted-icon{font-size:20px;flex-shrink:0}.opt-toggle{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:500;cursor:pointer}.opt-toggle input{width:16px;height:16px;cursor:pointer}.opt-row{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.opt-row>*{flex:1 1;min-width:120px}.opt-heading{font-size:14px;font-weight:600}.note-list-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.note-edit-row{background:var(--surface);border:1px solid var(--border);border-radius:9px;padding:10px;margin-bottom:10px}.note-edit-top{display:flex;justify-content:space-between;align-items:center}.note-edit-num{font-size:12px;font-weight:700;color:var(--text-soft)}.note-remove-btn{font-family:Inter,sans-serif;font-size:12px;font-weight:600;background:none;border:none;color:#e0463c;cursor:pointer;padding:2px 4px}.note-remove-btn:hover{text-decoration:underline}table.tbl{width:100%;border-collapse:collapse;font-size:14px}table.tbl td,table.tbl th{text-align:left;padding:9px 10px;border-bottom:1px solid var(--border)}table.tbl th{color:var(--text-soft);font-size:12px;font-weight:600}.search-bar{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:11px;padding:0 12px;transition:border-color .15s,box-shadow .15s}.search-bar:focus-within{border-color:var(--blue-300);box-shadow:0 0 0 3px var(--blue-50)}.search-icon{color:var(--text-soft);font-size:16px}.search-input{flex:1 1;border:none;background:transparent;font-family:Inter,sans-serif;font-size:14px;color:var(--text);padding:11px 2px}.search-input:focus{outline:none}.search-input::placeholder{color:var(--text-soft)}.search-clear{border:none;background:var(--surface-2);color:var(--text-soft);width:22px;height:22px;border-radius:50%;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.search-clear:hover{background:var(--blue-50);color:var(--blue-600)}