@font-face{font-family:Vazirmatn;src:url('https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/fonts/webfonts/Vazirmatn%5Bwght%5D.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{font-family:Vazirmatn,Vazir,Tahoma,"Segoe UI",sans-serif;color:#172033;background:#f4f6fb;line-height:1.8;--primary:#4f46e5;--border:#e4e9f2}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.topbar{min-height:68px;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100vw - 1240px)/2));position:sticky;top:0;z-index:30}.brand{display:flex;gap:8px;align-items:center;font-weight:900;font-size:1.35rem;color:#4338ca}.brand small{font-size:.65rem;color:#94a3b8}.topbar nav{display:flex;gap:18px;align-items:center}.topbar nav a:hover{color:var(--primary)}.mobile-menu{display:none;background:transparent;border:0;font-size:1.5rem}.container{max-width:1240px;margin:30px auto;padding:0 20px;min-height:calc(100vh - 145px)}.footer{text-align:center;color:#94a3b8;padding:22px}.page-head,.section-title,.head-actions,.row-actions,.toolbar-actions{display:flex;justify-content:space-between;align-items:center;gap:12px}.page-head{margin-bottom:22px}.page-head h1{margin-bottom:2px}h1,h2,h3{margin-top:0}.muted{color:#64748b}.panel,.auth-card{background:#fff;border:1px solid var(--border);border-radius:20px;padding:24px;box-shadow:0 10px 30px rgba(15,23,42,.045)}.narrow,.auth-card{max-width:600px;margin:40px auto}.auth-card{max-width:430px}.grid{display:grid;gap:20px}.grid.two{grid-template-columns:1fr 1.4fr}.dashboard-grid{grid-template-columns:1.35fr .85fr}.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-bottom:20px}.stats-four{grid-template-columns:repeat(4,minmax(0,1fr))}.stats article{background:#fff;border:1px solid var(--border);border-radius:18px;padding:19px;display:flex;flex-direction:column;position:relative;overflow:hidden}.stats article:after{content:"";position:absolute;inset:auto -15px -25px auto;width:85px;height:85px;border-radius:50%;background:#eef2ff}.stats strong{font-size:2rem;color:var(--primary);z-index:1}.stats span{color:#64748b;z-index:1}.cards,.list,.agenda-list{display:grid;gap:10px}.list>a{padding:14px 5px;border-bottom:1px solid #eef2f7;display:flex;flex-direction:column}.list>a:hover b{color:var(--primary)}.list span,.agenda-list span{color:#64748b;font-size:.88rem}.agenda-list article{display:flex;align-items:center;gap:12px;padding:10px;border-radius:12px;background:#f8fafc}.agenda-list i{width:5px;height:42px;border-radius:9px;background:var(--event)}.agenda-list div{display:grid}.empty{padding:25px;text-align:center;color:#94a3b8}label{display:grid;gap:6px;margin-bottom:15px;font-weight:600}input,textarea,select{width:100%;border:1px solid #cfd8e6;border-radius:11px;padding:10px 12px;background:#fff;outline:none}input:focus,textarea:focus,select:focus{border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.12)}textarea{resize:vertical}.button,button{border:0;border-radius:11px;padding:9px 15px;cursor:pointer;display:inline-flex;justify-content:center;align-items:center}.primary{background:var(--primary);color:#fff}.primary:hover{background:#4338ca}.secondary{background:#eef2ff;color:#3730a3}.accent{background:#0f766e;color:#fff}.danger{background:#dc2626;color:#fff}.ghost{background:transparent;color:#dc2626;padding:5px}.light{background:#fff;color:#312e81}.inline{display:inline}.link-button{background:transparent;padding:0;color:#475569}.full{width:100%}.alert{padding:13px 16px;border-radius:12px;margin-bottom:18px}.success{background:#dcfce7;color:#166534}.error{background:#fee2e2;color:#991b1b}.search{display:flex;gap:10px;margin-bottom:18px}.search input{flex:1}.checks{display:flex;gap:22px;margin:12px 0}.checks label{display:flex;align-items:center;gap:8px}.checks input{width:auto}.delete-form{margin-top:20px;border-top:1px solid #eee;padding-top:20px}.notice{background:#eef2ff;color:#3730a3;border-radius:12px;padding:14px 16px;margin-bottom:20px}.notice.small{font-size:.85rem;margin:14px 0 0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-row.three{grid-template-columns:repeat(3,1fr)}
.notebook-layout{display:grid;grid-template-columns:1fr 340px;gap:22px;align-items:start}.notebook-shelf{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.sticky-panel{position:sticky;top:92px}.book-card{border-radius:22px;overflow:hidden;background:#fff;border:1px solid var(--border);box-shadow:0 12px 30px rgba(15,23,42,.06)}.book-main{display:flex;gap:16px;min-height:230px;padding:26px;color:#fff;background:var(--book);background:linear-gradient(135deg,var(--book),color-mix(in srgb,var(--book),#111 38%));position:relative}.cover-solid .book-main{background:var(--book)}.cover-minimal .book-main{background:#fff;color:#172033;border-top:9px solid var(--book)}.book-main:after{content:"";position:absolute;width:150px;height:150px;border:30px solid rgba(255,255,255,.09);border-radius:50%;left:-60px;bottom:-65px}.book-icon{font-size:2.8rem;filter:drop-shadow(0 5px 8px rgba(0,0,0,.15));z-index:1}.book-main div{z-index:1}.book-main h2{font-size:1.55rem;margin:4px 0}.book-main p{opacity:.85}.book-meta{display:flex;justify-content:space-between;padding:12px 18px;color:#64748b;font-size:.88rem}.book-settings{border-top:1px solid var(--border);padding:10px 18px}.book-settings summary{cursor:pointer;color:#475569}.compact-form{padding-top:15px}.book-card.archived{opacity:.67}.notebook-hero{border-radius:25px;padding:36px;color:#fff;background:var(--book);background:linear-gradient(135deg,var(--book),color-mix(in srgb,var(--book),#111 40%));display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.notebook-hero h1{font-size:2rem;margin-bottom:4px}.notebook-pages{min-height:420px}.page-lined{background-color:#fff;background-image:linear-gradient(#e8edf7 1px,transparent 1px);background-size:100% 32px}.page-grid{background-color:#fff;background-image:linear-gradient(#edf0f7 1px,transparent 1px),linear-gradient(90deg,#edf0f7 1px,transparent 1px);background-size:28px 28px}.page-dots{background-color:#fff;background-image:radial-gradient(#cbd5e1 1px,transparent 1px);background-size:22px 22px}.note-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.note-paper{background:rgba(255,255,255,.94);border:1px solid var(--border);border-radius:15px;padding:17px;min-height:190px;box-shadow:0 8px 20px rgba(15,23,42,.04)}.note-paper:hover{transform:translateY(-2px)}.note-paper small,.note-paper time{color:#64748b}.note-paper p{color:#475569}
.calendar-layout{display:grid;grid-template-columns:1fr 330px;gap:20px;align-items:start}.calendar-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.calendar-nav h2{margin:0}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.weekdays b{text-align:center;padding:8px;color:#64748b}.calendar-day{min-height:125px;border-top:1px solid var(--border);border-left:1px solid var(--border);padding:7px;background:#fff}.calendar-day:nth-child(7n){border-left:0}.calendar-day.blank{background:#f8fafc}.day-number{width:30px;height:30px;padding:0;border-radius:50%;background:#f1f5f9;color:#334155}.calendar-day:hover .day-number{background:var(--primary);color:#fff}.calendar-event{border-right:4px solid var(--event);background:#f8fafc;border-radius:9px;margin-top:6px;padding:5px 7px;font-size:.78rem;display:flex;justify-content:space-between;gap:5px}.calendar-event div:first-child{display:grid}.calendar-event small{color:#64748b}.calendar-event.done{opacity:.5;text-decoration:line-through}.event-actions{display:flex}.event-actions form{display:inline}.event-actions button{padding:0 4px;background:transparent;color:#64748b}.event-form{position:sticky;top:92px}.close-panel{display:none;background:transparent;font-size:1.4rem}
.board-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.board-card{border:1px solid var(--border);border-radius:20px;padding:20px;min-height:220px;display:flex;flex-direction:column;justify-content:space-between;background:#fff}.board-card>a{display:block}.board-card h2{margin:10px 0}.board-card p{color:#64748b}.board-symbol{font-size:2rem}.board-card.board-bg-blackboard{background:#173b32;color:#fff}.board-card.board-bg-blackboard p,.board-card.board-bg-blackboard small{color:#cbd5c5}.board-editor{display:grid;gap:17px}.board-toolbar{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.board-toolbar label{margin:0;min-width:120px}.board-toolbar .grow{flex:1;min-width:240px}.board-workspace{display:grid;grid-template-columns:1fr 330px;gap:17px}.canvas-wrap{height:620px;border-radius:20px;border:1px solid var(--border);overflow:hidden;position:relative;touch-action:none;box-shadow:0 10px 30px rgba(15,23,42,.06)}.canvas-wrap canvas{display:block;touch-action:none;cursor:crosshair}.board-bg-white{background:#fff}.board-bg-grid{background-color:#fff;background-image:linear-gradient(#dbe3ee 1px,transparent 1px),linear-gradient(90deg,#dbe3ee 1px,transparent 1px);background-size:28px 28px}.board-bg-blackboard{background:#173b32;background-image:radial-gradient(rgba(255,255,255,.035) 1px,transparent 1px);background-size:5px 5px}.board-hint{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);color:#94a3b8;pointer-events:none}.recognition-panel{position:sticky;top:92px}.recognition-status{font-size:.88rem;color:#64748b;min-height:48px}
@media(max-width:980px){.notebook-layout,.calendar-layout,.board-workspace{grid-template-columns:1fr}.sticky-panel,.event-form,.recognition-panel{position:static}.notebook-shelf{grid-template-columns:1fr 1fr}.note-grid,.board-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.calendar-day{min-height:100px}.event-form{display:none}.event-form.open{display:block}.close-panel{display:block}}
@media(max-width:760px){.topbar{min-height:64px;padding:10px 16px}.mobile-menu{display:block}.topbar nav{display:none;position:absolute;top:64px;right:12px;left:12px;background:#fff;border:1px solid var(--border);border-radius:15px;padding:15px;box-shadow:0 15px 35px rgba(15,23,42,.13);flex-wrap:wrap}.topbar nav.open{display:flex}.container{margin-top:18px;padding:0 13px}.grid.two,.dashboard-grid,.stats-four,.stats{grid-template-columns:1fr 1fr}.page-head{align-items:flex-start}.page-head,.head-actions{flex-wrap:wrap}.panel{padding:17px}.search{flex-direction:column}.notebook-shelf,.note-grid,.board-cards{grid-template-columns:1fr}.book-main{min-height:205px}.notebook-hero{padding:24px;align-items:flex-start;gap:15px;flex-direction:column}.calendar-panel{padding:8px;overflow-x:auto}.calendar-grid{min-width:760px}.weekdays{display:none}.canvas-wrap{height:58vh;min-height:430px}.board-toolbar{align-items:stretch}.toolbar-actions{width:100%;overflow:auto;justify-content:flex-start}.recognition-panel textarea{min-height:190px}}
@media(max-width:480px){.stats-four,.stats{grid-template-columns:1fr 1fr}.form-row,.form-row.three{grid-template-columns:1fr}.button{padding:9px 12px}.page-head h1{font-size:1.55rem}}


/* v0.3.0 mobile-first visual system */
:root{--primary:#096f9e;--primary-dark:#0b2f5d;--primary-soft:#e7f5fb;--surface:#fff;--surface-2:#f7f9fd;--text:#102447;--muted:#718096;--border:#e5eaf2;--shadow:0 14px 38px rgba(19,49,88,.09)}
html{scroll-behavior:smooth}body{background:radial-gradient(circle at 90% 10%,rgba(14,165,233,.08),transparent 28%),#f5f7fc;color:var(--text);font-family:Vazirmatn,Vazir,Tahoma,"Segoe UI",sans-serif}.topbar{min-height:76px;background:rgba(255,255,255,.9);border-color:rgba(216,225,239,.9);box-shadow:0 4px 22px rgba(22,47,84,.04)}.brand{font-size:1.4rem;color:var(--primary-dark);gap:11px}.brand img{width:43px;height:43px;border-radius:14px;box-shadow:0 5px 13px rgba(0,126,161,.22)}.brand span{display:grid;line-height:1.25}.brand small{display:block;font-weight:500;margin-top:2px}.topbar nav a{padding:9px 4px;border-bottom:2px solid transparent}.topbar nav a.active{color:var(--primary);border-color:var(--primary)}.container{max-width:1220px;margin-top:26px;padding-bottom:36px}.panel{border-color:rgba(222,229,240,.92);box-shadow:var(--shadow);border-radius:24px}.button,button{font-weight:700;transition:.18s ease}.button:hover,button:hover{transform:translateY(-1px)}.primary{background:linear-gradient(135deg,#0879ad,#165bbd);box-shadow:0 8px 18px rgba(18,98,174,.2)}.secondary{background:#eef5ff;color:#164a8a}.soft{background:#fff;color:#164a8a;border:1px solid #d9e7f7}.page-head h1{font-size:2rem;color:#102447}.app-page-head{align-items:flex-end}.section-block{margin-top:28px}.eyebrow{display:inline-flex;background:rgba(255,255,255,.18);padding:5px 11px;border-radius:99px;font-size:.8rem;font-weight:700}.mobile-welcome{display:none}.home-hero{background:linear-gradient(135deg,#0a2f60,#0b80a8);border-radius:30px;color:#fff;padding:34px 42px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative;box-shadow:0 20px 42px rgba(7,58,105,.22)}.home-hero:after{content:"";position:absolute;width:310px;height:310px;border-radius:50%;background:rgba(255,255,255,.07);left:-120px;bottom:-180px}.home-hero>div{max-width:620px;z-index:1}.home-hero h1{font-size:2.25rem;margin:12px 0 6px}.home-hero p{opacity:.84}.home-hero img{width:170px;height:220px;object-fit:cover;border-radius:18px;transform:rotate(-4deg);box-shadow:0 20px 30px rgba(0,0,0,.25);z-index:1}.hero-actions{display:flex;gap:10px;margin-top:20px}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:20px}.quick-grid>a{background:#fff;border:1px solid var(--border);border-radius:20px;padding:18px;display:grid;gap:4px;box-shadow:0 8px 24px rgba(20,52,91,.05)}.quick-grid>a:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.quick-grid small{color:var(--muted)}.quick-icon,.feature-icon{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;font-size:1.4rem;font-weight:900;margin-bottom:7px}.pink{background:#fff0f6;color:#ed4c93}.violet,.purple{background:#f2edff;color:#7448df}.blue{background:#eaf3ff;color:#176ad6}.orange{background:#fff2e7;color:#f07b22}.cyan{background:#e9fbff;color:#0aa0cf}.green{background:#e9fbf4;color:#078d67}.navy{background:#eaf0fb;color:#183e82}.teal{background:#e9fbf8;color:#0b8d82}.home-book-scroll{display:flex;gap:16px;overflow:auto;padding:8px 3px 15px;scroll-snap-type:x proximity}.mini-book{min-width:142px;display:grid;gap:5px;scroll-snap-align:start}.mini-cover{display:block;height:176px;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 10px 22px rgba(17,47,85,.13)}.mini-cover img{width:100%;height:100%;object-fit:cover}.mini-book small{color:var(--muted)}.modern-list>a{display:flex!important;flex-direction:row!important;align-items:center;gap:12px}.list-symbol{width:38px;height:38px;border-radius:12px;background:#edf6ff;color:#1574b6;display:grid;place-items:center;font-size:1.3rem}.modern-list>a>span:last-child{display:grid}.modern-list small{color:var(--muted)}
.notebook-tools{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.notebook-search{margin:0;position:relative;max-width:520px;width:100%}.notebook-search span{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#718096;font-size:1.2rem}.notebook-search input{padding-right:44px;border-radius:18px;background:#fff;min-height:48px}.filter-chips{display:flex;gap:8px}.filter-chips button{background:#fff;border:1px solid var(--border);color:#65738b;border-radius:99px;padding:7px 16px}.filter-chips button.active{background:#102f5b;color:#fff;border-color:#102f5b}.modern-notebook-layout{grid-template-columns:1fr 420px}.modern-shelf{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.visual-book{min-width:0;position:relative}.visual-book[hidden]{display:none}.visual-cover{display:block;aspect-ratio:3/4;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 13px 28px rgba(17,47,85,.14);position:relative;transition:.2s ease}.visual-cover:hover{transform:translateY(-5px) rotate(-.5deg);box-shadow:0 20px 36px rgba(17,47,85,.2)}.visual-cover img{width:100%;height:100%;object-fit:cover}.binding-wire:before{content:"";position:absolute;right:5px;top:8px;bottom:8px;width:8px;z-index:2;background:repeating-linear-gradient(to bottom,#e7edf5 0 4px,#70809a 4px 7px,#e7edf5 7px 11px);border-radius:10px;filter:drop-shadow(1px 1px 1px rgba(0,0,0,.18))}.binding-hard{border:5px solid #eef1f6}.binding-soft{box-shadow:0 9px 20px rgba(17,47,85,.11)}.archive-badge{position:absolute;top:10px;left:10px;background:rgba(15,23,42,.8);color:#fff;border-radius:99px;padding:4px 9px;font-size:.72rem}.visual-book.archived .visual-cover{filter:grayscale(.25);opacity:.72}.visual-book-info{display:grid;padding:10px 4px 4px}.visual-book-info b{font-size:1rem}.visual-book-info span{color:var(--muted);font-size:.82rem}.visual-book .book-settings{margin-top:7px;border:0;padding:0}.visual-book .book-settings>summary{font-size:.8rem;color:#64748b}.visual-book .book-settings[open]{background:#fff;border:1px solid var(--border);border-radius:18px;padding:15px;position:relative;z-index:3;box-shadow:var(--shadow)}.new-book-card{aspect-ratio:3/4;border:2px dashed #cdd8e7;border-radius:18px;display:grid;place-items:center;align-content:center;gap:4px;color:#335981;background:rgba(255,255,255,.55)}.new-book-card span{font-size:2.8rem;font-weight:300}.new-book-card small{color:var(--muted)}.notebook-customizer{padding:0;overflow:hidden}.customizer-head{display:flex;justify-content:space-between;align-items:center;padding:22px 24px;border-bottom:1px solid var(--border)}.customizer-head small{color:var(--muted)}.customizer-head h2{margin:0}.customizer-head>span{font-size:1.4rem;color:#1f77c9}.customizer-preview{height:255px;background:linear-gradient(160deg,#f9fbff,#edf4fc);display:grid;place-items:center;position:relative;overflow:hidden}.customizer-preview:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:#dcecff;left:-55px;top:-75px}.customizer-preview img{height:205px;width:158px;object-fit:cover;border-radius:13px;box-shadow:0 18px 30px rgba(20,48,85,.23);z-index:1}.customizer-preview .spiral{position:absolute;width:9px;height:190px;right:calc(50% + 68px);top:33px;z-index:2;background:repeating-linear-gradient(to bottom,#eff3f8 0 5px,#63738a 5px 8px,#eff3f8 8px 12px);border-radius:9px}.notebook-customizer form{padding:22px}.cover-fieldset{border:0;padding:0;margin:0 0 17px}.cover-fieldset legend{font-weight:800;margin-bottom:10px}.cover-picker{display:flex;gap:9px;overflow:auto;padding:3px 2px 11px}.cover-choice{display:block;margin:0;min-width:68px}.cover-choice input{position:absolute;opacity:0;pointer-events:none}.cover-choice span{display:grid;gap:4px;text-align:center;border:2px solid transparent;border-radius:12px;padding:4px}.cover-choice img{width:56px;height:72px;object-fit:cover;border-radius:8px}.cover-choice small{font-size:.66rem;white-space:nowrap}.cover-choice input:checked+span{border-color:#1477c9;background:#eef7ff}.option-section{margin-bottom:16px}.option-section>b{display:block;margin-bottom:8px}.segmented{display:flex;flex-wrap:wrap;gap:7px}.segmented label{display:block;margin:0}.segmented input{position:absolute;opacity:0}.segmented span{display:block;padding:8px 13px;border:1px solid #dbe3ef;border-radius:11px;background:#fff;color:#5f6d82;font-size:.82rem}.segmented input:checked+span{border-color:#1477c9;background:#edf6ff;color:#1264aa;box-shadow:0 0 0 2px rgba(20,119,201,.09)}.advanced-options{margin:8px 0 18px}.advanced-options summary{cursor:pointer;color:#65738b}.large-button{min-height:50px;border-radius:15px}.visual-notebook-hero{justify-content:flex-start;gap:25px;background:linear-gradient(135deg,#0a315f,#0b7aa0)}.visual-notebook-hero>img{width:135px;height:175px;object-fit:cover;border-radius:14px;box-shadow:0 18px 30px rgba(0,0,0,.22)}.visual-notebook-hero>div{flex:1}.visual-notebook-hero .button{margin-right:auto}
.profile-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.profile-head small,.profile-head p{color:var(--muted)}.profile-head h1{margin:2px 0}.profile-avatar,.avatar-button{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ef9fb7,#8d6cda);color:#fff;font-size:1.25rem;font-weight:900;box-shadow:0 10px 20px rgba(124,82,172,.2)}.pro-banner{background:linear-gradient(135deg,#071f4d,#113b86);color:#fff;border-radius:24px;padding:22px 25px;display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;box-shadow:0 18px 35px rgba(9,41,91,.22)}.pro-banner>div{display:flex;align-items:center;gap:14px}.pro-banner p{margin:2px 0;opacity:.76}.pro-banner>span{background:rgba(255,255,255,.12);padding:6px 12px;border-radius:99px}.crown{font-size:2.2rem;color:#f6c84a}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.feature-tile{background:#fff;border:1px solid var(--border);border-radius:20px;padding:18px;display:grid;gap:4px;min-height:150px;box-shadow:0 7px 22px rgba(18,47,85,.05)}.feature-tile:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.feature-tile small{color:var(--muted)}.storage-card{background:#fff;border:1px solid var(--border);border-radius:22px;padding:20px;margin-top:18px;box-shadow:0 7px 22px rgba(18,47,85,.05)}.storage-card h2{margin-bottom:1px}.storage-card p{margin:0;color:var(--muted)}.storage-track{height:9px;background:#edf1f7;border-radius:99px;overflow:hidden;margin:13px 0 7px}.storage-track span{display:block;height:100%;background:linear-gradient(90deg,#176fcb,#1fc6bd);border-radius:inherit}.storage-card>small{color:var(--muted)}.profile-stats{margin-top:18px}
.mobile-bottom-nav{display:none}
@media(max-width:1100px){.modern-notebook-layout{grid-template-columns:1fr 370px}.modern-shelf{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){body.app-authenticated{padding-bottom:84px;background:#f8f9fc}.topbar{min-height:62px;padding:8px 15px}.topbar .brand img{width:38px;height:38px}.topbar .brand>span{font-size:1.15rem}.topbar .brand small{display:none}.mobile-menu{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#f2f6fb;font-size:1.2rem}.topbar nav{top:62px}.container{margin-top:15px;padding:0 14px 22px}.footer{display:none}.mobile-bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;z-index:80;bottom:0;right:0;left:0;height:72px;padding:7px max(8px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom));background:rgba(255,255,255,.95);backdrop-filter:blur(18px);border-top:1px solid #e3e8f1;box-shadow:0 -8px 26px rgba(20,45,78,.08)}.mobile-bottom-nav a{display:grid;place-items:center;align-content:center;gap:1px;color:#7b8799;font-size:1.2rem}.mobile-bottom-nav small{font-size:.68rem}.mobile-bottom-nav a.active{color:#0b62aa}.mobile-bottom-nav .nav-create{position:relative}.mobile-bottom-nav .nav-create span{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#0d80c0,#1e58cf);color:#fff;font-size:2rem;line-height:1;box-shadow:0 9px 20px rgba(27,94,190,.35);transform:translateY(-17px);border:4px solid #fff}.mobile-welcome{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.mobile-welcome h1{font-size:1.35rem;margin:2px 0}.mobile-welcome p{font-size:.82rem;color:var(--muted);margin:0}.mobile-welcome small{color:#5f6d82}.avatar-button{width:43px;height:43px;font-size:1rem}.home-hero{padding:24px 21px;border-radius:23px;min-height:210px}.home-hero h1{font-size:1.65rem}.home-hero p{font-size:.85rem;max-width:60%}.home-hero img{width:105px;height:142px;position:absolute;left:17px;bottom:18px}.hero-actions{max-width:62%;flex-wrap:wrap}.hero-actions .button{font-size:.78rem}.quick-grid{grid-template-columns:repeat(2,1fr);gap:10px}.quick-grid>a{padding:14px;border-radius:17px}.home-book-scroll{margin-left:-14px;padding-left:14px}.mini-book{min-width:118px}.mini-cover{height:150px}.dashboard-grid{grid-template-columns:1fr}.page-head h1{font-size:1.55rem}.app-page-head{align-items:flex-start}.notebook-tools{display:grid;gap:10px}.filter-chips{overflow:auto;padding-bottom:2px}.modern-notebook-layout{grid-template-columns:1fr}.modern-shelf{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.visual-cover{border-radius:13px}.visual-book-info{padding-top:7px}.visual-book-info b{font-size:.84rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.visual-book-info span{font-size:.67rem}.visual-book .book-settings{display:none}.new-book-card span{font-size:2rem}.new-book-card b{font-size:.8rem}.new-book-card small{font-size:.62rem}.notebook-customizer{position:static;border-radius:24px;margin-top:8px}.customizer-preview{height:230px}.customizer-preview img{height:185px;width:142px}.cover-picker{margin-left:-10px;padding-left:10px}.visual-notebook-hero{padding:21px;display:grid;grid-template-columns:88px 1fr;gap:15px}.visual-notebook-hero>img{width:88px;height:118px}.visual-notebook-hero h1{font-size:1.35rem}.visual-notebook-hero p{font-size:.82rem}.visual-notebook-hero .button{grid-column:1/-1;width:100%}.feature-grid{grid-template-columns:repeat(3,1fr);gap:9px}.feature-tile{padding:13px 8px;min-height:132px;text-align:center;place-items:center;align-content:center}.feature-icon{width:42px;height:42px;margin:0 auto 5px}.feature-tile b{font-size:.82rem}.feature-tile small{font-size:.65rem}.pro-banner{padding:18px}.pro-banner p{font-size:.76rem}.pro-banner>span{display:none}.profile-stats{grid-template-columns:repeat(2,1fr)}.calendar-layout,.board-workspace{grid-template-columns:1fr}.board-toolbar{position:sticky;top:70px;z-index:10;background:#fff;padding:10px;border-radius:16px;box-shadow:0 8px 20px rgba(20,45,78,.09)}.note-grid{grid-template-columns:1fr}.panel{border-radius:20px}.stats article{border-radius:16px}}
@media(max-width:430px){.modern-shelf{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.visual-book-info b{font-size:.78rem}.visual-book-info span{font-size:.62rem}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-tile{min-height:124px}.home-hero img{opacity:.92}.home-hero p{max-width:64%}}

/* ===== Daftarino 0.4 professional workspace ===== */
@font-face{font-family:Sahel;src:url('https://cdn.jsdelivr.net/npm/sahel-font@3.4.0/dist/Sahel.woff2') format('woff2');font-display:swap}
@font-face{font-family:Shabnam;src:url('https://cdn.jsdelivr.net/npm/shabnam-font@5.0.0/dist/Shabnam.woff2') format('woff2');font-display:swap}
@font-face{font-family:Samim;src:url('https://cdn.jsdelivr.net/npm/samim-font@4.0.5/dist/Samim.woff2') format('woff2');font-display:swap}
@font-face{font-family:Gandom;src:url('https://cdn.jsdelivr.net/npm/gandom-font@0.8.0/dist/Gandom.woff2') format('woff2');font-display:swap}
@font-face{font-family:Tanha;src:url('https://cdn.jsdelivr.net/npm/tanha-font@0.10.0/dist/Tanha.woff2') format('woff2');font-display:swap}
@font-face{font-family:Estedad;src:url('https://cdn.jsdelivr.net/fontsource/fonts/estedad:vf@5.3.0/arabic-wght-normal.woff2') format('woff2');font-weight:100 900;font-display:swap}
.font-vazirmatn{font-family:Vazirmatn,Vazir,Tahoma,sans-serif}.font-sahel{font-family:Sahel,Tahoma,sans-serif}.font-shabnam{font-family:Shabnam,Tahoma,sans-serif}.font-samim{font-family:Samim,Tahoma,sans-serif}.font-gandom{font-family:Gandom,Tahoma,sans-serif}.font-tanha{font-family:Tanha,Tahoma,sans-serif}.font-estedad{font-family:Estedad,Tahoma,sans-serif}
:root{--app-bg:#f3f7fb;--surface:#fff;--surface-2:#f7faff;--surface-3:#eef5fb;--text:#10243e;--muted-text:#66768c;--border:#dfe8f1;--primary:#0879bc;--primary-2:#0ca7a0;--navy:#102e58;--danger:#c83c52;--success:#0f8f67;--warning:#a96308;--shadow:0 18px 50px rgba(19,50,83,.09);--soft-shadow:0 8px 26px rgba(19,50,83,.07)}
html[data-theme="dark"]{--app-bg:#08121f;--surface:#101d2c;--surface-2:#142437;--surface-3:#1a2b40;--text:#e9f2fc;--muted-text:#9eb0c6;--border:#253a50;--primary:#42aee8;--primary-2:#38c5bd;--navy:#dbeafe;--danger:#ff7184;--success:#49d5a2;--warning:#ffc66d;--shadow:0 18px 50px rgba(0,0,0,.28);--soft-shadow:0 8px 26px rgba(0,0,0,.2);color-scheme:dark}
html,body{background:var(--app-bg);color:var(--text)}body{transition:background .2s,color .2s}.panel,.auth-card,.stats article,.storage-card,.notebook-customizer,.calendar-card,.board-card{background:var(--surface);border-color:var(--border);color:var(--text);box-shadow:var(--soft-shadow)}.muted,.panel p,.section-title p{color:var(--muted-text)}input,textarea,select{background:var(--surface);color:var(--text);border-color:var(--border)}input::placeholder,textarea::placeholder{color:var(--muted-text)}.button.secondary,.button.ghost{background:var(--surface);border-color:var(--border);color:var(--text)}.button.ghost{box-shadow:none}.button.primary,.primary{background:linear-gradient(135deg,var(--primary),#1263ce);color:#fff}.danger,.button.danger{background:color-mix(in srgb,var(--danger) 12%,var(--surface));color:var(--danger);border-color:color-mix(in srgb,var(--danger) 30%,var(--border))}.eyebrow{display:inline-flex;align-items:center;gap:6px;color:var(--primary);font-weight:800;font-size:.78rem;letter-spacing:.02em;margin-bottom:4px}
.user-app-shell{min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr);direction:ltr}.desktop-sidebar{direction:rtl;position:sticky;top:0;height:100vh;background:var(--surface);border-left:1px solid var(--border);padding:24px 18px;display:flex;flex-direction:column;z-index:40}.sidebar-brand{display:flex;align-items:center;gap:11px;padding:0 8px 22px;color:var(--navy)}.sidebar-brand img,.mobile-brand img,.guest-topbar .brand img,.admin-topbar .brand img{width:44px;height:44px;border-radius:13px}.sidebar-brand span,.admin-topbar .brand span,.guest-topbar .brand span{display:grid;font-size:1.25rem;font-weight:900;line-height:1.2}.sidebar-brand small,.admin-topbar .brand small,.guest-topbar .brand small{font-size:.65rem;color:var(--muted-text);font-weight:500}.sidebar-nav{display:grid;gap:5px}.sidebar-nav a,.theme-switch,.sidebar-logout{width:100%;display:flex;align-items:center;gap:11px;padding:11px 13px;border:0;border-radius:13px;background:transparent;color:var(--muted-text);cursor:pointer;text-align:right}.sidebar-nav a span,.theme-switch span,.sidebar-logout span{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:var(--surface-2);font-weight:900}.sidebar-nav a:hover,.sidebar-nav a.active{color:var(--primary);background:color-mix(in srgb,var(--primary) 9%,var(--surface))}.sidebar-nav a.active span{background:var(--primary);color:#fff}.sidebar-bottom{margin-top:auto;display:grid;gap:4px;border-top:1px solid var(--border);padding-top:13px}.sidebar-logout{color:var(--danger)}.user-app-main{direction:rtl;min-width:0}.user-topbar{height:76px;background:color-mix(in srgb,var(--surface) 90%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);padding:0 28px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:35}.mobile-brand{display:none}.global-search{width:min(560px,56vw);height:43px;border:1px solid var(--border);border-radius:13px;background:var(--surface-2);display:flex;align-items:center;gap:10px;padding:0 14px;color:var(--muted-text)}.global-search kbd{margin-right:auto;border:1px solid var(--border);background:var(--surface);border-radius:7px;padding:1px 7px;font-family:inherit}.topbar-actions{display:flex;align-items:center;gap:10px}.icon-button{width:42px;height:42px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer}.user-chip{display:flex;align-items:center;gap:8px}.user-chip>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;font-weight:900}.user-container{max-width:1500px;padding:28px 34px 110px;margin:0 auto}.mobile-bottom-nav{display:none}
.workspace-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.workspace-heading h1{margin:0;font-size:clamp(1.7rem,2vw,2.25rem)}.workspace-heading p{margin:5px 0 0;color:var(--muted-text)}.workspace-heading-actions{display:flex;gap:9px}.professional-hero{min-height:292px;border-radius:28px;padding:35px 42px;background:linear-gradient(125deg,#092d58,#096ca7 58%,#1fb8ad);color:#fff;display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative;box-shadow:0 24px 50px rgba(5,66,116,.23)}.professional-hero:before{content:"";position:absolute;width:380px;height:380px;border:1px solid rgba(255,255,255,.16);border-radius:50%;left:-100px;top:-150px}.hero-copy{position:relative;z-index:2;max-width:650px}.hero-copy h2{font-size:clamp(1.7rem,3vw,2.65rem);margin:10px 0 8px}.hero-copy p{color:rgba(255,255,255,.82);font-size:1.02rem}.hero-pill{display:inline-flex;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);border-radius:99px;padding:5px 13px;font-size:.78rem}.hero-actions{display:flex;gap:10px;margin-top:22px}.hero-outline{background:transparent!important;color:#fff!important;border:1px solid rgba(255,255,255,.4)!important}.hero-book-stack{width:260px;height:225px;position:relative;flex:0 0 auto}.hero-book-stack img{position:absolute;width:138px;height:190px;object-fit:cover;border-radius:15px;box-shadow:0 22px 35px rgba(0,0,0,.28);border:4px solid rgba(255,255,255,.7)}.hero-book-one{right:68px;top:6px;transform:rotate(8deg)}.hero-book-two{right:0;top:35px;transform:rotate(-10deg)}.professional-stats{margin:20px 0}.professional-stats article small{color:var(--muted-text)}.professional-stats strong{color:var(--primary)}.quick-workspace-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0 34px}.quick-workspace-grid>a{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:17px;display:flex;align-items:center;gap:12px;box-shadow:var(--soft-shadow)}.quick-workspace-grid>a:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary) 40%,var(--border))}.quick-workspace-grid div{display:grid}.quick-workspace-grid small{color:var(--muted-text);font-size:.72rem}.quick-workspace-grid i{margin-right:auto}.quick-icon{width:47px;height:47px;border-radius:14px;display:grid;place-items:center;font-size:1.2rem;font-weight:900}.quick-icon.blue{background:#e3f2fd;color:#0879bc}.quick-icon.violet{background:#eee8ff;color:#6d42c9}.quick-icon.pink{background:#ffe8f2;color:#d33f83}.quick-icon.orange{background:#fff0dc;color:#d47706}html[data-theme="dark"] .quick-icon{background:var(--surface-3)}
.editor-page-head{align-items:flex-end}.editor-shell{display:grid;grid-template-columns:290px minmax(0,1fr);gap:18px;align-items:start}.editor-meta{position:sticky;top:96px;display:grid;gap:14px}.editor-meta h2{font-size:1.05rem;margin:0}.stacked-checks{display:grid;gap:8px}.document-editor{padding:0;overflow:hidden}.editor-toolbar{min-height:58px;padding:9px 12px;border-bottom:1px solid var(--border);background:var(--surface-2);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.editor-toolbar button{min-width:38px;height:36px;padding:0 10px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text);cursor:pointer}.editor-toolbar button:hover{border-color:var(--primary);color:var(--primary)}.editor-toolbar>span{width:1px;height:25px;background:var(--border);margin:0 3px}.editor-paper{min-height:720px;margin:24px auto;width:min(850px,calc(100% - 40px));padding:58px 66px;outline:0;background:#fff;color:#172033;border:1px solid #e2e8f0;box-shadow:0 8px 26px rgba(16,36,62,.08);line-height:1.95;overflow-wrap:anywhere}.editor-paper:empty:before{content:attr(data-placeholder);color:#94a3b8}.editor-paper h2{font-size:1.65em;margin:1.2em 0 .45em}.editor-paper h3{font-size:1.3em;margin:1em 0 .4em}.editor-paper img{max-width:100%;height:auto}.editor-status{border-top:1px solid var(--border);padding:9px 16px;display:flex;justify-content:space-between;color:var(--muted-text);font-size:.73rem}.editor-delete{margin-top:15px;text-align:left}.document-list{display:grid}.document-row{display:flex;align-items:center;gap:14px;padding:16px 6px;border-bottom:1px solid var(--border)}.document-row:last-child{border-bottom:0}.document-row-icon{width:42px;height:42px;border-radius:12px;background:var(--surface-2);display:grid;place-items:center;color:var(--primary)}.document-row-copy{display:grid;min-width:0}.document-row-copy small{color:var(--muted-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.document-row-date{margin-right:auto;color:var(--muted-text);font-size:.75rem}.professional-search{height:52px;background:var(--surface);border:1px solid var(--border);border-radius:15px;display:flex;align-items:center;padding:5px 8px 5px 5px;margin-bottom:18px}.professional-search input{border:0;background:transparent;flex:1;outline:0}.professional-search button{height:40px;border:0;border-radius:10px;background:var(--primary);color:#fff;padding:0 22px}.professional-search>span{color:var(--muted-text);padding:0 8px}
.inline-cover-preview{position:relative;background:linear-gradient(135deg,var(--cover-bg),var(--cover-accent));border-radius:20px;padding:18px;display:grid;place-items:center;min-height:250px;overflow:hidden}.inline-cover-preview>img{width:150px;height:205px;border-radius:12px;object-fit:cover;box-shadow:0 18px 30px rgba(0,0,0,.22)}.cover-preview-overlay,.hero-cover-copy{position:absolute;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.7);display:grid;gap:5px;text-align:center;max-width:130px}.cover-preview-overlay[data-align="right"],.hero-cover-copy[data-align="right"]{text-align:right}.cover-preview-overlay[data-align="left"],.hero-cover-copy[data-align="left"]{text-align:left}.cover-preview-overlay small{font-size:.63rem}.hero-cover-wrap{position:relative;width:130px;height:174px;flex:none}.hero-cover-wrap>img{width:100%;height:100%;object-fit:cover;border-radius:13px;box-shadow:0 16px 28px rgba(0,0,0,.22)}.hero-cover-copy{inset:42px 13px auto;max-width:104px}.hero-cover-copy small{font-size:.55rem}.visual-notebook-hero>img{display:none}.notebook-hero-actions{display:grid;gap:8px;min-width:150px}.notebook-pages{padding:var(--page-margin,24px)}.notebook-pages .public-page-grid{column-count:var(--page-columns,1);display:block}.notebook-pages .note-paper{break-inside:avoid;margin-bottom:14px;line-height:var(--page-line-height,1.9)}
.import-layout,.share-layout,.settings-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:20px;align-items:start}.import-card{text-align:center;padding:36px}.word-mark{width:72px;height:72px;border-radius:20px;margin:0 auto 12px;display:grid;place-items:center;background:linear-gradient(145deg,#0b71c7,#144c9a);color:#fff;font-size:2rem;font-weight:900}.large-file-drop{min-height:140px;border:2px dashed color-mix(in srgb,var(--primary) 38%,var(--border));border-radius:18px;display:grid!important;place-items:center;background:color-mix(in srgb,var(--primary) 5%,var(--surface));margin:22px 0}.large-file-drop input{position:absolute;opacity:0;pointer-events:none}.large-file-drop span{color:var(--primary);font-weight:800}.import-guide ol{padding-right:20px}.import-guide li{margin-bottom:14px}.security-note{background:color-mix(in srgb,var(--success) 8%,var(--surface));border:1px solid color-mix(in srgb,var(--success) 25%,var(--border));border-radius:14px;padding:14px;margin-top:18px}.security-note p{margin:4px 0 0;font-size:.8rem}.share-create-card{text-align:center}.share-symbol{width:68px;height:68px;margin:auto;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;font-size:2rem}.share-list{display:grid;gap:14px}.share-item-head{display:flex;justify-content:space-between;gap:10px;align-items:center;border-bottom:1px solid var(--border);padding-bottom:12px;margin-bottom:14px}.share-item-head div{display:grid}.share-item-head small{color:var(--muted-text)}.share-item-head>span,.status-pill{border-radius:99px;padding:3px 10px;font-size:.7rem;background:color-mix(in srgb,var(--success) 12%,var(--surface));color:var(--success)}.share-item.inactive .share-item-head>span{background:color-mix(in srgb,var(--danger) 12%,var(--surface));color:var(--danger)}.qr-row{display:grid;grid-template-columns:180px 1fr;gap:17px;align-items:center}.qr-box{width:176px;height:176px;padding:8px;background:#fff;border-radius:13px;display:grid;place-items:center}.qr-box img,.qr-box canvas{max-width:160px!important;max-height:160px!important}.share-url-box{display:grid;gap:10px}.share-url-box>div{display:flex;gap:8px}.public-share-container{max-width:1100px}.public-book{background:var(--surface);border:1px solid var(--border);border-radius:26px;overflow:hidden;box-shadow:var(--shadow)}.public-book-cover{height:390px;position:relative;background:linear-gradient(135deg,var(--cover-bg),var(--cover-accent));display:grid;place-items:center;overflow:hidden}.public-book-cover>img{height:310px;width:235px;object-fit:cover;border-radius:17px;box-shadow:0 28px 46px rgba(0,0,0,.3)}.public-book-cover>div{position:absolute;width:180px;text-align:center;color:#fff;text-shadow:0 3px 10px rgba(0,0,0,.8)}.public-book-cover>div[data-align="right"]{text-align:right}.public-book-cover>div[data-align="left"]{text-align:left}.public-book-cover h1{font-size:1.65rem;margin:8px 0}.public-book-cover p{color:#fff}.public-book-toolbar{display:flex;justify-content:space-between;align-items:center;padding:18px 25px;border-bottom:1px solid var(--border)}.public-book-toolbar div{display:grid}.public-book-toolbar small{color:var(--muted-text)}.public-book-pages{padding:28px;background:var(--surface-2)}.public-book-page{max-width:850px;min-height:520px;padding:var(--page-margin,24px);margin:0 auto 24px;background:#fff;color:#172033;line-height:var(--page-line-height,1.9);column-count:var(--page-columns,1);column-gap:36px;box-shadow:0 7px 24px rgba(16,36,62,.09);position:relative}.public-book-page h2{column-span:all}.page-number{position:absolute;left:20px;top:14px;color:#94a3b8;font-size:.7rem}.rich-content img{max-width:100%;height:auto}.rich-content table{width:100%;border-collapse:collapse}.rich-content td,.rich-content th{border:1px solid #cbd5e1;padding:7px}.public-book-footer,.public-single-note footer{padding:18px;text-align:center;color:var(--muted-text)}.public-single-note{max-width:850px;margin:20px auto;padding:50px 65px}.public-single-note header{border-bottom:1px solid var(--border);margin-bottom:25px;padding-bottom:18px}.public-single-note footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);margin-top:30px}
.admin-topbar,.guest-topbar{min-height:72px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100vw - 1400px)/2));position:sticky;top:0;z-index:40}.admin-topbar .brand,.guest-topbar .brand{display:flex;align-items:center;gap:10px}.admin-topbar nav{display:flex;align-items:center;gap:8px}.admin-topbar nav a{padding:9px 13px;border-radius:10px;color:var(--muted-text)}.admin-topbar nav a.active{background:color-mix(in srgb,var(--primary) 10%,var(--surface));color:var(--primary)}.admin-container{max-width:1400px}.alert.warning{background:color-mix(in srgb,var(--warning) 12%,var(--surface));color:var(--warning);border:1px solid color-mix(in srgb,var(--warning) 28%,var(--border));padding:15px;border-radius:14px;margin-bottom:18px}.stats-six{grid-template-columns:repeat(6,1fr)}.admin-table-wrap{overflow:auto}.admin-table{width:100%;border-collapse:collapse;min-width:720px}.admin-table th,.admin-table td{padding:13px 11px;text-align:right;border-bottom:1px solid var(--border)}.admin-table th{color:var(--muted-text);font-size:.76rem}.admin-table td>b,.admin-table td>small{display:block}.admin-table td small{color:var(--muted-text);font-size:.7rem}.status-pill.bad{color:var(--danger);background:color-mix(in srgb,var(--danger) 12%,var(--surface))}.small-button{padding:7px 10px;font-size:.75rem}.sms-log-list{display:grid}.sms-log-list article{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--border)}.sms-log-list article div{display:grid}.sms-log-list small{color:var(--muted-text)}.status-dot{width:10px;height:10px;border-radius:50%;background:var(--success)}.status-dot.failed{background:var(--danger)}.settings-layout{grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr)}.settings-form{display:grid;gap:20px}.setting-section{display:flex;justify-content:space-between;gap:20px;align-items:center}.setting-section h2{margin-bottom:2px}.switch-line{display:flex!important;align-items:center;gap:9px;white-space:nowrap}.switch-line input{display:none}.switch-line span{width:45px;height:24px;border-radius:99px;background:var(--border);position:relative}.switch-line span:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;right:3px;top:3px;box-shadow:0 2px 5px rgba(0,0,0,.25);transition:.2s}.switch-line input:checked+span{background:var(--success)}.switch-line input:checked+span:after{transform:translateX(-21px)}
html[data-theme="dark"] .editor-paper,html[data-theme="dark"] .public-book-page{background:#f8fafc;color:#172033}.form-warning{background:color-mix(in srgb,var(--warning) 10%,var(--surface));color:var(--warning);padding:9px;border-radius:10px}.full[disabled]{opacity:.5;cursor:not-allowed}
@media(max-width:1180px){.user-app-shell{grid-template-columns:220px minmax(0,1fr)}.quick-workspace-grid{grid-template-columns:repeat(2,1fr)}.stats-six{grid-template-columns:repeat(3,1fr)}.editor-shell{grid-template-columns:250px minmax(0,1fr)}.editor-paper{padding:45px}}
@media(max-width:820px){.user-app-shell{display:block}.desktop-sidebar{display:none}.user-topbar{height:64px;padding:0 14px}.mobile-brand{display:flex;align-items:center;gap:8px}.mobile-brand img{width:36px;height:36px}.global-search{display:none}.user-chip b{display:none}.user-container{padding:18px 14px 96px}.mobile-bottom-nav{position:fixed;inset:auto 0 0;z-index:60;height:72px;padding:7px max(11px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(18px);border-top:1px solid var(--border);display:grid;grid-template-columns:repeat(5,1fr);direction:rtl}.mobile-bottom-nav a{display:grid;place-items:center;align-content:center;gap:1px;color:var(--muted-text);font-size:1.12rem}.mobile-bottom-nav small{font-size:.6rem}.mobile-bottom-nav a.active{color:var(--primary)}.mobile-bottom-nav .nav-create span{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),#145fce);color:#fff;font-size:1.8rem;transform:translateY(-14px);box-shadow:0 10px 24px rgba(8,121,188,.35)}.workspace-heading{display:grid;align-items:start}.workspace-heading-actions{width:100%;overflow:auto}.professional-hero{padding:28px 24px;min-height:340px}.hero-book-stack{position:absolute;left:-35px;bottom:-55px;opacity:.68}.hero-copy{z-index:3}.hero-copy p{max-width:80%}.professional-stats{grid-template-columns:repeat(2,1fr)}.quick-workspace-grid{grid-template-columns:1fr}.editor-page-head{align-items:flex-start}.editor-shell{display:flex;flex-direction:column}.editor-meta{position:static;width:100%;order:2}.document-editor{width:100%;order:1}.editor-paper{min-height:570px;width:calc(100% - 18px);margin:9px;padding:35px 24px}.editor-toolbar{overflow-x:auto;flex-wrap:nowrap}.editor-toolbar button{white-space:nowrap}.document-row-date{display:none}.import-layout,.share-layout,.settings-layout{grid-template-columns:1fr}.import-guide{order:2}.qr-row{grid-template-columns:1fr;justify-items:center}.share-url-box{width:100%}.public-book-cover{height:330px}.public-book-cover>img{height:255px;width:190px}.public-book-pages{padding:10px}.public-book-page{min-height:430px;padding:30px 22px;column-count:1!important}.public-single-note{padding:30px 22px;margin:10px}.public-single-note footer{display:grid;gap:12px}.admin-topbar{padding:10px 14px;flex-wrap:wrap}.admin-topbar nav{order:3;width:100%;overflow:auto}.admin-topbar nav a{white-space:nowrap}.stats-six{grid-template-columns:repeat(2,1fr)}.setting-section{display:grid}.notebook-hero-actions{grid-column:1/-1;grid-template-columns:repeat(3,1fr);width:100%}.notebook-hero-actions .button{padding:8px;font-size:.73rem}.hero-cover-wrap{width:90px;height:122px}.hero-cover-copy{display:none}}
@media(max-width:480px){.workspace-heading h1{font-size:1.55rem}.professional-hero{min-height:360px}.hero-copy h2{font-size:1.65rem}.hero-copy p{max-width:100%;font-size:.88rem}.hero-actions{display:grid;grid-template-columns:1fr 1fr}.professional-stats{gap:9px}.professional-stats article{padding:14px}.quick-workspace-grid>a{padding:13px}.page-head{align-items:flex-start}.head-actions{flex-wrap:wrap}.editor-paper{font-size:16px!important}.import-card{padding:24px 16px}.grid.two{grid-template-columns:1fr}.share-url-box>div{display:grid}.notebook-hero-actions{grid-template-columns:1fr}.stats-six{grid-template-columns:1fr 1fr}.admin-table{min-width:680px}}
@media print{.guest-topbar,.public-book-toolbar button,.public-single-note footer button,.footer{display:none!important}.public-share-container{max-width:none;margin:0;padding:0}.public-book,.public-single-note{border:0;box-shadow:none}.public-book-cover{break-after:page}.public-book-page{box-shadow:none;border:0;break-after:page;margin:0;max-width:none;min-height:100vh}.public-book-pages{padding:0;background:#fff}.public-single-note{max-width:none;margin:0}}

/* ===== Daftarino 0.5.0 responsive repair layer ===== */
html{overflow-x:hidden;scroll-behavior:smooth}
body{min-width:0;overflow-x:hidden}
img,svg,canvas,video{max-width:100%}
button,a,input,textarea,select{min-width:0}
.container{width:100%}
.user-app-shell{grid-template-columns:272px minmax(0,1fr);width:100%;max-width:100vw}
.desktop-sidebar{overflow-y:auto;overscroll-behavior:contain}
.user-app-main{width:100%;max-width:100%;overflow-x:clip}
.user-topbar{gap:18px}
.user-container{width:100%;max-width:1600px;padding-inline:clamp(22px,3vw,52px)}
.workspace-heading>div:first-child,.hero-copy,.section-title>div,.document-row-copy{min-width:0}
.workspace-heading h1,.page-head h1{overflow-wrap:anywhere}
.professional-hero{isolation:isolate}
.professional-hero:after{content:"";position:absolute;inset:auto 18% -60% auto;width:420px;height:420px;border-radius:50%;background:rgba(255,255,255,.08);z-index:-1}
.quick-workspace-grid>a{min-width:0}
.quick-workspace-grid>a div{min-width:0}
.quick-workspace-grid>a small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.grid>*{min-width:0}
.stats article{min-width:0}
.stats strong{font-variant-numeric:tabular-nums}
.panel{max-width:100%}
.admin-container{width:100%;max-width:1480px;padding-inline:clamp(18px,3vw,42px)}
.admin-topbar{gap:18px;padding-inline:clamp(18px,3vw,44px)}
.admin-topbar nav{min-width:0;flex-wrap:wrap;justify-content:center}
.admin-topbar .topbar-actions{flex:0 0 auto}
.admin-table-wrap{width:100%;max-width:100%;border-radius:14px}

.android-dashboard-banner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;margin:20px 0;padding:20px 22px;border:1px solid var(--border);border-radius:22px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 8%,var(--surface)),var(--surface));box-shadow:var(--soft-shadow)}
.android-dashboard-banner.is-ready{border-color:color-mix(in srgb,var(--success) 35%,var(--border));background:linear-gradient(135deg,color-mix(in srgb,var(--success) 10%,var(--surface)),var(--surface))}
.android-banner-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;font-size:1.8rem;background:var(--surface);border:1px solid var(--border)}
.android-dashboard-banner span{font-size:.75rem;color:var(--muted-text);font-weight:800}
.android-dashboard-banner h2{font-size:1.1rem;margin:1px 0}
.android-dashboard-banner p{margin:0;color:var(--muted-text);font-size:.82rem}
.android-account-card{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:19px 21px;margin:18px 0;border:1px solid var(--border);background:var(--surface);border-radius:20px;box-shadow:var(--soft-shadow)}
.android-account-card>div{display:flex;align-items:center;gap:13px;min-width:0}
.android-account-card b{display:block}
.android-account-card p{margin:2px 0 0;color:var(--muted-text)}
.android-account-card.is-ready{border-color:color-mix(in srgb,var(--success) 32%,var(--border))}

.android-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}
.android-page-head h1{margin:0}
.android-page-head p{margin:5px 0 0;color:var(--muted-text)}
.android-download-hero{display:grid;grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr);gap:clamp(28px,5vw,70px);align-items:center;min-height:430px;padding:clamp(28px,5vw,58px);border-radius:30px;background:radial-gradient(circle at 15% 20%,rgba(70,221,189,.25),transparent 36%),linear-gradient(135deg,#071d3b,#0c5d98 58%,#0aa89d);color:#fff;overflow:hidden;position:relative;box-shadow:0 26px 60px rgba(5,55,103,.25)}
.android-download-hero:before{content:"";position:absolute;width:460px;height:460px;border-radius:50%;border:1px solid rgba(255,255,255,.14);left:-130px;bottom:-270px}
.android-download-hero.is-unavailable{filter:saturate(.72)}
.android-phone-art{justify-self:center;width:220px;height:390px;border:9px solid rgba(255,255,255,.85);border-radius:38px;background:linear-gradient(160deg,#f7fbff,#d7ecf6);box-shadow:0 30px 55px rgba(0,0,0,.28);color:#0d365d;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;transform:rotate(-3deg)}
.android-phone-art:before{content:"";position:absolute;top:10px;width:76px;height:20px;border-radius:0 0 14px 14px;background:#0c2540}
.android-phone-art:after{content:"";position:absolute;bottom:11px;width:70px;height:5px;border-radius:99px;background:#9cb2c4}
.android-phone-art i{width:105px;height:105px;border-radius:30px;background:linear-gradient(135deg,#0fa7a1,#0877ba);position:absolute;opacity:.14;transform:rotate(15deg)}
.android-logo{width:82px;height:82px;border-radius:26px;background:linear-gradient(135deg,#0fa7a1,#0877ba);display:grid;place-items:center;color:#fff;font-size:2.8rem;font-weight:900;box-shadow:0 16px 32px rgba(8,119,186,.28);z-index:1}
.android-phone-art b{font-size:1.4rem;margin-top:22px;z-index:1}
.android-phone-art small{color:#5d758a;z-index:1}
.android-release-copy{position:relative;z-index:2;min-width:0}
.release-badge{display:inline-flex;padding:6px 13px;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.12);border-radius:99px;font-size:.78rem;font-weight:800}
.android-release-copy h2{font-size:clamp(1.8rem,3.3vw,3rem);margin:14px 0 8px}
.android-release-copy>p{max-width:720px;color:rgba(255,255,255,.82)}
.release-meta{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}
.release-meta span{padding:8px 11px;border-radius:10px;background:rgba(255,255,255,.1);font-size:.78rem}
.android-actions{display:flex;flex-wrap:wrap;gap:10px}
.android-actions .button.secondary{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.34);color:#fff}
.android-download-button span{font-size:1.2rem}
.install-help{font-size:.78rem!important;margin-top:12px!important}
.android-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:22px}
.install-steps{margin:0;padding-right:22px;color:var(--muted-text)}
.install-steps li{padding:7px 4px}
.release-notes{white-space:normal;line-height:2;color:var(--muted-text)}

.admin-android-layout,.update-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:20px;align-items:start}
.android-release-status,.repair-card{position:sticky;top:94px}
.apk-upload-box{border:1px dashed color-mix(in srgb,var(--primary) 45%,var(--border));background:color-mix(in srgb,var(--primary) 5%,var(--surface));border-radius:15px;padding:18px!important}
.apk-upload-box input{padding:10px 0;border:0;background:transparent}
.file-name{direction:ltr;text-align:left;overflow-wrap:anywhere;background:var(--surface-2);padding:9px;border-radius:9px}
.android-release-status form{margin-top:9px}
.update-card,.repair-card{display:grid;gap:14px}
.update-card form,.repair-card form{display:grid;gap:12px}
.diagnostics-card{margin-top:20px}
.diagnostics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.diagnostics-grid>div{display:grid;gap:2px;padding:13px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);min-width:0}
.diagnostics-grid span{font-size:.72rem;color:var(--muted-text)}
.diagnostics-grid b{overflow-wrap:anywhere}

@media (min-width:1440px){
  .user-app-shell{grid-template-columns:288px minmax(0,1fr)}
  .desktop-sidebar{padding-inline:22px}
  .professional-hero{min-height:320px}
  .quick-workspace-grid{grid-template-columns:repeat(4,minmax(220px,1fr))}
}

@media (max-width:1180px){
  .user-app-shell{grid-template-columns:224px minmax(0,1fr)}
  .desktop-sidebar{padding:20px 13px}
  .sidebar-nav a,.theme-switch,.sidebar-logout{padding-inline:10px}
  .user-container{padding-inline:24px}
  .admin-topbar .brand small{display:none}
  .admin-topbar nav{gap:2px}
  .admin-topbar nav a{padding-inline:9px}
  .diagnostics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:900px){
  .user-app-shell{display:block}
  .desktop-sidebar{display:none}
  .user-topbar{height:66px;padding:0 15px}
  .mobile-brand{display:flex}
  .global-search{display:none}
  .user-container{padding:18px 15px 98px}
  .mobile-bottom-nav{display:grid}
  .workspace-heading{align-items:start}
  .professional-hero{min-height:350px;padding:30px 24px}
  .hero-book-stack{position:absolute;left:-38px;bottom:-46px;opacity:.62}
  .hero-copy{max-width:76%}
  .quick-workspace-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .admin-android-layout,.update-layout,.settings-layout,.import-layout,.share-layout{grid-template-columns:1fr}
  .android-release-status,.repair-card{position:static}
  .android-download-hero{grid-template-columns:200px minmax(0,1fr);gap:26px;padding:30px}
  .android-phone-art{width:180px;height:320px;border-width:7px}
  .android-logo{width:68px;height:68px;font-size:2.2rem}
  .admin-topbar{align-items:flex-start}
  .admin-topbar .brand{flex:1}
  .admin-topbar nav{order:3;width:100%;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}
  .admin-topbar nav::-webkit-scrollbar{display:none}
  .admin-topbar nav a{white-space:nowrap}
}

@media (max-width:700px){
  .workspace-heading,.page-head,.android-page-head{display:grid;align-items:start}
  .workspace-heading-actions,.head-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}
  .workspace-heading-actions .button,.head-actions .button{width:100%}
  .professional-hero{min-height:390px}
  .hero-copy{max-width:100%}
  .hero-copy p{max-width:82%}
  .professional-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .android-dashboard-banner{grid-template-columns:auto minmax(0,1fr)}
  .android-dashboard-banner>a{grid-column:1/-1;width:100%}
  .android-download-hero{grid-template-columns:1fr;text-align:center;min-height:auto}
  .android-phone-art{display:none}
  .android-release-copy>p{margin-inline:auto}
  .release-meta,.android-actions{justify-content:center}
  .android-info-grid{grid-template-columns:1fr}
  .android-account-card{align-items:flex-start;display:grid}
  .android-account-card>a{width:100%}
  .diagnostics-grid{grid-template-columns:1fr 1fr}
  .stats-six{grid-template-columns:repeat(2,minmax(0,1fr))}
  .editor-shell{min-width:0}
  .editor-paper{width:calc(100% - 12px);margin:6px;padding:30px 20px}
}

@media (max-width:520px){
  .user-topbar{padding-inline:11px}
  .topbar-actions{gap:6px}
  .user-container{padding-inline:11px}
  .workspace-heading-actions,.head-actions{grid-template-columns:1fr}
  .professional-hero{min-height:410px;border-radius:22px;padding:25px 19px}
  .hero-copy h2{font-size:1.65rem}
  .hero-copy p{max-width:100%;font-size:.87rem}
  .hero-actions{display:grid;grid-template-columns:1fr 1fr}
  .hero-book-stack{display:none}
  .quick-workspace-grid{grid-template-columns:1fr}
  .professional-stats,.stats-four,.stats-six,.stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .android-dashboard-banner{padding:16px;gap:12px}
  .android-banner-icon{width:48px;height:48px}
  .android-download-hero{border-radius:22px;padding:28px 18px;text-align:right}
  .android-release-copy h2{font-size:1.75rem}
  .release-meta,.android-actions{justify-content:flex-start;display:grid;grid-template-columns:1fr;width:100%}
  .release-meta span,.android-actions .button{width:100%}
  .android-info-grid{gap:12px}
  .admin-container,.guest-container{padding-inline:11px}
  .admin-topbar{padding-inline:11px}
  .admin-topbar .brand span{font-size:1.05rem}
  .admin-topbar .brand img{width:38px;height:38px}
  .admin-topbar .topbar-actions .button{padding:8px 10px}
  .diagnostics-grid{grid-template-columns:1fr}
  .setting-section{display:grid}
  .switch-line{white-space:normal}
  .panel,.auth-card{padding:18px;border-radius:17px}
  .mobile-bottom-nav{height:70px}
}

/* Subscription, billing and professional analytics — v0.6.0 */
.subscription-mini-badge{height:31px;min-width:52px;padding:0 10px;border-radius:99px;display:grid;place-items:center;font-size:.68rem;font-weight:950;letter-spacing:.08em;border:1px solid var(--border);background:var(--surface-2);color:var(--muted-text)}
.subscription-mini-badge.pro{background:linear-gradient(135deg,#f7b733,#f07b3f);border-color:transparent;color:#fff;box-shadow:0 7px 18px rgba(240,123,63,.24)}
.sidebar-nav .pro-nav-link{position:relative}.sidebar-nav .pro-nav-link i{margin-right:auto;font-style:normal;font-size:.62rem;padding:2px 7px;border-radius:99px;background:color-mix(in srgb,var(--success) 13%,var(--surface));color:var(--success)}
.subscription-hero{min-height:245px;border-radius:28px;padding:34px 40px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:25px;color:#fff;background:linear-gradient(125deg,#14213d,#3a0ca3 58%,#7209b7);box-shadow:0 24px 50px rgba(46,16,101,.22);position:relative;overflow:hidden}
.subscription-hero:before,.subscription-hero:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.16)}.subscription-hero:before{width:330px;height:330px;left:-115px;top:-170px}.subscription-hero:after{width:210px;height:210px;right:36%;bottom:-150px}.subscription-hero.is-pro{background:linear-gradient(125deg,#0b3d3a,#087f5b 58%,#22a06b)}.subscription-hero>div{position:relative;z-index:2}.subscription-hero h1{font-size:clamp(1.75rem,3vw,2.65rem);margin:4px 0 8px}.subscription-hero p{max-width:680px;color:rgba(255,255,255,.82);margin:0}.subscription-hero .eyebrow{color:#ffe7a8}.current-plan-card{width:220px;min-height:145px;padding:23px;border:1px solid rgba(255,255,255,.22);border-radius:22px;background:rgba(255,255,255,.12);backdrop-filter:blur(13px);display:grid;align-content:center;gap:5px;text-align:center}.current-plan-card>span{justify-self:center;background:#fff;color:#402080;padding:3px 12px;border-radius:99px;font-size:.7rem;font-weight:950;letter-spacing:.08em}.subscription-hero.is-pro .current-plan-card>span{color:#087f5b}.current-plan-card b{font-size:1.2rem}.current-plan-card small{color:rgba(255,255,255,.75)}
.usage-strip{display:grid;grid-template-columns:.7fr .7fr 1.6fr;gap:13px;margin:20px 0 34px}.usage-strip article{padding:17px 19px;border:1px solid var(--border);border-radius:17px;background:var(--surface);box-shadow:var(--soft-shadow);display:grid;gap:4px}.usage-strip span{font-size:.76rem;color:var(--muted-text)}.usage-strip b{font-size:1.08rem}.usage-strip i{height:6px;border-radius:99px;background:var(--surface-3);overflow:hidden;margin-top:6px}.usage-strip em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),var(--primary-2))}
.subscription-title{margin-bottom:15px}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch;margin-bottom:28px}.pricing-card{position:relative;padding:26px;border:1px solid var(--border);border-radius:24px;background:var(--surface);box-shadow:var(--soft-shadow);display:flex;flex-direction:column;min-width:0}.pricing-card.featured{border:2px solid var(--primary);transform:translateY(-7px);box-shadow:0 24px 55px color-mix(in srgb,var(--primary) 18%,transparent)}.popular-label{position:absolute;top:-13px;right:24px;background:linear-gradient(135deg,var(--primary),#6d42c9);color:#fff;border-radius:99px;padding:4px 13px;font-size:.7rem;font-weight:900}.pricing-head>span{display:inline-flex;padding:3px 9px;border-radius:99px;background:var(--surface-3);color:var(--primary);font-size:.72rem;font-weight:900}.pricing-head h3{font-size:1.35rem;margin:12px 0 2px}.pricing-head p{color:var(--muted-text);min-height:54px}.price{display:flex;align-items:baseline;gap:7px;border-block:1px solid var(--border);padding:17px 0;margin:5px 0 15px}.price strong{font-size:2rem;color:var(--primary)}.price span{color:var(--muted-text)}.pricing-card ul{list-style:none;padding:0;margin:0 0 22px;display:grid;gap:9px;flex:1}.pricing-card li{font-size:.86rem}.pricing-card li.off{color:var(--muted-text);text-decoration:line-through}.pricing-card button[disabled]{opacity:.45;cursor:not-allowed}.payment-history{margin-top:22px}
.payment-result{max-width:720px;margin:55px auto;padding:48px;border:1px solid var(--border);border-radius:28px;background:var(--surface);box-shadow:var(--shadow);text-align:center}.payment-result-icon{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;margin:0 auto 18px;font-size:2.5rem;font-weight:950;background:color-mix(in srgb,var(--success) 13%,var(--surface));color:var(--success)}.payment-result.failed .payment-result-icon{background:color-mix(in srgb,var(--danger) 12%,var(--surface));color:var(--danger)}.payment-result h1{font-size:2rem}.payment-result>p{color:var(--muted-text)}.payment-result dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:25px 0}.payment-result dl>div{padding:12px;background:var(--surface-2);border-radius:12px;display:grid}.payment-result dt{font-size:.72rem;color:var(--muted-text)}.payment-result dd{margin:0;font-weight:800}.payment-result .head-actions{justify-content:center}
.dashboard-plan-strip{margin:18px 0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 19px;border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:var(--soft-shadow)}.dashboard-plan-strip>div{display:flex;align-items:center;gap:12px}.dashboard-plan-strip>div>span{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:color-mix(in srgb,#f59e0b 13%,var(--surface));color:#d97706;font-size:1.25rem}.dashboard-plan-strip>div>div{display:grid}.dashboard-plan-strip small{color:var(--muted-text)}.dashboard-plan-strip>a{color:var(--primary);font-weight:900}.dashboard-plan-strip.pro{border-color:color-mix(in srgb,var(--success) 28%,var(--border))}.dashboard-plan-strip.pro>div>span{background:color-mix(in srgb,var(--success) 13%,var(--surface));color:var(--success)}
.pro-lock-box{display:flex;align-items:center;gap:13px;padding:15px;border:1px dashed color-mix(in srgb,#d97706 42%,var(--border));background:color-mix(in srgb,#f59e0b 7%,var(--surface));border-radius:15px;margin-bottom:15px}.pro-lock-box>span{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#f59e0b;color:#fff;font-size:1.2rem}.pro-lock-box>div{display:grid}.pro-lock-box small{color:var(--muted-text)}.pro-disabled{opacity:.5;position:relative}.pro-disabled:after{content:"PRO";position:absolute;left:8px;top:1px;font-size:.58rem;color:#d97706;font-weight:950}.pro-feature-gate{text-align:center;align-content:center}.pro-feature-gate .share-symbol{background:linear-gradient(135deg,#f59e0b,#ef7d32)}
.billing-stats{margin-bottom:22px}.billing-admin-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.5fr);gap:18px;align-items:start;margin-bottom:30px}.manual-grant-card{position:sticky;top:95px}.manual-grant-card>p{color:var(--muted-text)}.admin-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:27px}.plan-editor{display:grid;gap:12px;padding:20px}.plan-editor-head{display:flex;align-items:center;justify-content:space-between}.plan-editor h3{margin:0}.feature-checks{display:flex;flex-wrap:wrap;gap:7px}.feature-checks label{display:flex;align-items:center;gap:5px;margin:0;padding:5px 8px;border:1px solid var(--border);border-radius:9px;font-size:.72rem}.feature-checks input{width:auto}.new-plan{border-style:dashed}.status-pill.warning{color:var(--warning);background:color-mix(in srgb,var(--warning) 12%,var(--surface))}.payment-admin-list{margin-top:20px}
.analytics-stats{margin-bottom:20px}.analytics-chart{padding-bottom:16px}.bar-chart{height:300px;display:flex;align-items:flex-end;gap:5px;padding:22px 4px 0;overflow-x:auto}.bar-column{height:100%;min-width:22px;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px}.bar-column i{display:block;width:100%;max-width:26px;min-height:3px;border-radius:7px 7px 2px 2px;background:linear-gradient(180deg,var(--primary-2),var(--primary));transition:.2s}.bar-column:hover i{filter:brightness(1.1);transform:scaleX(1.08)}.bar-column small{font-size:.56rem;color:var(--muted-text);writing-mode:vertical-rl;max-height:34px}.analytics-lists{margin-top:18px}.rank-list{display:grid}.rank-list>a,.rank-list>article{display:flex;align-items:center;gap:11px;padding:12px 3px;border-bottom:1px solid var(--border)}.rank-list>a:last-child,.rank-list>article:last-child{border-bottom:0}.rank-list>a>span,.rank-list>article>span{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;background:var(--surface-3);color:var(--primary);font-weight:900}.rank-list div{display:grid}.rank-list small{color:var(--muted-text)}
.pro-banner.is-active{background:linear-gradient(120deg,#075c4f,#0e9274)}

@media(max-width:1120px){.pricing-grid,.admin-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.billing-admin-grid{grid-template-columns:1fr}.manual-grant-card{position:static}.admin-stats.stats-six{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){.subscription-hero{display:grid;padding:27px 22px}.current-plan-card{width:100%;min-height:110px}.usage-strip{grid-template-columns:1fr 1fr}.usage-strip article:last-child{grid-column:1/-1}.pricing-grid,.admin-plan-grid{grid-template-columns:1fr}.pricing-card.featured{transform:none}.payment-result{margin:20px auto;padding:30px 18px}.payment-result dl{grid-template-columns:1fr}.dashboard-plan-strip{align-items:flex-start;display:grid}.dashboard-plan-strip>a{width:100%;padding-top:8px;border-top:1px solid var(--border)}.bar-chart{height:250px}.analytics-lists{grid-template-columns:1fr}.admin-stats.stats-six{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:470px){.usage-strip{grid-template-columns:1fr}.usage-strip article:last-child{grid-column:auto}.subscription-hero h1{font-size:1.7rem}.pricing-card{padding:20px}.price strong{font-size:1.65rem}.subscription-mini-badge{min-width:45px}.bar-column{min-width:18px}}