:root{--bg: #EDF3F6;--panel: #FFFFFF;--panel-2: #F5F8FA;--ink: #3A4856;--ink-2: #748DA3;--muted: #95A5B2;--hair: #CCDDE4;--hair-2: #E4ECF1;--accent: #27987C;--accent-soft: #E6F4EF;--accent-ink: #0B886A;--warn: #DEB14E;--good: #0B886A;--bad: #DF845A;--row-h: 36px;--pad-x: 14px;--pad-y: 10px;--radius: 8px;--radius-sm: 6px;--sidebar-w: 248px;--topbar-h: 56px;--font-ar: "Cairo", "Segoe UI", system-ui, sans-serif;--font-mono: "Cairo", "Segoe UI", system-ui, sans-serif;--font-classic: "Cairo", "Segoe UI", system-ui, sans-serif;--shadow-1: 0 1px 0 #E4ECF1, 0 1px 2px rgba(58, 72, 86, .04);--shadow-2: 0 1px 0 #E4ECF1, 0 4px 14px rgba(58, 72, 86, .07);--fs-h1: 1.476rem;--fs-h2: 1.383rem;--fs-h3: 1.296rem;--fs-h4: 1.215rem;--fs-h5: 1.138rem;--fs-h6: 1.067rem;--fs-p: 1rem;--fs-small: .937rem;--fs-xsmall: .878rem}[data-theme=dark]{--bg: #1A2530;--panel: #22303C;--panel-2: #1F2C37;--ink: #E8EEF3;--ink-2: #CCDDE4;--muted: #95A5B2;--hair: #2F4150;--hair-2: #2A3B49;--accent-soft: rgba(39, 152, 124, .18);--shadow-1: 0 1px 0 rgba(255, 255, 255, .03), 0 1px 2px rgba(0, 0, 0, .25);--shadow-2: 0 1px 0 rgba(255, 255, 255, .03), 0 4px 14px rgba(0, 0, 0, .35)}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#ffffff4d}[data-theme=dark] .btn.ghost{color:var(--ink-2)}[data-theme=dark] .btn.ghost:hover{background:var(--panel-2);color:var(--accent)}[data-theme=dark] select{background-color:var(--panel-2);color:var(--ink)}[data-theme=dark] .upload-area{background:var(--panel-2);border-color:var(--hair)}[data-theme=dark] .form-steps-nav,[data-theme=dark] .form-footer{background:var(--panel-2)}[data-density=compact]{--row-h: 30px;--pad-x: 10px;--pad-y: 7px}.brand-emerald{color:var(--accent)}[data-density=cozy]{--row-h: 44px;--pad-x: 18px;--pad-y: 14px}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}html{font-size:15px}body{font-family:var(--font-ar);background:var(--bg);color:var(--ink);font-size:1rem;line-height:1.55;-webkit-font-smoothing:antialiased;font-feature-settings:"kern","liga","calt"}h1{font-size:var(--fs-h1);margin:0 0 .5em}h2{font-size:var(--fs-h2);margin:0 0 .5em}h3{font-size:var(--fs-h3);margin:0 0 .5em}h4{font-size:var(--fs-h4);margin:0 0 .5em}h5{font-size:var(--fs-h5);margin:0 0 .5em}h6{font-size:var(--fs-h6);margin:0 0 .5em}p{font-size:var(--fs-p);margin:0 0 1em}small{font-size:var(--fs-small)}.sub{font-size:var(--fs-small);color:var(--muted)}.xsmall,.meta,.sec{font-size:var(--fs-xsmall)}button{font-family:inherit;color:inherit}input,select,textarea{font-family:inherit}.inp{width:100%;min-height:40px;padding:9px 13px;border-radius:9px;border:1.5px solid var(--hair);background:var(--panel);color:var(--ink);font-size:13px;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.inp:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}textarea.inp{resize:vertical;line-height:1.6}.mono{font-family:var(--font-mono);font-feature-settings:"tnum"}.num{font-variant-numeric:tabular-nums;font-family:var(--font-mono)}.app{display:flex;flex-direction:column;height:100vh}.shell{display:grid;grid-template-columns:var(--sidebar-w, 240px) 1fr;flex:1;min-height:0;overflow:hidden}.shell>.main{min-width:0;overflow-y:auto}.nav-group-header{display:flex;align-items:center;gap:6px;cursor:pointer;-webkit-user-select:none;user-select:none;padding:4px 8px;border-radius:6px}.nav-group-header:hover{background:var(--panel-2)}.nav-group-header .chev{margin-inline-start:auto;transition:transform .2s;color:var(--muted)}.nav-group-header.collapsed .chev{transform:rotate(-90deg)}.nav-item{cursor:pointer!important}.navbar{background:#efefef;margin:10px auto 2px;padding:8px 15px;border-radius:20px;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 15px #00000014;z-index:100;width:fit-content;align-self:center;border:1px solid rgba(255,255,255,.5)}.nav-item-h{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px 18px;border-radius:20px;color:var(--ink);cursor:pointer;transition:all .2s;min-width:85px;position:relative;opacity:.8}.nav-item-h:hover{opacity:1;background:#fff6}.nav-item-h.active{background:#27987c;color:#fff;box-shadow:0 4px 15px #27987c66}.nav-item-h iconify-icon{font-size:var(--fs-h1)}.nav-item-h span{font-size:var(--fs-xsmall);font-weight:500}.nav-item-h .badge{position:absolute;top:5px;right:15px;background:#ff4d4d;color:#fff;font-size:var(--fs-xsmall);padding:2px 6px;border-radius:10px;font-weight:600;box-shadow:0 2px 5px #0003}.main{flex:1;overflow-y:auto;padding:20px}.topbar{display:flex;align-items:center;gap:14px;padding:5px 18px;background:var(--panel);border-bottom:1px solid var(--hair);position:sticky;top:0;z-index:30}.brand{display:flex;align-items:center;gap:10px;min-width:calc(var(--sidebar-w) - 18px)}.brand-mark{width:28px;height:28px;border-radius:7px;background:linear-gradient(135deg,#deb14e,#a6822e);display:grid;place-items:center;color:#fff;font-weight:700;font-size:var(--fs-xsmall);box-shadow:inset 0 -1px #0000002e,0 1px 2px #0000001f}.brand-text{display:flex;flex-direction:column;line-height:1.1}.brand-text b{font-size:var(--fs-xsmall);font-weight:600;letter-spacing:.01em}.brand-text small{font-size:var(--fs-xsmall);color:var(--muted)}.crumbs{display:flex;align-items:center;gap:6px;font-size:var(--fs-xsmall);color:var(--muted);flex:1}.crumbs .sep{opacity:.4}.crumbs .now{color:var(--ink);font-weight:500}.topbar-search input{width:100%;height:38px;padding:0 45px 0 15px;border-radius:999px;background:var(--panel-2);border:1.5px solid var(--hair);color:var(--ink);font-size:var(--fs-xsmall);outline:none;transition:all .2s}.topbar-actions{display:flex;align-items:center;gap:10px}.iconbtn{width:38px;height:38px;display:grid;place-items:center;border:1.5px solid var(--hair);background:var(--panel-2);border-radius:var(--radius);cursor:pointer;color:var(--ink-2);position:relative;transition:all .2s}.iconbtn:hover{background:var(--panel);border-color:var(--accent);color:var(--accent-ink);transform:translateY(-1px)}.iconbtn .dot{position:absolute;top:6px;inset-inline-start:6px;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 2px var(--panel)}.avatar{width:38px;height:38px;display:grid;place-items:center;border:1.5px solid var(--hair);border-radius:var(--radius);background:var(--panel-2);transition:all .2s;cursor:pointer;position:relative}.avatar:hover,.avatar.active{background:var(--panel);border-color:var(--accent)}.avatar .av-img{width:32px;height:32px;border-radius:50%;background:var(--hair);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;box-shadow:0 2px 5px #0000001a}.avatar b{font-size:var(--fs-xsmall);font-weight:600;color:var(--ink)}.avatar small{color:#7da6b2;font-size:var(--fs-xsmall);font-weight:500}.sidebar{background:var(--panel);border-inline-end:1px solid var(--hair);padding:14px 12px 14px 10px;overflow-y:auto;position:sticky;top:var(--topbar-h);height:calc(100vh - var(--topbar-h))}.nav-group{margin-bottom:14px}.nav-group h6{font-size:var(--fs-xsmall);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:6px 8px;opacity:.85}.nav-item{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:7px;color:var(--ink-2);font-size:var(--fs-xsmall);font-weight:450;cursor:default;margin-bottom:1px;border:1px solid transparent}.nav-item:hover{background:var(--panel-2);color:var(--ink)}.nav-item.active{background:var(--accent-soft);color:var(--accent-ink);font-weight:600;border-color:#27987c40}[data-theme=dark] .nav-item.active{color:#5dd4b0;border-color:#27987c66}.nav-item .ico{width:16px;height:16px;flex-shrink:0;color:var(--muted)}.nav-item.active .ico{color:var(--accent)}.nav-item .badge{margin-inline-start:auto;font-size:var(--fs-xsmall);padding:1px 6px;border-radius:4px;background:var(--panel-2);color:var(--muted);font-family:var(--font-mono);border:1px solid var(--hair)}.nav-item.active .badge{background:var(--panel);border-color:#27987c40;color:var(--accent-ink)}.main{padding:6px 22px 40px;min-width:0}.page-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:14px;gap:16px;flex-wrap:wrap}.page-head h1{font-size:var(--fs-h1);font-weight:600;margin:0 0 4px;letter-spacing:-.01em}.page-head .sub{color:var(--muted);font-size:var(--fs-small);margin:0}.page-actions{display:flex;gap:8px;align-items:center}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:#27987c;color:#fff;padding:10px 22px;border-radius:14px;font-family:var(--font-ar);font-size:var(--fs-xsmall);font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1;transition:all .2s ease;box-shadow:0 2px 8px #27987c2e;white-space:nowrap}.btn:hover{background:#0b886a;transform:translateY(-1px);box-shadow:0 4px 14px #27987c52}.btn:active{transform:translateY(0);box-shadow:0 2px 6px #27987c2e}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn.primary{background:#27987c;color:#fff}.btn.primary:hover{background:#0b886a}.btn.ghost{background:transparent;color:var(--accent);box-shadow:none;padding:8px;border-radius:10px}.btn.ghost:hover{background:var(--accent-soft);color:var(--accent-ink);transform:none;box-shadow:none}.btn.sm{padding:7px 16px;font-size:var(--fs-xsmall);border-radius:11px}.btn.ghost.sm{padding:6px}.action-btn{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border:1.5px solid var(--hair-2);background:var(--panel);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);outline:none;position:relative}.action-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 6px 15px #0000001f}.action-btn.edit{color:#3b82f6;border-color:#3b82f633}.action-btn.edit:hover{background:#3b82f6;color:#fff;border-color:#2563eb;box-shadow:0 6px 15px #3b82f64d}.action-btn.delete{color:#ef4444;border-color:#ef444433}.action-btn.delete:hover{background:#ef4444;color:#fff;border-color:#dc2626;box-shadow:0 6px 15px #ef44444d}.action-btn.view,.action-btn.more{color:#10b981;border-color:#10b98133}.action-btn.view:hover,.action-btn.more:hover{background:#10b981;color:#fff;border-color:#059669;box-shadow:0 6px 15px #10b9814d}.action-btn iconify-icon{font-size:18px}.card{background:var(--panel);border:1px solid var(--hair);border-radius:10px;box-shadow:var(--shadow-1)}.card-h{padding:12px 14px;border-bottom:1px solid var(--hair-2);display:flex;align-items:center;justify-content:space-between;gap:10px}.card-h h3{margin:0;font-size:var(--fs-h4);font-weight:600;letter-spacing:-.005em}.card-h .sub{font-size:var(--fs-small);color:var(--muted);margin-top:2px}.card-b{padding:14px}.card-b.flush{padding:0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.stat{background:var(--panel);border:1px solid var(--hair);border-radius:10px;padding:14px 16px;box-shadow:var(--shadow-1);display:flex;flex-direction:column;gap:6px;min-height:96px}.stat .lbl{font-size:var(--fs-small);color:var(--muted);display:flex;align-items:center;gap:6px}.stat .val{font-size:var(--fs-h1);font-weight:600;letter-spacing:-.02em;line-height:1;font-variant-numeric:tabular-nums}.stat .delta{font-size:var(--fs-xsmall);color:#deb14e;display:flex;gap:4px;align-items:center}.stat .delta.down{color:#df845a}.stat .spark{margin-top:auto}.grid-2{display:grid;grid-template-columns:2fr 1fr;gap:12px}.grid-2c{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid-3c{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tbl{width:100%;border-collapse:collapse;font-size:var(--fs-small)}.tbl th,.tbl td{padding:9px var(--pad-x);text-align:start;border-bottom:1px solid var(--hair-2)}.tbl th{font-weight:600;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;background:var(--panel-2)}.tbl tbody tr:hover{background:var(--panel-2)}.tbl tbody tr:last-child td{border-bottom:0}.tbl td .pri{font-weight:600;color:var(--ink)}.tbl td .sec{color:var(--ink-2);font-size:11.5px}.id-badge{display:inline-block;padding:4px 10px;background:var(--panel-2);border:1px solid var(--hair);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:11px;color:var(--muted);font-weight:500}.row-ico{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;flex-shrink:0}.tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px;font-size:11.5px;font-weight:600;line-height:1;transition:all .2s ease;border:1px solid transparent}.tag.dot:before{content:"";width:6px;height:6px;border-radius:50%;flex-shrink:0}.tag.good{color:#065f46;background:#ecfdf5;border-color:#d1fae5}.tag.good.dot:before{background:#10b981}.tag.warn{color:#92400e;background:#fffbeb;border-color:#fef3c7}.tag.warn.dot:before{background:#f59e0b}.tag.info{color:#1e40af;background:#eff6ff;border-color:#dbeafe}.tag.info.dot:before{background:#3b82f6}.tag.bad{color:#991b1b;background:#fef2f2;border-color:#fee2e2}.tag.bad.dot:before{background:#ef4444}.dropdown-menu{position:absolute;top:calc(100% + 8px);inset-inline-end:0;background:var(--panel);border:1px solid var(--hair);border-radius:14px;box-shadow:0 10px 30px #00000026;z-index:1100;min-width:200px;padding:8px;animation:dropdownFadeIn .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tag:hover{filter:brightness(.96);transform:translateY(-.5px)}.topbar-search{position:relative;flex:1;max-width:400px;margin:0 20px}.topbar-search input{width:100%;height:38px;padding:0 45px 0 15px;border-radius:15px;background:var(--panel-2);border:1.5px solid var(--hair);color:var(--ink);font-size:13px;outline:none;transition:all .2s}.topbar-search input:focus{border-color:var(--accent);background:var(--panel);box-shadow:0 0 0 4px #27987c1a}.topbar-search iconify-icon{position:absolute;inset-inline-start:15px;top:50%;transform:translateY(-50%);color:var(--muted)}.tag.bad{color:#a24a22;background:#fbe8de;border-color:#df845a4d}[data-theme=dark] .tag.good{color:#5dd4b0;background:#27987c2e;border-color:#27987c59}[data-theme=dark] .tag.warn{color:#e8c870;background:#deb14e26;border-color:#deb14e59}[data-theme=dark] .tag.info{color:#5dd4b0;background:#27987c2e;border-color:#27987c59}.input,.select{height:32px;padding:0 10px;border-radius:7px;background:var(--panel);border:1px solid var(--hair);color:var(--ink);font-size:12.5px;outline:none}.input:focus,.select:focus{border-color:#27987c;box-shadow:0 0 0 3px #27987c2e}.field-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.pills{display:flex;gap:6px;flex-wrap:wrap}.pill{padding:5px 11px;border-radius:999px;font-size:11.5px;font-weight:500;background:var(--panel-2);border:1px solid var(--hair);color:var(--ink-2);cursor:default}.pill:hover{border-color:var(--ink-2)}.pill.active{background:#deb14e;color:#fff;border-color:#deb14e}[data-theme=dark] .pill.active{background:var(--ink);color:var(--bg)}.page-profile{max-width:900px;margin:0 auto}.form-group label{color:var(--ink-2)}.profile-avatar-preview img{width:100%;height:100%;object-fit:cover}.page-overview{position:relative;min-height:calc(100vh - var(--topbar-h) - 40px)}.fab-container.radial{position:fixed;bottom:40px;inset-inline-start:270px;gap:100px;z-index:1000;width:56px;height:56px}.fab-btn{position:absolute;top:0;right:0;bottom:0;left:0;width:56px;height:56px;border-radius:50%;background:#27987c;color:#fff!important;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);filter:drop-shadow(0 0 10px rgba(39,152,124,.5));z-index:2;padding:0;line-height:1}.fab-btn iconify-icon{transform:translateY(-.5px)}.fab-container.radial.active .fab-btn{transform:rotate(45deg);background:var(--bad);filter:drop-shadow(0 0 15px rgba(223,132,90,.6))}.fab-radial-menu{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.fab-radial-item{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;transition:all .5s cubic-bezier(.16,1,.3,1);opacity:0;pointer-events:none;transform:scale(0)}.fab-container.radial.active .fab-radial-item{opacity:1;pointer-events:auto;--angle: calc(0deg + var(--i) * (100deg / (var(--total) - 1)));transform:scale(1) rotate(calc(-1 * var(--angle))) translateY(-210px) rotate(var(--angle));transition-delay:calc(var(--i) * .04s)}.fab-radial-pill{display:flex;align-items:center;justify-content:center;width:140px;gap:12px!important;padding:12px 15px!important;background:var(--panel);border:1px solid var(--hair);border-radius:999px;color:var(--ink);box-shadow:0 8px 24px #0000001f,0 2px 6px #0000000a;transition:all .3s cubic-bezier(.34,1.56,.64,1);white-space:nowrap;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.fab-radial-pill iconify-icon{font-size:18px;color:var(--accent);flex-shrink:0}.fab-radial-item:nth-child(1) iconify-icon{color:#27987c}.fab-radial-item:nth-child(2) iconify-icon{color:#3b71ca}.fab-radial-item:nth-child(3) iconify-icon{color:#0b886a}.fab-radial-item:nth-child(4) iconify-icon{color:#deb14e}.fab-radial-item:nth-child(5) iconify-icon{color:#df845a}.fab-radial-item:hover .fab-radial-pill{background:var(--panel);transform:scale(1.08) translateY(-4px);border-color:var(--accent);box-shadow:0 12px 24px #0000001f}.fab-radial-label{font-size:13.5px;font-weight:600;color:var(--ink)}.qa-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:8px;cursor:default;font-size:13px;color:var(--ink);transition:all .2s}.qa-item:hover{background:var(--accent-soft);color:var(--accent-ink);transform:translate(-5px)}.feed{padding:4px 0}.feed-item{display:grid;grid-template-columns:28px 1fr auto;gap:10px;padding:10px 14px;border-bottom:1px solid var(--hair-2);align-items:flex-start}.feed-item:last-child{border-bottom:0}.feed-ico{width:28px;height:28px;border-radius:8px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;flex-shrink:0;margin-top:1px}.feed-ico.green{background:#e6f4ef;color:#a6822e}.feed-ico.amber{background:#fbf3de;color:#8a6a20}[data-theme=dark] .feed-ico.green{background:#27987c2e;color:#5dd4b0}[data-theme=dark] .feed-ico.amber{background:#deb14e26;color:#e8c870}.feed-body{font-size:12.5px;line-height:1.5}.feed-body b{font-weight:600}.feed-body .meta{color:var(--muted);font-size:11.5px;margin-top:1px}.feed-time{color:var(--muted);font-size:11px;white-space:nowrap}.recent-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:12px}.recent{border:1px solid var(--hair);border-radius:8px;padding:12px;background:var(--panel-2);display:flex;flex-direction:column;gap:6px}.recent .title{font-weight:600;font-size:13px;line-height:1.35;font-family:var(--font-classic)}.recent .meta{font-size:11px;color:var(--muted);display:flex;gap:8px;align-items:center}.audio-editor{display:grid;grid-template-rows:auto 1fr auto;gap:12px}.dropdown-container{position:relative}.dropdown-menu{position:absolute;top:calc(100% + 8px);inset-inline-end:0;background:var(--panel);border:1px solid var(--hair);border-radius:14px;box-shadow:0 10px 30px #00000026;z-index:1100;min-width:200px;padding:8px;animation:slideUp .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dropdown-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:10px;font-size:13px;font-weight:500;color:var(--ink-2);cursor:pointer;transition:all .2s;white-space:nowrap}.dropdown-item:hover{background:var(--accent-soft);color:var(--accent-ink)}.dropdown-item iconify-icon{font-size:18px;color:var(--muted);transition:all .2s}.dropdown-item:hover iconify-icon{color:var(--accent);transform:scale(1.1)}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.audio-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;background:var(--panel);border:1px solid var(--hair);border-radius:10px}.transport{display:flex;align-items:center;gap:6px}.transport .play{width:36px;height:36px;border-radius:50%;background:var(--ink);color:var(--bg);border:0;display:grid;place-items:center}.transport .play:hover{background:var(--accent);color:#fff}.timecode{font-family:var(--font-mono);font-size:13px;padding:6px 10px;background:var(--panel-2);border-radius:6px;border:1px solid var(--hair);font-variant-numeric:tabular-nums}.timecode b{font-weight:500;color:var(--accent-ink)}.timecode .sep{color:var(--muted);margin:0 2px}.waveform-wrap{background:var(--panel);border:1px solid var(--hair);border-radius:10px;padding:10px 12px;position:relative}.ruler{position:relative;height:20px;border-bottom:1px solid var(--hair-2);font-family:var(--font-mono);font-size:9.5px;color:var(--muted)}.ruler .tick{position:absolute;bottom:0;height:6px;width:1px;background:var(--hair)}.ruler .tick.major{height:10px;background:var(--muted);opacity:.5}.ruler .lab{position:absolute;bottom:8px;transform:translate(50%)}.waveform{position:relative;height:120px;margin-top:6px;background:linear-gradient(0deg,var(--panel-2),var(--panel-2));border-radius:6px;overflow:hidden}.wave-svg{width:100%;height:100%;display:block}.seg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.seg-block{position:absolute;top:0;bottom:0;background:#27987c24;border-inline-start:2px solid var(--accent);border-inline-end:2px solid var(--accent)}.seg-block.active{background:#df845a2e;border-color:var(--warn)}.seg-label{position:absolute;top:2px;inset-inline-end:4px;font-family:var(--font-mono);font-size:9.5px;color:var(--accent-ink);background:var(--panel);padding:0 4px;border-radius:3px;border:1px solid rgba(39,152,124,.3)}.seg-block.active .seg-label{color:#a24a22;border-color:#df845a66}.playhead{position:absolute;top:-4px;bottom:-4px;width:1.5px;background:var(--bad);pointer-events:none}.playhead:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:9px;height:9px;background:var(--bad);border-radius:50%}.seg-row.active td,[data-theme=dark] .seg-row.active td{background:#df845a1a}.seg-text{font-family:var(--font-classic);font-size:14.5px;line-height:1.7;color:var(--ink)}.inspector{background:var(--panel);border:1px solid var(--hair);border-radius:10px;box-shadow:var(--shadow-1)}.inspector .ih{padding:12px 14px;border-bottom:1px solid var(--hair-2)}.inspector .ib{padding:14px;display:flex;flex-direction:column;gap:14px}.field{display:flex;flex-direction:column;gap:4px}.field label{font-size:11px;color:var(--muted);font-weight:500}.field .val{font-size:13px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.arch{background:linear-gradient(0deg,var(--bg) 0,transparent 1px),linear-gradient(90deg,var(--hair-2) 1px,transparent 1px),linear-gradient(0deg,var(--hair-2) 1px,transparent 1px);background-size:100% 100%,24px 24px,24px 24px;background-position:0 0,0 0,0 0;border:1px solid var(--hair);border-radius:12px;padding:24px;position:relative;overflow:hidden}.arch-row{display:grid;grid-template-columns:110px 1fr;gap:18px;align-items:stretch;margin-bottom:14px}.arch-row:last-child{margin-bottom:0}.arch-label{align-self:center;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border-inline-end:2px solid var(--hair);padding-inline-end:12px;text-align:end}.arch-cells{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.arch-cell{background:var(--panel);border:1px solid var(--hair);border-radius:8px;padding:10px 12px;box-shadow:var(--shadow-1);display:flex;flex-direction:column;gap:4px;min-height:64px}.arch-cell.user{grid-column:1 / -1;max-width:220px;margin:0 auto;background:#3a4856;color:#fff;border-color:#3a4856}.arch-cell .cell-h{font-size:11px;color:var(--muted);font-weight:500;display:flex;align-items:center;gap:6px}.arch-cell.user .cell-h{color:#95a5b2}.arch-cell .cell-t{font-size:12.5px;font-weight:600}.arch-cell .cell-s{font-size:10.5px;color:var(--muted);font-family:var(--font-mono)}.arch-cell.ui,.arch-cell.api{border-top:2px solid #DEB14E}.arch-cell.sp{border-top:2px solid #DF845A}.arch-cell.db{border-top:2px solid #A6822E}.arch-legend{display:flex;gap:14px;font-size:11px;color:var(--muted);margin-top:14px;flex-wrap:wrap}.arch-legend .lg{display:flex;align-items:center;gap:6px}.arch-legend .swatch{width:12px;height:12px;border-radius:3px;border:1px solid var(--hair)}.panel-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.panel-form .full{grid-column:1 / -1}.panel-form textarea.input{height:auto;padding:10px 12px;min-height:90px;resize:vertical;line-height:1.6;font-family:var(--font-classic);font-size:14px}.perm-matrix{width:100%;border-collapse:collapse;font-size:12px}.perm-matrix th,.perm-matrix td{padding:8px 10px;border:1px solid var(--hair-2);text-align:center}.perm-matrix th{background:var(--panel-2);font-weight:600;font-size:11px}.perm-matrix td:first-child,.perm-matrix th:first-child{text-align:start;font-weight:500}.perm-matrix .ok{color:var(--good)}.perm-matrix .no{color:#748da3;opacity:.35}.sanad-chain{display:flex;flex-direction:column;gap:0;padding:8px 12px}.sanad-link{display:grid;grid-template-columns:32px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px dashed var(--hair-2)}.sanad-link:last-child{border-bottom:0}.sanad-num{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--panel-2);border:1px solid var(--hair);font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--accent-ink)}.sanad-name{font-family:var(--font-classic);font-size:14.5px;font-weight:500}.sanad-meta{font-size:11px;color:var(--muted);margin-top:2px}.vocab-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:12px}.vocab{border:1px solid var(--hair);border-radius:8px;padding:12px 14px;background:var(--panel-2);display:grid;grid-template-columns:auto 1fr;gap:4px 14px;align-items:baseline}.vocab .word{font-family:var(--font-classic);font-size:18px;font-weight:700;color:var(--accent-ink)}.vocab .pos{font-size:10.5px;color:var(--muted);font-family:var(--font-mono);align-self:center}.vocab .gloss{grid-column:1 / -1;font-size:12.5px;color:var(--ink-2);margin-top:4px;line-height:1.55}.hikmah-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:12px}.hikmah{background:var(--panel-2);border:1px solid var(--hair);border-radius:10px;padding:16px 18px;display:flex;flex-direction:column;gap:10px}.hikmah .text{font-family:var(--font-classic);font-size:17px;line-height:1.85;color:var(--ink);font-weight:500}.hikmah .src{font-size:11px;color:var(--muted);display:flex;justify-content:space-between;align-items:center;padding-top:8px;border-top:1px dashed var(--hair-2)}.sl{width:100%;height:32px}.chart-wrap{height:200px;padding:14px}.chart-legend{display:flex;gap:14px;font-size:11px;color:var(--muted);padding:0 14px 12px}.chart-legend .l{display:flex;align-items:center;gap:6px}.chart-legend .sw{width:10px;height:10px;border-radius:2px}.donut-row{display:flex;gap:18px;align-items:center;padding:14px}.donut-leg{flex:1;display:flex;flex-direction:column;gap:6px;font-size:12px}.donut-leg .row{display:flex;align-items:center;gap:8px}.donut-leg .row .sw{width:10px;height:10px;border-radius:2px}.donut-leg .v{margin-inline-start:auto;font-family:var(--font-mono);color:var(--ink-2)}[style*=font-classic],.font-classic,.recent .title,.hikmah .text,.sanad-name{color:var(--ink)}.hr{height:1px;background:var(--hair);margin:14px 0}.section-h{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:18px 0 8px}.quick-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:12px}.qa{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--hair);border-radius:8px;background:var(--panel-2)}.qa:hover{background:var(--panel);border-color:var(--ink-2)}.qa .qi{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent)}.qa .qt{font-size:12.5px;font-weight:500}.qa .qs{font-size:11px;color:var(--muted)}.content-stats{padding:10px 16px 16px;display:flex;flex-direction:column;gap:4px}.cstat-row{display:grid;grid-template-columns:44px 1fr auto;gap:14px;align-items:center;padding:12px 8px;border-radius:10px;cursor:pointer;transition:background .2s ease}.cstat-row:hover{background:var(--panel-2)}.cstat-ico{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;flex-shrink:0}.cstat-info{display:flex;flex-direction:column;gap:7px;min-width:0}.cstat-label{font-size:13px;font-weight:600;color:var(--ink)}.cstat-bar-wrap{height:7px;background:var(--panel-2);border-radius:4px;overflow:hidden}.cstat-row:hover .cstat-bar-wrap{background:var(--bg)}.cstat-bar{height:100%;border-radius:4px;transition:width .8s cubic-bezier(.4,0,.2,1)}.cstat-val{font-size:18px;font-weight:700;font-family:var(--font-ar);color:var(--ink);min-width:64px;text-align:end;font-variant-numeric:tabular-nums}.pagination-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-top:1px solid var(--hair-2);font-size:12px;color:var(--muted)}.pagination-bar .pages{display:flex;align-items:center;gap:4px}.feed-item.no-ico{grid-template-columns:1fr auto}.user-link{color:var(--accent-ink);cursor:pointer;border-radius:5px;padding:1px 5px;margin-inline:-5px 2px;transition:background .15s;display:inline-block}.user-link:hover{background:var(--accent-soft)}[data-theme=dark] .user-link{color:#5dd4b0}.linked-modules{display:flex;flex-direction:column;gap:6px}.linked-mod{display:grid;grid-template-columns:32px 1fr auto auto;align-items:center;gap:10px;padding:10px 12px;background:var(--panel-2);border:1px solid var(--hair-2);border-radius:9px;cursor:pointer;transition:all .15s}.linked-mod:hover{background:var(--panel);border-color:var(--accent);transform:translate(-2px)}.linked-mod .lm-ico{width:32px;height:32px;border-radius:8px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center}.linked-mod .lm-label{font-size:12.5px;font-weight:600;color:var(--ink)}.linked-mod .lm-arrow{color:var(--muted);transition:transform .15s}.linked-mod:hover .lm-arrow{color:var(--accent);transform:translate(-3px)}.inspector.flex{display:flex;flex-direction:column}.inspector.flex .ib{flex:1;overflow-y:auto}.inspector .ib-bottom{padding:12px 14px;border-top:1px solid var(--hair-2);background:var(--panel-2)}.inspector-v2{background:var(--panel);border:1px solid var(--hair);border-radius:12px;box-shadow:var(--shadow-2);display:flex;flex-direction:column;overflow:hidden;min-height:0}.insp-accent{height:4px;width:100%;flex-shrink:0}.insp-accent.good{background:linear-gradient(90deg,#deb14e,#a6822e)}.insp-accent.warn{background:linear-gradient(90deg,#C99323,var(--warn))}.insp-accent.info{background:linear-gradient(90deg,#3b71ca,#6b9be0)}.inspector-v2 .insp-scroll{flex:1;overflow-y:auto;min-height:0}.insp-hero{padding:16px 18px 14px;border-bottom:1px solid var(--hair-2)}.insp-hero-top{display:flex;align-items:center;gap:8px;margin-bottom:12px}.insp-hero-title{font-size:16.5px;font-weight:700;line-height:1.7;color:var(--ink);margin:0 0 12px;font-family:var(--font-classic)}.insp-hero-meta{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:11.5px;color:var(--muted)}.insp-hero-meta span{display:inline-flex;align-items:center;gap:5px}.insp-hero-meta svg{color:var(--ink-2);opacity:.75}.insp-stats{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;padding:16px 14px 14px;background:linear-gradient(180deg,var(--panel-2),var(--panel))}.insp-stat{text-align:center}.insp-stat-val{font-size:22px;font-weight:700;color:var(--accent);line-height:1;margin-bottom:5px;font-feature-settings:"tnum"}.insp-stat-val .pct{font-size:13px;font-weight:600;color:var(--ink-2);margin-inline-start:1px}.insp-stat-lab{font-size:10.5px;color:var(--muted);font-weight:600;letter-spacing:.02em}.insp-stat-divider{width:1px;height:28px;background:#deb14e66;margin:0 4px}.insp-progress-wrap{padding:0 14px 14px;background:var(--panel);border-bottom:1px solid var(--hair-2)}.insp-progress-track{height:6px;background:var(--hair-2);border-radius:999px;overflow:hidden;position:relative}.insp-progress-fill{height:100%;background:linear-gradient(90deg,#deb14e,#a6822e);border-radius:999px;transition:width .6s cubic-bezier(.4,0,.2,1);box-shadow:0 0 8px #deb14e59}.insp-section{padding:14px 16px;border-bottom:1px solid var(--hair-2)}.insp-section:last-child{border-bottom:none}.insp-section-h{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--ink-2);letter-spacing:.02em;margin-bottom:10px}.insp-section-h>svg:first-child{color:var(--accent)}.insp-section-count{margin-inline-start:auto;font-size:11px;font-weight:600;color:var(--accent);background:var(--accent-soft);padding:2px 8px;border-radius:999px;font-feature-settings:"tnum"}.completion-list{display:flex;flex-direction:column;gap:4px}.comp-row{display:grid;grid-template-columns:22px 28px 1fr auto 14px;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;cursor:pointer;transition:all .15s ease;border:1px solid transparent;background:transparent}.comp-row:hover{background:var(--accent-soft);border-color:#27987c40}.comp-status{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.comp-status.good{background:#0b886a26;color:var(--good)}.comp-status.warn{background:#deb14e2e;color:#b8902a}.comp-status.info{background:#3b71ca21;color:#3b71ca}.comp-icon{width:28px;height:28px;border-radius:7px;background:var(--panel-2);border:1px solid var(--hair-2);display:grid;place-items:center;color:var(--ink-2);transition:all .15s}.comp-row:hover .comp-icon{background:var(--panel);border-color:var(--accent);color:var(--accent)}.comp-label{font-size:13px;font-weight:600;color:var(--ink)}.comp-value{font-size:11.5px;font-weight:500;color:var(--muted)}.comp-row:hover .comp-value{color:var(--accent-ink)}.comp-arrow{color:var(--muted);transition:transform .15s,color .15s}.comp-row:hover .comp-arrow{color:var(--accent);transform:translate(3px)}.insp-audio-preview{display:flex;align-items:center;gap:12px;padding:12px;background:linear-gradient(135deg,var(--accent-soft),var(--panel-2));border:1px solid var(--hair-2);border-radius:10px;cursor:pointer;transition:all .2s}.insp-audio-preview:hover{border-color:var(--accent);box-shadow:0 4px 12px #27987c1f}.insp-audio-play{width:36px;height:36px;border-radius:50%;background:var(--accent);color:#fff;border:none;display:grid;place-items:center;cursor:pointer;flex-shrink:0;box-shadow:0 2px 8px #27987c59;transition:all .15s}.insp-audio-play:hover{background:var(--accent-ink);transform:scale(1.05)}.insp-audio-wave{flex:1;display:flex;align-items:center;gap:2px;height:32px}.mini-bar{flex:1;background:var(--accent);opacity:.45;border-radius:1.5px;min-height:4px;transition:opacity .2s}.insp-audio-preview:hover .mini-bar{opacity:.8}.insp-audio-time{font-size:12px;color:var(--ink-2);font-weight:700;flex-shrink:0;font-feature-settings:"tnum"}.insp-empty-audio{display:flex;align-items:center;gap:12px;padding:14px;background:var(--panel-2);border:1px dashed var(--hair);border-radius:10px}.insp-empty-audio .ea-icon{width:38px;height:38px;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;flex-shrink:0}.insp-empty-audio .ea-text{flex:1;min-width:0}.insp-empty-audio .ea-title{font-size:12.5px;font-weight:600;color:var(--ink);margin-bottom:2px}.insp-empty-audio .ea-sub{font-size:11px;color:var(--muted)}.inspector-v2 .insp-actions{flex-shrink:0;padding:12px 14px;background:var(--panel-2);border-top:1px solid var(--hair-2);display:flex;gap:6px;align-items:center}.insp-btn-primary{flex:1;justify-content:center;font-weight:600}.btn.icon-only{width:34px;height:32px;padding:0;display:grid;place-items:center;flex-shrink:0}.inspector-v2 .insp-empty{padding:60px 24px;text-align:center;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:14px;min-height:300px;justify-content:center}.inspector-v2 .insp-empty svg{opacity:.35}[data-theme=dark] .insp-stats{background:linear-gradient(180deg,var(--panel-2),var(--panel))}[data-theme=dark] .comp-status.good{background:#27987c38}[data-theme=dark] .comp-status.warn{background:#deb14e38;color:#e8c374}[data-theme=dark] .comp-status.info{background:#5b8ad838;color:#8fb1e8}[data-theme=dark] .insp-audio-preview{background:linear-gradient(135deg,var(--accent-soft),var(--panel-2))}.perm-editor{display:flex;flex-direction:column;gap:8px}.perm-edit-row{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--panel-2);border:1px solid var(--hair-2);border-radius:8px;font-size:12.5px}.perm-edit-row .perm-name{font-weight:500;color:var(--ink)}.perm-toggle{width:36px;height:20px;border-radius:999px;background:var(--hair);position:relative;cursor:pointer;transition:background .2s;border:none;padding:0;flex-shrink:0}.perm-toggle.on{background:var(--accent)}.perm-toggle:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 3px #0003}.perm-toggle.on:after{transform:translate(16px)}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--hair);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}@media (max-width: 1100px){.stats{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}.recent-grid,.vocab-grid,.hikmah-grid{grid-template-columns:1fr 1fr}.arch-cells{grid-template-columns:repeat(4,1fr)}}a.nav-item,a.iconbtn,a.avatar,a.btn{text-decoration:none;color:inherit}a.iconbtn.active{background:var(--panel);border-color:var(--accent);color:var(--accent-ink)}a.avatar.active{background:var(--panel);border-color:var(--accent)}a.router-link-active.nav-item,a.nav-item.active{background:var(--accent-soft);color:var(--accent-ink);font-weight:600;border-color:#27987c40}a.router-link-active.nav-item .ico{color:var(--accent)}