:root{--bg:#f6f7fb;--surface:#fff;--surface-2:#f1f2f7;--surface-3:#e9ebf2;--text:#171822;--muted:#747789;--line:#e6e7ee;--primary:#6d5dfc;--primary-2:#8b7fff;--primary-soft:#efedff;--mint:#23bd91;--mint-soft:#e5faf3;--amber:#f5aa36;--amber-soft:#fff5df;--coral:#f26f65;--coral-soft:#ffebe9;--blue:#418cf5;--shadow:0 15px 45px rgba(40,38,70,.07);--radius:18px;--sidebar:244px;--topbar:76px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--text);background:var(--bg);font-size:14px;line-height:1.5;transition:background .3s,color .3s}button,input,textarea,select{font:inherit;color:inherit}button,a{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,.brand{font-family:'Manrope',sans-serif}button{border:0;background:none}.ambient{position:fixed;border-radius:50%;filter:blur(90px);opacity:.2;pointer-events:none}.ambient-one{width:400px;height:400px;background:#7d6bff;top:-180px;right:2%}.ambient-two{width:300px;height:300px;background:#36d9b0;bottom:-180px;left:16%}
body.dark{--bg:#101116;--surface:#181a22;--surface-2:#22242e;--surface-3:#2a2d38;--text:#f4f4f8;--muted:#989baa;--line:#2b2e39;--primary:#897cff;--primary-2:#a99fff;--primary-soft:#28243f;--mint-soft:#18362f;--amber-soft:#392d1c;--coral-soft:#3b2424;--shadow:0 18px 50px rgba(0,0,0,.25)}
.eyebrow{display:block;font-size:14px;font-weight:800;letter-spacing:.16em;color:var(--primary);margin-bottom:10px}.eyebrow.light{color:#c9c3ff}.muted{color:var(--muted)}.brand{display:flex;align-items:center;gap:11px;font-size:20px;font-weight:800;letter-spacing:-.04em}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:white;background:linear-gradient(145deg,#8b7fff,#5f4cf5);box-shadow:0 8px 16px rgba(109,93,252,.3);font-size:17px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:11px;padding:11px 16px;font-weight:700;border:1px solid var(--line);background:var(--surface);transition:.2s}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(34,34,60,.09)}.btn.primary{background:linear-gradient(135deg,var(--primary),#7868ff);color:#fff;border-color:transparent;box-shadow:0 8px 20px rgba(109,93,252,.25)}.btn.ghost{background:var(--surface)}.btn.small{padding:9px 13px}.btn.tiny{padding:7px 11px;font-size:14px}.btn.wide{width:100%;padding:13px 18px}.theme-toggle{position:relative;width:38px;height:38px;border:1px solid var(--line);border-radius:11px;background:var(--surface);overflow:hidden}.theme-toggle span{position:absolute;inset:0;display:grid;place-items:center;transition:.3s}.theme-toggle .moon{transform:translateY(40px)}body.dark .theme-toggle .sun{transform:translateY(-40px)}body.dark .theme-toggle .moon{transform:translateY(0)}
.auth-view{min-height:100vh;display:none;grid-template-columns:1.02fr .98fr;background:var(--surface)}body.route-login .auth-view{display:grid}body.route-login .app-shell{display:none}.auth-art{position:relative;overflow:hidden;padding:42px 56px;color:white;background:radial-gradient(circle at 80% 20%,rgba(151,139,255,.55),transparent 32%),linear-gradient(145deg,#19152f 0%,#4336b5 56%,#6e5cff 100%)}.auth-art:after{content:'';position:absolute;width:480px;height:480px;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:-220px;bottom:-230px;box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.02)}.brand-light{color:white}.auth-copy{position:relative;z-index:2;margin-top:23vh;max-width:560px}.auth-copy h1{font-size:58px;line-height:1.02;letter-spacing:-.055em;margin-bottom:22px}.auth-copy p{font-size:18px;color:#d8d4f4;max-width:460px}.auth-preview{position:absolute;z-index:2;left:56px;right:56px;bottom:48px;padding:24px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(13,10,36,.28);backdrop-filter:blur(16px);box-shadow:0 25px 60px rgba(11,8,41,.25)}.mini-top{display:flex;justify-content:space-between;margin-bottom:13px}.mini-top span{color:#cfcaed}.mini-track{height:8px;background:rgba(255,255,255,.13);border-radius:8px;overflow:hidden}.mini-track i{display:block;height:100%;width:68%;border-radius:8px;background:linear-gradient(90deg,#aaa1ff,#66e0c2);animation:progress-in 1.3s ease-out}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px;color:#c9c4e3}.mini-grid b{font-size:20px;color:white;margin-right:5px}.auth-form-wrap{display:grid;place-items:center;padding:50px;position:relative}.auth-theme{position:absolute;right:30px;top:28px}.auth-locale{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 22px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}.auth-locale-label{font-size:14px;font-weight:700;color:var(--muted);white-space:nowrap}.auth-locale-tabs{display:flex;align-items:center;gap:4px;padding:3px;border-radius:10px;background:var(--surface);border:1px solid var(--line)}.auth-locale-btn{min-width:36px;height:30px;padding:0 8px;border-radius:8px;color:var(--muted);font-size:12px;font-weight:800;letter-spacing:.04em}.auth-locale-btn:hover{color:var(--text)}.auth-locale-btn.active{background:var(--primary-soft);color:var(--primary);box-shadow:0 3px 9px rgba(30,30,50,.07)}@media(max-width:520px){.auth-locale{flex-direction:column;align-items:stretch}.auth-locale-tabs{justify-content:space-between}}.auth-form{width:100%;max-width:430px}.auth-form h2{font-size:32px;letter-spacing:-.04em;margin:0 0 6px}.auth-form>p{margin-bottom:28px}.mobile-brand{display:none;margin-bottom:44px}.social-btn{width:100%;height:48px;border:1px solid var(--line);border-radius:11px;background:var(--surface);font-weight:600}.google-g{font-weight:800;color:#4285f4;margin-right:8px}.divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:14px;margin:22px 0}.divider:before,.divider:after{content:'';height:1px;background:var(--line);flex:1}.auth-form label,.modal-card label,.form-grid label{display:block;font-size:14px;font-weight:700;margin-bottom:16px}.auth-form input,.modal-card input,.modal-card textarea,.modal-card select,.form-grid input,.form-grid textarea,.form-grid select,.settings-card select,.language-settings select,.auth-form select{display:block;width:100%;margin-top:7px;padding:12px 13px;border:1px solid var(--line);border-radius:10px;background:var(--surface);outline:none}.auth-form select,.modal-card select,.form-grid select,.settings-card select,.language-settings select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238b8aa3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}.auth-form input:focus,.auth-form select:focus,.modal-card input:focus,.modal-card textarea:focus,.modal-card select:focus,.form-grid input:focus,.form-grid textarea:focus,.form-grid select:focus,.settings-card select:focus,.language-settings select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.label-row{display:flex;justify-content:space-between}.label-row a,.auth-foot a{color:var(--primary)}.password-wrap{position:relative;display:block}.password-wrap input{padding-right:45px}.eye{position:absolute;right:9px;top:15px;color:var(--muted)}.auth-form .check{display:flex;align-items:center;gap:8px;font-weight:500;color:var(--muted)}.check input{width:16px;height:16px;margin:0;accent-color:var(--primary)}.auth-foot{text-align:center;font-size:14px;color:var(--muted);margin-top:18px}
.app-shell{display:grid;grid-template-columns:var(--sidebar) 1fr;grid-template-rows:var(--topbar) 1fr;min-height:100vh}.sidebar{position:fixed;z-index:20;top:0;bottom:0;left:0;width:var(--sidebar);padding:22px 18px;display:flex;flex-direction:column;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(20px);border-right:1px solid var(--line)}.sidebar>.brand{padding:0 9px 27px}.side-nav{display:flex;flex-direction:column}.nav-label{padding:15px 12px 8px;font-size:14px;font-weight:800;letter-spacing:.15em;color:var(--muted)}.nav-label.spaced{margin-top:12px}.side-nav a,.sidebar-bottom>a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;color:var(--muted);font-weight:600;margin:2px 0;transition:.2s}.side-nav a:hover,.sidebar-bottom>a:hover{color:var(--text);background:var(--surface-2)}.side-nav a.active{color:var(--primary);background:var(--primary-soft)}.side-nav .icon,.sidebar-bottom .icon{display:grid;place-items:center;width:20px;height:20px;flex:none;line-height:0}.side-nav .icon svg,.sidebar-bottom .icon svg,.sotaly-icon{display:block;width:18px;height:18px;flex:none}.side-nav em{font-style:normal;font-size:14px;margin-left:auto;background:var(--surface-3);border-radius:6px;padding:2px 6px}.sidebar-bottom{margin-top:auto}.beer-icon{color:var(--amber)}.profile-card>a{display:grid;place-items:center;width:32px;height:32px;margin-left:auto;color:var(--muted);border-radius:8px;transition:.2s}.profile-card>a:hover{color:var(--text);background:var(--surface-2)}.profile-card>a svg{width:16px;height:16px}.toast>span svg{width:16px;height:16px}.btn .sotaly-icon,.btn>span:has(svg){display:inline-grid;place-items:center;line-height:0}.view-switch button svg{width:16px;height:16px;margin:0 auto;display:block}.profile-card{display:flex;align-items:center;gap:9px;margin-top:14px;padding:14px 9px 2px;border-top:1px solid var(--line)}.profile-card>span:nth-child(2){display:flex;flex-direction:column;min-width:0}.profile-card small{color:var(--muted);white-space:nowrap;font-size:14px}.profile-card button{margin-left:auto;color:var(--muted)}.avatar{flex:none;display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;font-size:14px;font-weight:800;color:#fff;background:linear-gradient(145deg,#816fff,#5a49dd);border:2px solid var(--surface)}.avatar.alt{background:linear-gradient(145deg,#518ff7,#2e64bc)}.avatar.mint-avatar{background:linear-gradient(145deg,#36d3a6,#118363)}.avatar.orange-avatar{background:linear-gradient(145deg,#ffad55,#e46c3e)}.avatar.huge{width:66px;height:66px;font-size:18px}.avatar.mini{width:27px;height:27px;font-size:14px}.topbar{position:fixed;z-index:15;top:0;left:var(--sidebar);right:0;height:var(--topbar);display:flex;align-items:center;justify-content:space-between;padding:0 32px;background:color-mix(in srgb,var(--bg) 86%,transparent);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.search{width:min(440px,48vw);height:42px;display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid var(--line);border-radius:11px;background:var(--surface)}.search>span{display:grid;place-items:center;color:var(--muted);line-height:0}.search>span svg{width:18px;height:18px}.search input{flex:1;border:0;outline:0;background:transparent}.search input::placeholder{color:var(--muted)}kbd{border:1px solid var(--line);background:var(--surface-2);padding:3px 6px;border-radius:5px;color:var(--muted);font-size:14px}.top-actions{display:flex;align-items:center;gap:10px}.notification{position:relative;display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--muted);line-height:0}.notification svg{width:18px;height:18px}.notification i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--coral);right:8px;top:8px;border:2px solid var(--surface)}.mobile-menu{display:none;line-height:0;color:var(--text)}.mobile-menu svg{width:22px;height:22px;display:block}.main-content{grid-column:2;grid-row:2;padding:34px 36px 60px;min-width:0}.page{display:none;animation:page-in .35s ease}.page.active{display:block}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:28px}.page-head h1{font-size:30px;line-height:1.15;letter-spacing:-.045em;margin:0 0 7px}.page-head p{margin:0;color:var(--muted)}.page-head p b{color:var(--text)}.head-actions{display:flex;gap:9px}.wave{font-size:26px;display:inline-block;animation:wave 2s ease-in-out infinite;transform-origin:70% 70%}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:34px}.stat-card{position:relative;min-height:132px;display:flex;align-items:flex-start;gap:13px;padding:19px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.stat-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;font-size:18px;font-weight:700;line-height:0}.stat-icon svg{width:20px;height:20px;display:block}.stat-icon.purple{background:var(--primary-soft);color:var(--primary)}.stat-icon.mint{background:var(--mint-soft);color:var(--mint)}.stat-icon.amber{background:var(--amber-soft);color:var(--amber)}.stat-icon.coral{background:var(--coral-soft);color:var(--coral)}.stat-card>div:nth-child(2){display:flex;flex-direction:column}.stat-card small{color:var(--muted)}.stat-card strong{font-family:'Manrope';font-size:28px;line-height:1.3}.trend{font-size:14px;color:var(--muted)}.trend.up{color:var(--mint)}.trend.down{color:var(--coral)}.trend{display:inline-flex;align-items:center;gap:4px}.trend svg{width:14px;height:14px;flex:none}.calendar-head>button:not(.today-btn){display:grid;place-items:center}.calendar-head>button:not(.today-btn) svg{width:16px;height:16px}.spark{position:absolute;right:15px;bottom:21px;height:45px;display:flex;align-items:flex-end;gap:4px}.spark i{width:4px;border-radius:4px;opacity:.45;background:var(--primary)}.spark i:nth-child(1){height:22%}.spark i:nth-child(2){height:48%}.spark i:nth-child(3){height:36%}.spark i:nth-child(4){height:74%}.spark i:nth-child(5){height:58%}.spark i:nth-child(6){height:100%;opacity:1}.mint-spark i{background:var(--mint)}.ring{position:absolute;right:16px;bottom:15px;width:55px;height:55px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--amber) calc(var(--p)*1%),var(--surface-3) 0)}.ring:before{content:'';position:absolute;inset:5px;border-radius:50%;background:var(--surface)}.ring span{position:relative;font-size:14px;font-weight:800}.avatar-stack{display:flex;position:absolute;right:16px;bottom:18px}.avatar-stack span{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;border:2px solid var(--surface);margin-left:-8px;color:white;background:#7c6cef;font-size:14px;font-weight:800}.avatar-stack span:nth-child(2){background:#2b8ecc}.avatar-stack span:nth-child(3){background:#ef8c5a}.section-row{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:16px}.section-row h2,.panel-head h2{font-size:18px;letter-spacing:-.025em;margin:0 0 3px}.section-row p,.panel-head p{color:var(--muted);margin:0;font-size:14px}.section-row>a,.panel-head>a{color:var(--primary);font-weight:700}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.project-grid.expanded{grid-template-columns:repeat(4,1fr)}.project-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:.28s}.project-card:hover{transform:translateY(-5px);box-shadow:0 22px 48px rgba(40,38,70,.13)}.project-cover{position:relative;height:112px;overflow:hidden;padding:16px}.cover-purple{background:linear-gradient(135deg,#3d327f,#7566e7)}.cover-green{background:linear-gradient(135deg,#184f43,#28a684)}.cover-orange{background:linear-gradient(135deg,#87492c,#e5874e)}.cover-blue{background:linear-gradient(135deg,#244f7e,#398ee1)}.cover-pink{background:linear-gradient(135deg,#733e62,#cf6598)}.cover-navy{background:linear-gradient(135deg,#263450,#4e668e)}.cover-teal{background:linear-gradient(135deg,#185c61,#2da5ac)}.cover-gold{background:linear-gradient(135deg,#796328,#c49b36)}.project-logo{position:relative;z-index:2;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;color:#fff;font-family:'Manrope';font-weight:800;background:rgba(255,255,255,.17);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(10px)}.project-logo.xl{width:68px;height:68px;border-radius:18px;font-size:20px;background:linear-gradient(145deg,#7e70ed,#5143bf);box-shadow:0 12px 30px rgba(71,57,170,.3)}.status{font-size:14px;font-weight:700;padding:5px 9px 5px 18px;border-radius:20px;position:relative}.project-cover .status{position:absolute;z-index:2;left:68px;top:24px;color:#fff;background:rgba(15,15,30,.22)}.status:before{content:'';position:absolute;left:8px;top:50%;width:6px;height:6px;border-radius:50%;transform:translateY(-50%)}.active-dot:before{background:#5ce1b9;box-shadow:0 0 0 4px rgba(92,225,185,.16)}.paused-dot:before{background:#ffd064}.project-cover>button{position:absolute;z-index:2;right:12px;top:18px;color:white}.cover-shape{position:absolute;border-radius:50%;border:18px solid rgba(255,255,255,.07);width:160px;height:160px;right:-35px;top:-55px}.cover-shape.two{border-radius:35px;transform:rotate(28deg)}.cover-shape.three{top:12px;right:-50px}.project-body{padding:17px}.tags{display:flex;gap:6px}.tags span{font-size:14px;font-weight:800;letter-spacing:.08em;padding:4px 6px;border-radius:5px;color:var(--primary);background:var(--primary-soft)}.project-body h3{font-size:16px;letter-spacing:-.025em;margin:9px 0 4px}.project-body>p{font-size:14px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.progress-label{display:flex;justify-content:space-between;font-size:14px;color:var(--muted);margin-bottom:7px}.progress-label b{color:var(--text)}.progress{height:7px;border-radius:8px;background:var(--surface-3);overflow:hidden}.progress i{display:block;height:100%;width:var(--target);border-radius:8px;background:linear-gradient(90deg,var(--primary),var(--primary-2));animation:progress-in 1.25s cubic-bezier(.2,.85,.3,1)}.progress.green i{background:linear-gradient(90deg,#20a67e,#4ed0aa)}.progress.orange i{background:linear-gradient(90deg,#e67d45,#ffad69)}.progress.blue i{background:linear-gradient(90deg,#367edc,#69a9ff)}.project-meta{position:relative;display:flex;justify-content:flex-end;gap:12px;align-items:center;margin-top:16px;color:var(--muted);font-size:14px}.project-meta .avatar-stack{position:static;margin-right:auto}.avatar-stack.small span{width:25px;height:25px}.dash-lower{display:grid;grid-template-columns:1.5fr 1fr;gap:17px;margin-top:24px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.panel-head>button:not(.btn){color:var(--muted)}.task-row{position:relative;display:flex;align-items:center;gap:10px;padding:12px 0;border-top:1px solid var(--line);cursor:pointer}.task-row input{position:absolute;opacity:0}.custom-check{width:19px;height:19px;border:1.5px solid var(--line);border-radius:6px;transition:.2s}.task-row input:checked+.custom-check{background:var(--primary);border-color:var(--primary)}.task-row input:checked+.custom-check:after{content:'✓';color:#fff;font-size:14px;display:grid;place-items:center}.task-row input:checked~.task-main b{text-decoration:line-through;color:var(--muted)}.task-main{display:flex;flex-direction:column;min-width:0;flex:1}.task-main b{font-size:14px}.task-main small{font-size:14px;color:var(--muted)}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:4px}.purple-bg{background:var(--primary)}.green-bg{background:var(--mint)}.orange-bg{background:var(--amber)}.blue-bg{background:var(--blue)}.priority{display:inline-flex;width:max-content;font-size:14px;font-weight:800;border-radius:5px;padding:4px 7px}.priority.high{color:var(--coral);background:var(--coral-soft)}.priority.medium{color:#bd7a12;background:var(--amber-soft)}.priority.low{color:var(--mint);background:var(--mint-soft)}.task-row time{font-size:14px;color:var(--muted);width:48px;text-align:right}.panel-link{display:block;text-align:center;border-top:1px solid var(--line);padding-top:13px;font-size:14px;color:var(--primary);font-weight:700}.week-score{padding:5px 8px;background:var(--mint-soft);color:var(--mint);border-radius:7px;font-size:14px;font-weight:700}.focus-chart{height:155px;border-bottom:1px solid var(--line);padding:10px 0}.chart-bars{height:100%;display:flex;align-items:flex-end;justify-content:space-around;gap:10px}.chart-bars>span{position:relative;width:16px;height:var(--h);border-radius:6px 6px 2px 2px;background:var(--primary-soft);animation:bar-in 1s ease both}.chart-bars>span:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,var(--primary),var(--primary-2));border-radius:inherit;opacity:.45}.chart-bars>span.today:before{opacity:1}.chart-bars i{position:absolute;font-style:normal;font-size:14px;color:var(--muted);bottom:-27px;left:50%;transform:translateX(-50%)}.focus-total{display:flex;gap:30px;margin-top:28px}.focus-total div{display:flex;flex-direction:column}.focus-total strong{font-family:'Manrope';font-size:18px}.focus-total span{font-size:14px;color:var(--muted)}
.toolbar{display:flex;justify-content:space-between;margin-bottom:18px}.tabs,.view-switch{display:flex;align-items:center;padding:4px;background:var(--surface-2);border-radius:11px}.tabs button{padding:8px 13px;border-radius:8px;color:var(--muted);font-size:14px;font-weight:700}.tabs button.active,.view-switch button.active{background:var(--surface);color:var(--text);box-shadow:0 3px 9px rgba(30,30,50,.07)}.tabs b{padding:2px 5px;border-radius:5px;background:var(--surface-3);font-size:14px;margin-left:4px}.view-switch button{width:32px;height:30px;border-radius:8px;color:var(--muted)}.project-hero{position:relative;margin:-34px -36px 0;padding:27px 36px 30px;background:linear-gradient(130deg,color-mix(in srgb,var(--primary-soft) 60%,var(--surface)),var(--surface));border-bottom:1px solid var(--line);overflow:hidden}.project-hero:after{content:'';position:absolute;width:350px;height:350px;border-radius:50%;right:-80px;top:-240px;border:50px solid color-mix(in srgb,var(--primary) 7%,transparent)}.breadcrumb{display:flex;gap:8px;font-size:14px;color:var(--muted);margin-bottom:24px}.breadcrumb a{color:var(--primary)}.project-title-row{display:flex;align-items:center;gap:18px;position:relative;z-index:1}.project-title-row h1{font-size:28px;margin:6px 0 2px;letter-spacing:-.04em}.project-title-row p{color:var(--muted);margin:0}.project-title-actions{display:flex;gap:8px;margin-left:auto}.hero-progress{position:relative;z-index:1;max-width:680px;margin-top:27px}.hero-progress>div:first-child{display:flex;justify-content:space-between;margin-bottom:8px;color:var(--muted);font-size:14px}.hero-progress strong{color:var(--text)}.progress.large{height:9px}.milestones{display:flex;gap:23px;margin-top:9px;color:var(--muted);font-size:14px}.milestones b{color:var(--text)}.project-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin:0 -36px 24px;padding:0 36px}.project-tabs button{position:relative;padding:16px 15px;color:var(--muted);font-size:14px;font-weight:700}.project-tabs button.active{color:var(--primary)}.project-tabs button.active:after{content:'';position:absolute;height:2px;background:var(--primary);left:10px;right:10px;bottom:-1px}.project-tabs b{background:var(--surface-2);padding:2px 5px;border-radius:5px;font-size:14px}.project-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:18px}.project-main,.project-aside{display:flex;flex-direction:column;gap:18px}.objective{padding:16px 0;border-top:1px solid var(--line)}.objective-top{display:flex;align-items:center;gap:11px;margin-bottom:12px}.objective-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--primary-soft);color:var(--primary);font-size:14px;font-weight:800}.objective-icon.blue{background:#e8f2ff;color:var(--blue)}body.dark .objective-icon.blue{background:#1e3048}.objective-top>div{display:flex;flex-direction:column;flex:1}.objective-top b{font-size:14px}.objective-top small{font-size:14px;color:var(--muted)}.objective-top>strong{font-size:14px}.kanban{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.kanban>div{padding:10px;background:var(--surface-2);border-radius:12px}.kanban header{display:flex;justify-content:space-between;font-size:14px;font-weight:800;color:var(--muted);margin-bottom:9px}.kanban header b{padding:1px 5px;border-radius:4px;background:var(--surface-3)}.kanban article{padding:11px;background:var(--surface);border:1px solid var(--line);border-radius:10px;margin-top:8px}.kanban article.done{opacity:.65}.kanban h4{font-size:14px;margin:9px 0}.kanban footer{display:flex;align-items:center;justify-content:space-between}.kanban time{font-size:14px;color:var(--muted)}.details{margin:0}.details>div{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-top:1px solid var(--line)}.details dt{font-size:14px;color:var(--muted)}.details dd{display:flex;align-items:center;gap:5px;margin:0;font-size:14px;font-weight:600}.details .status{background:var(--mint-soft);color:var(--mint)}.member-list>div{display:flex;align-items:center;gap:9px;margin-top:11px}.member-list>div>span:nth-child(2){display:flex;flex-direction:column}.member-list b{font-size:14px}.member-list small{font-size:14px;color:var(--muted)}.note-card{background:linear-gradient(145deg,var(--primary-soft),var(--surface))}.note-card>span{color:var(--primary);font-size:22px}.note-card h3{font-size:14px;margin:8px 0}.note-card p{font-size:14px;color:var(--muted);font-style:italic}.note-card small{font-size:14px;color:var(--muted)}
.calendar-panel{padding:20px}.calendar-head{display:flex;align-items:center;gap:10px;margin-bottom:18px}.calendar-head h2{font-size:18px;margin:0}.calendar-head>button:not(.today-btn){width:31px;height:31px;background:var(--surface-2);border-radius:8px}.today-btn{margin-left:auto}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;border:none}.calendar-day{min-height:118px;border:1px solid color-mix(in srgb,var(--line) 65%,transparent);border-radius:14px;padding:10px;transition:.2s}.calendar-day:hover{background:var(--surface-2)}.calendar-day.header{min-height:auto;text-align:center;font-size:14px;font-weight:800;color:var(--muted)}.calendar-day>.day-num{display:grid;place-items:center;width:26px;height:26px;font-size:14px;font-weight:700;flex:none}.calendar-day.muted-day{color:var(--muted);opacity:.45}.calendar-day.today>.day-num{background:var(--primary);color:#fff;border-radius:50%}.calendar-event{display:block;padding:6px 8px;border-radius:8px;background:var(--primary-soft);color:var(--primary);font-size:13px;font-weight:700;margin-top:2px;white-space:normal;overflow:visible;word-break:break-word;line-height:1.35}.calendar-event.green{background:var(--mint-soft);color:var(--mint)}.calendar-event.orange{background:var(--amber-soft);color:#c6811b}.timeline{max-width:850px}.timeline-item{display:flex;align-items:center;gap:12px;padding:17px 3px;border-top:1px solid var(--line)}.timeline-item:first-child{border-top:0}.timeline-item>div{flex:1}.timeline-item p{margin:0;font-size:14px}.timeline-item small{color:var(--muted);font-size:14px}.timeline-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--surface-2);color:var(--muted);line-height:0}.timeline-icon svg{width:16px;height:16px;display:block}.timeline-icon.done-bg{background:var(--mint-soft);color:var(--mint)}.timeline-icon.file-bg{background:var(--primary-soft);color:var(--primary)}.timeline-icon.people-bg{background:var(--amber-soft);color:var(--amber)}.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.member-card{text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:28px 20px;box-shadow:var(--shadow)}.member-card h3{font-size:14px;margin:12px 0 3px}.member-card>p{font-size:14px;color:var(--muted)}.member-card>div{display:flex;justify-content:center;gap:12px;color:var(--muted);font-size:14px}.invite-card{display:grid;place-items:center;border-style:dashed;background:transparent;box-shadow:none;color:var(--muted)}.invite-card>span{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--primary-soft);color:var(--primary);line-height:0}.invite-card>span svg{width:24px;height:24px}.file-panel{padding:5px 20px}.file-row{display:grid;grid-template-columns:2fr 1.2fr .8fr .6fr 25px;gap:15px;align-items:center;padding:14px 0;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}.file-row:first-child{border:0}.file-row>span:first-child{display:flex;align-items:center;gap:9px;color:var(--text)}.file-row button{color:var(--muted)}.file-head{font-size:14px;text-transform:uppercase;font-weight:800;letter-spacing:.08em}.file-head>span:first-child{color:var(--muted)}.file-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;font-style:normal;font-size:14px;font-weight:800}.file-icon.pdf{color:var(--coral);background:var(--coral-soft)}.file-icon.fig{color:var(--primary);background:var(--primary-soft)}.file-icon.doc{color:var(--blue);background:#e7f1ff}body.dark .file-icon.doc{background:#1e3048}
.support-wrap{min-height:calc(100vh - 145px);display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;max-width:1050px;margin:auto;overflow:hidden;border:1px solid var(--line);border-radius:26px;background:var(--surface);box-shadow:var(--shadow)}.support-visual{align-self:stretch;position:relative;display:grid;place-items:center;min-height:570px;background:radial-gradient(circle at 50% 45%,rgba(255,224,131,.35),transparent 36%),linear-gradient(145deg,#f8d66d,#eea43e)}.beer{position:relative;width:150px;height:210px;filter:drop-shadow(0 26px 24px rgba(115,67,14,.22));animation:float 3.5s ease-in-out infinite}.glass{position:absolute;inset:30px 20px 0;border:7px solid rgba(255,255,255,.77);border-top:0;border-radius:5px 5px 25px 25px;overflow:hidden;background:rgba(255,255,255,.2)}.liquid{position:absolute;left:0;right:0;bottom:0;height:88%;background:linear-gradient(#f8bd27,#dc7f0e);border-radius:0 0 18px 18px}.liquid:after{content:'';position:absolute;top:12px;right:13px;width:8px;height:110px;border-radius:8px;background:rgba(255,255,255,.25)}.foam{position:absolute;z-index:3;top:4px;left:25px;color:#fff7df;font-size:43px;letter-spacing:-24px;white-space:nowrap;text-shadow:0 6px 0 #f7e9c6}.handle{position:absolute;right:-23px;top:69px;width:48px;height:90px;border:12px solid rgba(255,255,255,.72);border-left:0;border-radius:0 30px 30px 0}.sparkle{position:absolute;color:white;animation:twinkle 2s ease-in-out infinite}.s1{top:22%;left:22%;font-size:25px}.s2{bottom:25%;right:18%;font-size:34px;animation-delay:.5s}.s3{top:28%;right:23%;font-size:28px;animation-delay:1s}.support-copy{padding:55px 65px}.support-copy h1{font-size:37px;letter-spacing:-.05em;margin-bottom:15px}.support-copy>p{font-size:15px;color:var(--muted);max-width:540px}.beer-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:27px 0 18px}.beer-options button{position:relative;display:flex;flex-direction:column;align-items:center;padding:16px 9px;border:1px solid var(--line);border-radius:13px;background:var(--surface-2);transition:.2s}.beer-options button:hover,.beer-options button.selected{border-color:var(--primary);background:var(--primary-soft);transform:translateY(-2px)}.beer-options span{font-size:24px}.beer-options b{font-size:14px;margin-top:5px}.beer-options strong{font-size:16px}.beer-options i{position:absolute;top:-8px;font-style:normal;background:var(--primary);color:#fff;padding:2px 7px;border-radius:8px;font-size:14px;text-transform:uppercase}.custom-amount{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--muted);margin:17px 0}.custom-amount>span{display:flex;align-items:center;border:1px solid var(--line);border-radius:9px;padding:0 10px;color:var(--text)}.custom-amount input{width:55px;border:0;background:transparent;padding:8px;outline:0;font-weight:700}.support-copy>small{display:block;text-align:center;color:var(--muted);margin-top:13px;font-size:14px}.settings-layout{display:grid;grid-template-columns:190px minmax(0,760px);gap:20px}.settings-nav{display:flex;flex-direction:column;align-items:stretch}.settings-nav button{text-align:left;padding:10px 12px;border-radius:9px;color:var(--muted);font-weight:600}.settings-nav button.active{background:var(--primary-soft);color:var(--primary)}.settings-card h2{font-size:18px;margin-bottom:4px}.language-settings{margin:8px 0 22px}.language-settings>h3{font-size:16px;margin:18px 0 6px}.language-settings>.muted{margin:0 0 14px}.language-settings .form-grid{margin-top:4px}.settings-card>p{font-size:14px;color:var(--muted)}.profile-editor{display:flex;align-items:center;gap:15px;margin:22px 0}.profile-editor>div{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.profile-editor small{font-size:14px;color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.form-grid .full{grid-column:1/-1}.form-grid textarea{min-height:80px;resize:vertical}.settings-card hr{border:0;border-top:1px solid var(--line);margin:20px 0}.settings-card h3{font-size:14px}.theme-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.theme-cards button{padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}.theme-cards button.active{border-color:var(--primary);color:var(--primary)}.theme-preview{display:block;height:65px;border-radius:6px;margin-bottom:7px;border:1px solid var(--line)}.light-preview{background:linear-gradient(90deg,#eef0f5 28%,#fff 28%)}.dark-preview{background:linear-gradient(90deg,#171923 28%,#232631 28%)}.system-preview{background:linear-gradient(115deg,#eef0f5 50%,#1c1e28 50%)}.theme-cards b{font-size:14px}
.modal{position:fixed;z-index:100;inset:0;display:none;place-items:center}.modal.open{display:grid}.modal-backdrop{position:absolute;inset:0;background:rgba(10,10,20,.55);backdrop-filter:blur(5px)}.modal-card{position:relative;width:min(510px,calc(100vw - 30px));padding:30px;border-radius:20px;background:var(--surface);box-shadow:0 30px 80px rgba(0,0,0,.3);animation:modal-in .3s ease}.modal-card h2{font-size:23px;margin:0 0 5px}.modal-close{position:absolute;right:18px;top:16px;font-size:25px;color:var(--muted)}.modal-card form{margin-top:23px}.modal-card textarea{min-height:80px;resize:vertical}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:15px}.toast{position:fixed;z-index:110;right:25px;bottom:25px;display:flex;align-items:center;gap:10px;padding:13px 18px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:var(--shadow);transform:translateY(100px);opacity:0;transition:.35s}.toast.show{transform:translateY(0);opacity:1}.toast>span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:var(--mint-soft);color:var(--mint)}.toast>div{display:flex;flex-direction:column}.toast small{color:var(--muted)}
@keyframes progress-in{from{width:0}}@keyframes bar-in{from{height:0}}@keyframes page-in{from{opacity:0;transform:translateY(7px)}}@keyframes modal-in{from{opacity:0;transform:translateY(16px) scale(.98)}}@keyframes wave{0%,60%,100%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}}@keyframes float{50%{transform:translateY(-10px) rotate(1deg)}}@keyframes twinkle{50%{transform:scale(.5);opacity:.45}}
@media(max-width:1180px){.project-grid.expanded{grid-template-columns:repeat(3,1fr)}.stats-grid{grid-template-columns:repeat(2,1fr)}.team-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:960px){:root{--sidebar:210px}.main-content{padding:28px 24px}.topbar{padding:0 22px}.project-hero{margin:-28px -24px 0;padding:25px 24px}.project-tabs{margin:0 -24px 22px;padding:0 24px}.project-grid{grid-template-columns:repeat(2,1fr)}.project-grid.expanded{grid-template-columns:repeat(2,1fr)}.dash-lower{grid-template-columns:1fr}.project-layout{grid-template-columns:1fr}.project-aside{display:grid;grid-template-columns:repeat(2,1fr)}.note-card{display:none}.team-grid{grid-template-columns:repeat(2,1fr)}.auth-copy h1{font-size:45px}.auth-art{padding:38px}.auth-preview{left:38px;right:38px}.support-copy{padding:42px}.support-wrap{grid-template-columns:.75fr 1.25fr}.support-visual{min-height:520px}}
@media(max-width:760px){:root{--topbar:66px}.app-shell{display:block}.sidebar{transform:translateX(-105%);transition:.3s;width:250px;box-shadow:15px 0 50px rgba(0,0,0,.2)}.sidebar.open{transform:translateX(0)}.topbar{left:0;height:var(--topbar);padding:0 15px}.mobile-menu{display:block}.search{width:auto;flex:1;margin:0 12px}.search kbd{display:none}.top-actions .btn{font-size:0;width:40px;padding:0}.top-actions .btn span{font-size:18px}.notification{display:none}.main-content{padding:94px 16px 45px}.page-head{align-items:flex-start}.page-head h1{font-size:26px}.page-head .head-actions .ghost{display:none}.stats-grid{grid-template-columns:1fr 1fr}.project-grid,.project-grid.expanded{grid-template-columns:1fr}.project-card{display:grid;grid-template-columns:120px 1fr}.project-cover{height:100%;min-height:190px}.project-cover .status{left:15px;top:auto;bottom:15px}.project-body{min-width:0}.dash-lower{margin-top:18px}.task-row .priority{display:none}.auth-view{grid-template-columns:1fr}.auth-art{display:none}.auth-form-wrap{padding:35px 25px}.mobile-brand{display:flex}.project-hero{margin:-28px -16px 0;padding:23px 16px}.project-title-row{align-items:flex-start}.project-title-row .project-logo{width:50px;height:50px;flex:none}.project-title-row h1{font-size:21px}.project-title-actions{display:none}.project-tabs{margin:0 -16px 20px;padding:0 10px;overflow:auto}.project-tabs button{white-space:nowrap}.kanban{grid-template-columns:1fr;max-height:500px;overflow:auto}.project-aside{grid-template-columns:1fr}.calendar-panel{padding:8px;overflow:auto}.calendar-grid{min-width:680px}.team-grid{grid-template-columns:1fr 1fr}.file-panel{overflow:auto}.file-row{min-width:680px}.support-wrap{display:block}.support-visual{min-height:230px}.beer{transform:scale(.62);animation:none}.support-copy{padding:30px 22px}.settings-layout{grid-template-columns:1fr}.settings-nav{flex-direction:row;overflow:auto}.settings-nav button{white-space:nowrap}.settings-card{padding:16px}}
@media(max-width:520px){.top-actions .theme-toggle{display:none}.stats-grid{grid-template-columns:1fr}.stat-card{min-height:110px}.page-head{display:block}.page-head>.btn{margin-top:15px}.project-card{display:block}.project-cover{height:95px;min-height:0}.project-cover .status{left:68px;top:24px;bottom:auto}.project-grid{gap:12px}.tabs{width:100%;overflow:auto}.tabs button{white-space:nowrap}.view-switch{display:none}.milestones{gap:11px}.project-title-row{gap:10px}.project-hero .tags{display:none}.team-grid{grid-template-columns:1fr}.support-copy h1{font-size:29px}.beer-options{grid-template-columns:1fr}.beer-options button{flex-direction:row;gap:10px;justify-content:space-between}.beer-options i{right:8px;top:-6px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.theme-cards{grid-template-columns:1fr 1fr 1fr}.theme-preview{height:45px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.profile-card>a{margin-left:auto;color:var(--muted)}