@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800;900&display=swap');

:root{--ink:#101828;--muted:#718096;--paper:#f4f7fc;--card:#fff;--line:#e3e9f2;--blue:#7c5cff;--blue-soft:#eeeaff;--green:#17b77e;--green-soft:#e7fbf3;--orange:#ff647c;--purple:#7c5cff;--yellow:#22c7f2;--danger:#e35368;--midnight:#07111f;--navy:#101d31;--shadow:0 16px 50px rgba(16,29,49,.08);--radius:22px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:'Vazirmatn',Tahoma,sans-serif;min-height:100vh}
button,input,select{font:inherit}
button{cursor:pointer}
.shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh}
.sidebar{position:fixed;inset:0 0 0 auto;width:250px;background:var(--midnight);color:white;padding:28px 18px;display:flex;flex-direction:column;z-index:20}
.brand{display:flex;align-items:center;gap:12px;padding:0 8px 30px}.brand-mark{width:40px;height:40px;border-radius:13px;background:linear-gradient(140deg,#7c5cff,#22c7f2);color:white;display:grid;place-items:center;font-weight:900;font-size:22px;box-shadow:0 8px 28px #7c5cff55}.brand strong,.brand small{display:block}.brand strong{font-size:20px}.brand small{font-size:10px;color:#91a3b8;margin-top:-2px;letter-spacing:.2px}
nav{display:flex;flex-direction:column;gap:6px}.nav-item{border:0;background:transparent;color:#999fac;padding:12px 13px;border-radius:12px;display:flex;align-items:center;gap:12px;text-align:right;font-weight:600}.nav-item span{font-size:18px;width:20px;text-align:center}.nav-item b{margin-right:auto;background:#303642;padding:1px 7px;border-radius:20px;font-size:10px}.nav-item:hover,.nav-item.active{background:#222631;color:white}.nav-item.active{box-shadow:inset -3px 0 var(--yellow)}
.sidebar-foot{margin-top:auto;border:1px solid #2d323e;border-radius:16px;padding:12px;display:flex;align-items:center;gap:10px;background:#191d26}.sidebar-foot strong,.sidebar-foot small{display:block}.sidebar-foot strong{font-size:12px}.sidebar-foot small{font-size:9px;color:#9198a7}.focus-ring{width:45px;height:45px;border-radius:50%;background:conic-gradient(var(--yellow) 0deg,#303541 0);display:grid;place-items:center;position:relative}.focus-ring:after{content:"";position:absolute;inset:4px;background:#191d26;border-radius:50%}.focus-ring span{font-size:10px;font-weight:800;z-index:1}
main{grid-column:2;min-width:0;padding:0 4vw 70px}
header{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:34px;position:sticky;top:0;background:rgba(244,247,252,.9);backdrop-filter:blur(14px);z-index:10}header h1{margin:0;font-size:22px}header p{font-size:11px;color:var(--muted);margin:0}.header-actions{display:flex;align-items:center;gap:12px}.avatar{width:42px;height:42px;border:0;border-radius:50%;background:linear-gradient(145deg,#7c5cff,#22c7f2);color:white;font-weight:800;box-shadow:0 8px 24px #7c5cff35}.search-btn{border:1px solid var(--line);background:#fff;border-radius:12px;color:#787c86;padding:10px 13px;display:flex;gap:10px;align-items:center}.search-btn kbd{border:1px solid #ddd;border-radius:5px;padding:1px 5px;font-size:9px}.icon-btn{border:0;background:transparent;font-size:24px}.header-actions+.icon-btn,#menu{display:none}
.view{display:none;animation:rise .28s ease}.view.active{display:block}@keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.hero{background:linear-gradient(135deg,var(--midnight),var(--navy));color:white;border-radius:30px;padding:40px 46px;display:flex;justify-content:space-between;align-items:center;overflow:hidden;position:relative;min-height:260px;box-shadow:var(--shadow)}.hero:before{content:"";position:absolute;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,#7c5cff66,transparent 65%);left:-70px;top:-120px}.hero:after{content:"";position:absolute;width:220px;height:220px;border:1px solid #22c7f229;border-radius:50%;left:120px;bottom:-145px;box-shadow:0 0 0 40px #7c5cff12,0 0 0 80px #22c7f20a}.hero>div{position:relative;z-index:1}.eyebrow{font-size:11px;font-weight:800;color:var(--blue);letter-spacing:.3px}.hero .eyebrow{color:var(--yellow)}.hero h2,.view-heading h2{font-size:clamp(26px,3.4vw,46px);line-height:1.25;margin:11px 0}.hero h2 em{color:var(--yellow);font-style:normal;text-shadow:0 0 28px #22c7f255}.hero p{color:#aebbd0;margin:0;font-size:13px}.hero-meter{text-align:center}.orb{width:150px;height:150px;border-radius:50%;display:grid;place-content:center;background:radial-gradient(circle at 35% 25%,#263a59,#0c1728 70%);border:1px solid #405675;box-shadow:0 18px 40px #0008,inset 0 0 0 9px #142238}.orb:before{content:"";position:absolute}.orb strong{font-size:52px;line-height:1}.orb span{font-size:11px;color:#9daec5}.hero-meter>small{display:block;color:#91a3b8;margin-top:10px}
.command-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:20px;margin-top:20px}.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:0 8px 30px rgba(23,25,31,.03)}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.panel-head>div{display:flex;align-items:center;gap:10px}.panel h3,.section-title h3,.settings-grid h3{margin:0;font-size:16px}.step{font-size:9px;color:#9da1ab;border:1px solid var(--line);padding:4px 7px;border-radius:20px}.text-btn{border:0;background:transparent;color:var(--blue);font-size:11px;font-weight:700}.muted{color:var(--muted);font-size:11px}.live-dot{color:var(--green);font-size:10px}.live-dot:before{content:"";display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;margin-left:5px;box-shadow:0 0 0 4px #0ca6781a}
.task-list{display:flex;flex-direction:column;gap:10px}.task-row{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:11px;padding:12px;border:1px solid var(--line);border-radius:14px;transition:.2s}.task-row:hover{transform:translateX(-3px);border-color:#cfd6ef}.task-check{width:28px;height:28px;border:1.5px solid #c8ccd3;background:#fff;border-radius:9px;color:white}.task-row.done{opacity:.55}.task-row.done .task-check{background:var(--green);border-color:var(--green)}.task-row.done .task-name{text-decoration:line-through}.task-name{font-size:13px;font-weight:700;display:block}.task-meta{font-size:10px;color:var(--muted);display:flex;gap:7px;margin-top:3px}.priority{width:7px;height:7px;border-radius:50%}.priority.بالا{background:var(--orange)}.priority.متوسط{background:var(--blue)}.priority.پایین{background:#9da3ad}
.status-wrap{display:grid;grid-template-columns:128px 1fr;align-items:center;gap:18px}.donut{width:128px;height:128px;border-radius:50%;display:grid;place-items:center;position:relative}.donut:after{content:"";position:absolute;inset:20px;background:white;border-radius:50%}.donut strong{z-index:1;font-size:24px}.legend{display:flex;flex-direction:column;gap:12px}.legend-row{display:flex;align-items:center;gap:8px;font-size:11px}.legend-row b{margin-right:auto}.legend-row i{width:8px;height:8px;border-radius:50%}
.ladder-panel{margin-top:20px}.ladder{display:grid;grid-template-columns:1.6fr 30px 1fr 30px 1fr;gap:10px;align-items:stretch}.ladder>div:not(.ladder-arrow){background:#f5f5f2;border-radius:16px;padding:16px}.ladder .accent{background:var(--blue-soft);color:#2146ac}.ladder span,.ladder strong{display:block}.ladder span{font-size:10px;color:var(--muted);margin-bottom:4px}.ladder strong{font-size:12px}.ladder-arrow{display:grid;place-items:center;color:#a8abb2}.goals{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.goal{border-top:1px solid var(--line);padding-top:13px}.goal-top{display:flex;justify-content:space-between;font-size:10px;margin-bottom:8px}.goal-top strong{font-size:11px}.progress{height:5px;background:#ececea;border-radius:5px;overflow:hidden}.progress i{height:100%;display:block;background:linear-gradient(90deg,var(--blue),#7695ff);border-radius:5px}
.split-section{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:32px}.section-title{display:flex;align-items:center;gap:11px;margin-bottom:12px}.section-title small{color:var(--muted);font-size:9px}.dot{width:12px;height:12px;border-radius:4px}.dot.blue{background:var(--blue);box-shadow:0 0 0 5px var(--blue-soft)}.dot.green{background:var(--green);box-shadow:0 0 0 5px var(--green-soft)}.mini-projects{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mini-project{background:white;border:1px solid var(--line);border-radius:16px;padding:14px;position:relative;overflow:hidden}.mini-project:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--project)}.mini-project strong,.mini-project span{display:block}.mini-project strong{font-size:12px}.mini-project span{font-size:9px;color:var(--muted);margin-top:4px}.mini-project b{font-size:10px;color:var(--project)}
.quote{margin-top:25px;padding:28px 34px;border-radius:22px;background:linear-gradient(135deg,#7d55e7,#51359e);color:white;display:flex;align-items:center;gap:32px;box-shadow:0 14px 35px #6a45cf30}.quote span{font-size:10px;background:#ffffff20;padding:6px 11px;border-radius:20px;white-space:nowrap}.quote p{margin:0;font-size:17px}.quote strong{color:#ffe17c}
.view-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:26px}.view-heading h2{margin:5px 0 0;font-size:36px}.primary-btn,.secondary-btn{border:0;border-radius:12px;padding:11px 17px;font-weight:700;font-size:12px}.primary-btn{background:#171a21;color:white;box-shadow:0 7px 17px #171a2126}.secondary-btn{background:#eef0f5;color:#313642}.wide{width:100%;padding:14px}.segmented,.filter-row{display:flex;gap:4px;padding:4px;background:#e7e6e1;border-radius:12px}.segmented button,.chip{border:0;background:transparent;padding:7px 13px;border-radius:9px;color:#787d88;font-size:11px}.segmented button.active,.chip.active{background:white;color:var(--ink);box-shadow:0 3px 12px #0000000d}
.timeline{display:flex;flex-direction:column;gap:18px}.time-group{display:grid;grid-template-columns:140px 1fr;gap:24px}.time-label{padding-top:17px}.time-label strong,.time-label span{display:block}.time-label strong{font-size:13px}.time-label span{color:var(--muted);font-size:9px}.time-items{background:white;border:1px solid var(--line);border-radius:18px;padding:8px}.time-items .task-row{border:0;border-bottom:1px solid var(--line);border-radius:0}.time-items .task-row:last-child{border-bottom:0}
.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.project-card{background:white;border:1px solid var(--line);border-radius:22px;padding:22px;position:relative;overflow:hidden;transition:.2s}.project-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.project-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--project)}.project-icon{width:42px;height:42px;border-radius:13px;background:color-mix(in srgb,var(--project) 12%,white);color:var(--project);display:grid;place-items:center;font-weight:900;margin-bottom:18px}.project-card h3{font-size:16px;margin:0 0 4px}.project-card p{font-size:10px;color:var(--muted);min-height:30px}.project-stats{display:flex;gap:18px;border-top:1px solid var(--line);padding-top:13px;margin-top:15px}.project-stats strong,.project-stats small{display:block}.project-stats strong{font-size:16px}.project-stats small{font-size:8px;color:var(--muted)}
.kanban{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.kanban-col{background:#eae9e4;border-radius:19px;padding:12px;min-height:440px}.kanban-head{display:flex;align-items:center;justify-content:space-between;padding:5px 5px 13px}.kanban-head strong{font-size:12px}.kanban-head b{background:#fff;border-radius:20px;padding:2px 8px;font-size:9px}.kanban-card{background:white;border:1px solid #dfded9;border-radius:15px;padding:14px;margin-bottom:9px}.kanban-card h4{font-size:12px;margin:0 0 13px}.kanban-card footer{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:var(--muted)}.kanban-card button{border:0;background:#f0f2f6;color:#525864;border-radius:8px;padding:4px 7px;font-size:9px}
.content-kpis,.report-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.content-kpis>div,.report-grid>div{background:white;border:1px solid var(--line);border-radius:17px;padding:16px}.content-kpis span,.content-kpis small,.report-grid span,.report-grid small{display:block;font-size:9px;color:var(--muted)}.content-kpis strong,.report-grid strong{font-size:30px;line-height:1.2}.table-panel{padding:0;overflow:hidden}.table-tools{display:flex;gap:10px;padding:18px}.table-tools input,.table-tools select,.settings-grid input,dialog input,dialog select{border:1px solid var(--line);background:#fafafa;border-radius:11px;padding:10px 12px;outline:none}.table-tools input{flex:1}.table-tools select{min-width:160px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:right;white-space:nowrap}th{font-size:9px;color:var(--muted);background:#f7f7f4}th,td{padding:13px 18px;border-top:1px solid var(--line)}td{font-size:11px}.tag{display:inline-block;padding:4px 8px;border-radius:8px;background:#f0f1f5;font-size:9px}.tag.high{color:#d24e28;background:#fff0e8}.tag.writing{color:#3159ca;background:#eaf0ff}
.bar-chart{display:flex;flex-direction:column;gap:13px}.bar-row{display:grid;grid-template-columns:100px 1fr 34px;gap:12px;align-items:center;font-size:10px}.bar-track{height:10px;background:#f0efec;border-radius:9px;overflow:hidden}.bar-track i{height:100%;display:block;border-radius:9px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.settings-grid .panel{min-height:220px}.settings-grid p{font-size:11px;color:var(--muted)}.telegram-card{display:flex;gap:18px;background:linear-gradient(145deg,#fff,#eff6ff)}.telegram-setup{grid-row:span 2}.telegram-fields{width:100%}.telegram-hint{background:#eaf4ff;border:1px solid #cfe6ff;border-radius:12px;padding:11px;line-height:1.8}.integration-icon{flex:none;width:48px;height:48px;background:#2aabee;color:white;border-radius:15px;display:grid;place-items:center;font-size:22px}.connection-state{font-size:10px;margin:16px 0}.connection-state.good{color:var(--green)}.connection-state.bad{color:var(--orange)}.settings-grid label{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:11px;margin-top:12px}.settings-grid label input{width:190px}.health-list{display:flex;flex-direction:column;gap:12px;margin-top:18px}.health-row{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:9px;font-size:11px}.health-row b{color:var(--green)}.danger-lite{background:#fff8f5!important}
dialog{border:0;border-radius:24px;padding:0;width:min(520px,calc(100% - 30px));box-shadow:0 30px 100px #0005}dialog::backdrop{background:#10131ab8;backdrop-filter:blur(5px)}dialog form{padding:25px}.modal-head{display:flex;align-items:start;justify-content:space-between;margin-bottom:20px}.modal-head h3{font-size:24px;margin:3px 0}dialog label{display:flex;flex-direction:column;gap:6px;font-size:10px;font-weight:700;margin-bottom:13px}dialog input,dialog select{width:100%}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.toast{position:fixed;left:25px;bottom:25px;background:#171a21;color:white;border-radius:12px;padding:11px 17px;font-size:11px;transform:translateY(90px);opacity:0;transition:.3s;z-index:50}.toast.show{transform:none;opacity:1}.mobile-nav{display:none}
@media(max-width:1050px){.shell{grid-template-columns:210px 1fr}.sidebar{width:210px}.command-grid{grid-template-columns:1fr}.project-grid{grid-template-columns:1fr 1fr}.content-kpis{grid-template-columns:1fr 1fr}}
@media(max-width:760px){body{padding-bottom:76px}.shell{display:block}.sidebar{transform:translateX(110%);transition:.3s;width:250px;box-shadow:-20px 0 60px #0004}.sidebar.open{transform:none}main{padding:0 16px 30px}header{height:76px;margin-bottom:18px}#menu{display:block;margin-left:12px}header>div:nth-child(2){margin-left:auto}header h1{font-size:17px}.search-btn span,.search-btn kbd{display:none}.search-btn{width:40px;height:40px;justify-content:center;padding:0}.hero{padding:27px 23px;min-height:270px;align-items:flex-start}.hero h2{font-size:27px}.hero-meter{position:absolute!important;left:21px;bottom:22px}.orb{width:92px;height:92px}.orb strong{font-size:33px}.hero-meter>small{display:none}.command-grid{gap:12px;margin-top:12px}.panel{padding:17px;border-radius:18px}.status-wrap{grid-template-columns:105px 1fr}.donut{width:105px;height:105px}.ladder{display:flex;overflow:auto}.ladder>div:not(.ladder-arrow){min-width:185px}.ladder-arrow{min-width:20px}.goals{grid-template-columns:1fr}.split-section{grid-template-columns:1fr;gap:22px}.quote{display:block;padding:22px}.quote p{margin-top:12px;font-size:14px}.view-heading{align-items:center}.view-heading h2{font-size:25px}.segmented{display:none}.project-grid{grid-template-columns:1fr}.kanban{display:flex;overflow:auto;scroll-snap-type:x mandatory}.kanban-col{min-width:85vw;scroll-snap-align:start}.content-kpis,.report-grid{grid-template-columns:1fr 1fr}.settings-grid{grid-template-columns:1fr}.time-group{grid-template-columns:1fr;gap:5px}.time-label{padding:0}.table-tools{display:block}.table-tools input,.table-tools select{width:100%;margin-bottom:8px}.mobile-nav{display:grid;grid-template-columns:1fr 1fr 60px 1fr 1fr;position:fixed;bottom:0;inset-inline:0;background:#151820;color:#9299a7;padding:8px 12px calc(8px + env(safe-area-inset-bottom));z-index:19;border-top:1px solid #30343e}.mobile-nav button{border:0;background:transparent;color:inherit;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:17px}.mobile-nav small{font-size:8px}.mobile-nav button.active{color:var(--yellow)}.mobile-nav .mobile-add{width:48px;height:48px;border-radius:16px;background:var(--yellow);color:#16191f;font-size:26px;transform:translateY(-18px);box-shadow:0 8px 20px #0005}.form-grid{grid-template-columns:1fr 1fr}.header-actions .avatar{display:none}.mini-projects{grid-template-columns:1fr 1fr}}
@media(max-width:430px){.mini-projects{grid-template-columns:1fr}.content-kpis,.report-grid{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.hero p{max-width:210px}.panel-head .muted{display:none}}

/* Professional live edition */
.hidden{display:none!important}.auth-screen{min-height:100vh;background:#0c0f16;color:white;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:7vw;padding:8vw;position:relative;overflow:hidden}.auth-glow{position:absolute;border-radius:50%;filter:blur(8px);opacity:.45}.auth-glow.one{width:420px;height:420px;background:radial-gradient(circle,#3767f0,transparent 68%);right:-180px;top:-130px}.auth-glow.two{width:380px;height:380px;background:radial-gradient(circle,#8f55e7,transparent 68%);left:-160px;bottom:-160px}.auth-brand{position:absolute;top:35px;right:45px;display:flex;align-items:center;gap:10px;font-size:22px}.auth-copy,.auth-card{position:relative;z-index:1}.auth-copy h1{font-size:clamp(38px,5.5vw,74px);line-height:1.2;margin:15px 0}.auth-copy h1 em{font-style:normal;color:#75f5c5;text-shadow:0 0 30px #00d19a66}.auth-copy p{color:#a8afbf;max-width:590px;line-height:2}.free-badge{display:inline-flex;padding:9px 14px;border-radius:30px;background:#00d19a17;border:1px solid #00d19a55;color:#71f2c2;font-size:11px;font-weight:700;margin-top:20px}.free-badge.dark{color:#087555;border-color:#0ca67855;background:#e7faf3;margin:0}.auth-card{background:#171b24dd;border:1px solid #343a49;border-radius:28px;padding:28px;box-shadow:0 35px 100px #0008;backdrop-filter:blur(20px)}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:#0e1118;border-radius:13px;padding:4px;margin-bottom:25px}.auth-tabs button{border:0;border-radius:10px;padding:10px;background:transparent;color:#858d9d}.auth-tabs button.active{background:#282e3a;color:white}.auth-form label{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#aab1c0;margin-bottom:15px}.auth-form input{background:#0d1017;border:1px solid #343b49;color:white;border-radius:12px;padding:13px;outline:none}.auth-form input:focus{border-color:#4f7fff;box-shadow:0 0 0 3px #3767f022}.auth-form .primary-btn{background:linear-gradient(90deg,#3767f0,#8055e8);margin-top:5px}.auth-form small{display:block;text-align:center;color:#747c8d;margin-top:13px}.form-error{color:#ff8585;font-size:11px;min-height:20px}.logout-btn{border:0;background:transparent;color:#8b909a;font-size:10px}.nav-item i{margin-right:auto;font-size:8px;font-style:normal;background:linear-gradient(90deg,#7f55e7,#3767f0);color:white;padding:3px 6px;border-radius:7px}.ai-nav{color:#c4b1ff}.active-strip{position:sticky;top:102px;z-index:9;margin:-22px 0 20px;background:#121722;color:white;border:1px solid #3458b8;border-radius:15px;padding:11px 15px;display:flex;align-items:center;gap:12px;box-shadow:0 9px 35px #3767f030}.active-strip:before{content:"";width:8px;height:8px;border-radius:50%;background:#56f0bb;box-shadow:0 0 0 6px #56f0bb18,0 0 18px #56f0bb;animation:pulse 1.5s infinite}.active-strip strong{font-size:11px}.active-strip .live-timer{font-variant-numeric:tabular-nums;color:#76f3c5;font-weight:800;margin-right:auto}.active-strip button{border:0;background:#ffffff12;color:white;border-radius:8px;padding:5px 9px;font-size:9px}@keyframes pulse{50%{opacity:.4;transform:scale(.85)}}
.telegram-register{display:flex;flex-direction:column;gap:11px}.register-steps{display:flex;align-items:center;gap:11px;background:#111620;border:1px solid #2c3442;border-radius:13px;padding:10px}.register-steps i{width:29px;height:29px;display:grid;place-items:center;border-radius:10px;background:#2aabee;color:white;font-style:normal;font-weight:900}.register-steps p{margin:0;display:flex;flex-direction:column;gap:2px}.register-steps strong{font-size:11px}.register-steps span{font-size:9px;color:#8f98a8}.telegram-register-link{text-decoration:none;text-align:center;box-sizing:border-box}.telegram-register-link.disabled{opacity:.45;pointer-events:none}.password-dialog{background:#111722;color:white;text-align:center}.password-dialog form{padding:34px}.password-dialog h2{font-size:26px;margin:9px 0}.password-dialog p{color:#a8b0c0;font-size:11px;line-height:1.9}.password-icon{width:70px;height:70px;border-radius:24px;display:grid;place-items:center;margin:0 auto 15px;background:linear-gradient(145deg,#3767f0,#8a55e8);font-size:34px;box-shadow:0 0 45px #5c60ed66}
.task-row{grid-template-columns:1fr auto}.task-row.done,.task-row.cancelled{opacity:.58}.task-row.cancelled .task-name{text-decoration:line-through}.task-main{min-width:0}.task-actions{display:flex;align-items:center;gap:6px}.action-btn{border:0;border-radius:9px;padding:7px 10px;font-size:9px;font-weight:800;transition:.2s}.action-btn:hover{transform:translateY(-2px)}.action-start{background:#e8f0ff;color:#3159ca}.action-cancel{background:#fff0ed;color:#d7583d}.action-done{background:#dff9ef;color:#087a58}.action-stop{background:#f0edf8;color:#7052af}.action-reopen{background:#eff0f3;color:#555b66}.task-row.in_progress{border-color:#557cf2;box-shadow:0 0 0 2px #3767f012,0 0 25px #3767f018;background:linear-gradient(90deg,#fff,#f5f8ff)}.live-time{font-variant-numeric:tabular-nums;color:#3767f0;font-weight:900;font-size:11px}.task-duration{color:#858b96;font-size:9px}.status-cancelled{color:#d7583d}.focus-dialog{background:#0c1018;color:white;width:min(780px,calc(100% - 25px));border:1px solid #30394a;box-shadow:0 40px 140px #000c}.focus-dialog::backdrop{background:#05070bd9;backdrop-filter:blur(14px)}.focus-stage{text-align:center;padding:55px 25px}.focus-stage .focus-pulse{width:90px;height:90px;border-radius:50%;margin:auto;background:radial-gradient(circle,#3767f0,#151a25 65%);box-shadow:0 0 60px #3767f088;display:grid;place-items:center;font-size:28px;animation:float 3s infinite}.focus-stage h2{font-size:30px;margin:22px 0 4px}.focus-stage .big-timer{font-size:64px;font-weight:900;font-variant-numeric:tabular-nums;color:#76f3c5;text-shadow:0 0 30px #00d19a55}.focus-actions{display:flex;justify-content:center;gap:10px;margin-top:25px}.focus-actions button{padding:12px 20px}@keyframes float{50%{transform:translateY(-6px);box-shadow:0 0 85px #3767f099}}
.model-pill{font-size:10px;color:#7d55e7;background:#eee8ff;border:1px solid #d8caff;padding:7px 12px;border-radius:30px}.ai-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:18px}.ai-composer,.ai-result{background:#11151e;color:white;border:1px solid #2c3340;border-radius:28px;padding:30px;min-height:570px;position:relative;overflow:hidden}.ai-composer:before{content:"";position:absolute;width:300px;height:300px;background:radial-gradient(circle,#6045d530,transparent 70%);left:-100px;top:-100px}.ai-orb{width:56px;height:56px;background:linear-gradient(145deg,#3767f0,#8c55e8);border-radius:18px;display:grid;place-items:center;font-size:25px;box-shadow:0 0 35px #6c55e766}.ai-composer h3{font-size:21px;margin:18px 0 7px}.ai-composer>p{color:#939baa;font-size:11px;line-height:1.9}.ai-composer textarea{width:100%;height:230px;resize:vertical;background:#090c12;color:white;border:1px solid #303848;border-radius:17px;padding:17px;line-height:1.9;outline:none;margin:13px 0}.ai-composer textarea:focus{border-color:#6c77ff;box-shadow:0 0 0 3px #6c77ff1d}.sample-prompt{display:flex;align-items:center;justify-content:space-between;background:#ffffff08;border:1px solid #ffffff0c;border-radius:13px;padding:11px;margin-bottom:13px}.sample-prompt strong,.sample-prompt span{display:block}.sample-prompt strong{font-size:10px;color:#cbbdff}.sample-prompt span{font-size:8px;color:#7f8796}.neon-btn{background:linear-gradient(90deg,#3767f0,#7d55e7);box-shadow:0 0 28px #5e61ec44}.ai-result{background:white;color:var(--ink);border-color:var(--line)}.ai-result.empty{display:grid;place-items:center;text-align:center;color:#9a9faa}.ai-result.empty span{font-size:70px;color:#d5d1e3}.blueprint-summary{background:#f3f0ff;border-radius:15px;padding:14px;font-size:11px;line-height:1.8}.blueprint-list{max-height:310px;overflow:auto;margin:15px 0}.blueprint-item{padding:10px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:10px}.blueprint-item strong{font-size:11px}.blueprint-item small{color:var(--muted)}
.ai-overlay{position:fixed;inset:0;background:#0b0e16b5;backdrop-filter:blur(18px);z-index:100;display:grid;place-items:center;color:white}.creation-loader{text-align:center;width:min(460px,90vw);position:relative}.loader-core{width:88px;height:88px;margin:auto;border-radius:26px;background:linear-gradient(145deg,#3767f0,#8954e5);display:grid;place-items:center;font-size:36px;box-shadow:0 0 70px #7257e799;animation:float 2s infinite}.loader-rings{position:absolute;width:128px;height:128px;border:1px solid #7584ff66;border-radius:50%;top:-20px;left:calc(50% - 64px);animation:ring 2s infinite}.loader-rings:after{content:"";position:absolute;inset:-18px;border:1px solid #57ebbd33;border-radius:50%}@keyframes ring{50%{transform:scale(1.12);opacity:.35}}.creation-loader h2{margin:35px 0 7px}.creation-loader p{color:#9ba4b5;font-size:11px}.creation-progress{height:7px;background:#242a36;border-radius:9px;overflow:hidden;margin:24px 0 9px}.creation-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#3767f0,#8c55e8,#60efbd);box-shadow:0 0 20px #60efbd;transition:width .7s}.creation-loader>strong{font-size:18px;color:#75f5c5}.creation-loader>small{display:block;color:#737c8c;margin-top:15px;font-size:9px}.padded{padding:20px 20px 0}.activity-panel{margin-top:16px}.activity-row{display:flex;gap:12px;padding:11px 0;border-bottom:1px solid var(--line);font-size:10px}.activity-row time{color:var(--muted);margin-right:auto}.metric-up{color:#0a9369}.timer-detail{display:flex;gap:5px;align-items:center}
@media(max-width:760px){.auth-screen{grid-template-columns:1fr;padding:95px 18px 35px}.auth-copy h1{font-size:37px}.auth-copy p{font-size:11px}.auth-card{padding:20px}.active-strip{top:75px}.task-row{grid-template-columns:1fr}.task-actions{margin-top:9px;flex-wrap:wrap}.ai-layout{grid-template-columns:1fr}.ai-composer,.ai-result{padding:21px;min-height:auto}.focus-stage .big-timer{font-size:46px}.logout-btn{display:none}.ai-result{min-height:320px}}
#admin-user-dialog{width:min(760px,calc(100% - 24px))}#admin-user-content{padding:26px;max-height:82vh;overflow:auto}#admin-user-content .blueprint-list{max-height:220px}
.active-task-pills{display:flex;gap:7px;overflow:auto;flex:1}.active-task-pill{border:1px solid #33405d!important;background:#1c2433!important;color:white!important;border-radius:10px!important;padding:6px 9px!important;display:flex;gap:10px;align-items:center;white-space:nowrap}.active-task-pill span{max-width:180px;overflow:hidden;text-overflow:ellipsis}.active-task-pill b{color:#76f3c5;font-variant-numeric:tabular-nums}.multitask-dialog{width:min(520px,calc(100% - 24px));background:#0e121b;color:white;border:1px solid #343d50;box-shadow:0 35px 120px #000c}.multitask-dialog::backdrop{background:#070910c7;backdrop-filter:blur(14px)}.multitask-card{text-align:center;padding:34px}.multitask-card h2{margin:12px 0 8px;font-size:25px}.multitask-card>p{color:#a4acba;line-height:2;font-size:11px;margin:0 auto 20px;max-width:420px}.mind-animation{width:110px;height:110px;margin:0 auto 20px;position:relative;display:grid;place-items:center}.mind-animation i{width:66px;height:66px;border-radius:22px;background:linear-gradient(145deg,#3767f0,#8b55e7);display:grid;place-items:center;font-size:30px;font-style:normal;box-shadow:0 0 45px #655fe077;animation:mindFloat 2.2s ease-in-out infinite}.mind-animation span{position:absolute;width:10px;height:10px;background:#75f5c5;border-radius:50%;box-shadow:0 0 16px #75f5c5;animation:mindOrbit 3.2s linear infinite}.mind-animation span:nth-child(2){animation-delay:-1.05s;background:#ffd75e;box-shadow:0 0 16px #ffd75e}.mind-animation span:nth-child(3){animation-delay:-2.1s;background:#8d74ff;box-shadow:0 0 16px #8d74ff}@keyframes mindFloat{50%{transform:translateY(-6px) rotate(3deg)}}@keyframes mindOrbit{from{transform:rotate(0deg) translateX(51px) rotate(0deg)}to{transform:rotate(360deg) translateX(51px) rotate(-360deg)}}.dont-show{display:flex;align-items:center;justify-content:center;gap:8px;color:#858e9e;font-size:10px;margin:17px 0}.dont-show input{accent-color:#745fe6}.multitask-actions{display:grid;grid-template-columns:1fr 1.25fr;gap:9px}.multitask-actions .primary-btn{background:linear-gradient(90deg,#3767f0,#7d55e7);box-shadow:0 0 24px #5d60ed44}.multitask-actions .secondary-btn{background:#252b37;color:#bbc2ce}@media(max-width:760px){.active-strip{align-items:flex-start;flex-direction:column}.active-task-pills{width:100%;padding-bottom:2px}.multitask-card{padding:26px 18px}.multitask-actions{grid-template-columns:1fr}.multitask-actions .primary-btn{grid-row:1}}
.ai-welcome{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(110deg,#ede9ff,#e7f4ff);border:1px solid #d9d1ff;border-radius:18px;padding:16px 20px;margin-bottom:16px}.ai-welcome strong{font-size:14px}.ai-welcome span{font-size:10px;color:#697080}.ai-quick-prompts{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}.ai-quick-prompts button{border:1px solid #374156;background:#1b2230;color:#cdd5e4;border-radius:20px;padding:7px 11px;font-size:9px}.ai-quick-prompts button:hover{border-color:#7568ef;color:white}.app-shell.setup-mode{display:block;min-height:100vh}.app-shell.setup-mode .sidebar,.app-shell.setup-mode header{display:none}.app-shell.setup-mode main{max-width:1180px;margin:auto;padding:28px}.app-shell.setup-mode .view:not(#view-ai){display:none!important}.app-shell.setup-mode #view-ai{display:block!important}.app-shell.setup-mode #view-ai .view-heading{margin-bottom:14px}.app-shell.setup-mode .ai-composer,.app-shell.setup-mode .ai-result{min-height:560px}.first-run .mobile-nav{display:none!important}.onboarding-dialog{width:min(600px,calc(100% - 24px));background:#10151f;color:white;border:1px solid #323c50}.onboarding-dialog::backdrop{background:#070910c7;backdrop-filter:blur(12px)}.onboarding-card{padding:34px}.onboarding-card h2{font-size:28px;margin:9px 0}.onboarding-card>p{font-size:11px;color:#9fa8b8;line-height:1.9}.onboarding-celebrate{width:64px;height:64px;border-radius:20px;background:linear-gradient(145deg,#3767f0,#8b55e7);display:grid;place-items:center;font-size:28px;box-shadow:0 0 38px #655fe066}.onboarding-steps{display:grid;gap:9px;margin:20px 0}.onboarding-steps>div{display:flex;align-items:center;gap:11px;background:#ffffff08;border:1px solid #ffffff0d;border-radius:13px;padding:11px}.onboarding-steps i{width:30px;height:30px;border-radius:9px;background:#262e3d;color:#8de8c4;display:grid;place-items:center;font-style:normal;font-weight:800}.onboarding-steps span{font-size:10px;color:#b7bfcc}.onboarding-steps b{color:white}@media(max-width:760px){.ai-welcome{display:block}.ai-welcome span{display:block;margin-top:5px;line-height:1.8}.app-shell.setup-mode main{padding:18px 14px}.app-shell.setup-mode .ai-layout{grid-template-columns:1fr}.onboarding-card{padding:26px 18px}}

/* Ritm brand system */
.auth-screen{background:var(--midnight)}
.auth-glow.one{background:radial-gradient(circle,#7c5cff,transparent 68%)}
.auth-glow.two{background:radial-gradient(circle,#22c7f2,transparent 68%)}
.auth-copy h1 em{background:linear-gradient(90deg,#f4f7fc,#22c7f2);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:0 0 32px #22c7f244}
.free-badge{background:#35e59a14;border-color:#35e59a55;color:#75f3bd}
.auth-card{background:#101d31dd;border-color:#2b3c57}
.auth-tabs{background:#07111f}.auth-tabs button.active{background:#1b2a43}
.auth-form input{background:#07111f;border-color:#2b3c57}.auth-form input:focus{border-color:#22c7f2;box-shadow:0 0 0 3px #22c7f222}
.auth-form .primary-btn,.neon-btn,.multitask-actions .primary-btn{background:linear-gradient(90deg,#7c5cff,#22c7f2);box-shadow:0 0 28px #7c5cff44}
.nav-item i{background:linear-gradient(90deg,#7c5cff,#22c7f2)}.ai-nav{color:#cfc6ff}
.active-strip{background:var(--navy);border-color:#5946c7;box-shadow:0 9px 35px #7c5cff30}.active-strip:before{background:#35e59a;box-shadow:0 0 0 6px #35e59a18,0 0 18px #35e59a}.active-strip .live-timer,.active-task-pill b{color:#74f2c0}
.password-icon,.ai-orb,.loader-core,.mind-animation i,.onboarding-celebrate{background:linear-gradient(145deg,#7c5cff,#22c7f2);box-shadow:0 0 45px #7c5cff66}
.task-row.in_progress{border-color:#7c5cff;box-shadow:0 0 0 2px #7c5cff12,0 0 25px #7c5cff18;background:linear-gradient(90deg,#fff,#f5f2ff)}
.live-time{color:#6b4ef1}.focus-dialog{background:var(--midnight)}.focus-stage .focus-pulse{background:radial-gradient(circle,#7c5cff,#101d31 65%);box-shadow:0 0 60px #7c5cff88}.focus-stage .big-timer{color:#74f2c0;text-shadow:0 0 30px #35e59a55}
.model-pill{color:#6246d8;background:#f0ecff;border-color:#d8ceff}.ai-composer{background:var(--midnight);border-color:#293c59}.ai-composer:before{background:radial-gradient(circle,#7c5cff38,transparent 70%)}.ai-composer textarea{background:#040b15;border-color:#2b3c57}.ai-composer textarea:focus{border-color:#22c7f2;box-shadow:0 0 0 3px #22c7f21d}.sample-prompt strong{color:#d8d0ff}
.creation-progress i{background:linear-gradient(90deg,#7c5cff,#22c7f2,#35e59a);box-shadow:0 0 20px #22c7f2}.creation-loader>strong{color:#74f2c0}
.ai-welcome{background:linear-gradient(110deg,#f0ecff,#e8f9fd);border-color:#ddd4ff}
.telegram-card{background:linear-gradient(145deg,#fff,#f0f3ff)}