:root{color-scheme:dark;--bg:#0c111d;--surface:#141b2b;--surface2:#1a2335;--line:#293248;--text:#f4f5fa;--muted:#9aa6be;--soft:#66738e;--pink:#ef5baa;--pink2:#d6378d;--cyan:#80e5df;--yellow:#f0c675;--green:#73d8ac;--red:#f08c9d;--shadow:0 24px 60px #060a1480;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
*{box-sizing:border-box}html{min-width:320px;background:var(--bg)}body{margin:0;color:var(--text);background:radial-gradient(circle at 82% -18%,#252044 0,transparent 34%),var(--bg);font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}button,select,input,textarea{outline-color:var(--cyan)}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex:none}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}.hidden{display:none!important}a{color:var(--cyan);text-decoration:none}a:hover{text-decoration:underline}
.app-shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100dvh}.sidebar{position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;padding:32px 17px 18px;background:#101626;border-right:1px solid #ffffff0d}.brand{display:flex;align-items:center;gap:13px;margin:0 12px 56px}.brand-mark{position:relative;width:36px;height:36px;display:inline-flex;align-items:flex-end;justify-content:center;gap:3px;transform:skewY(-9deg)}.brand-mark span{display:block;width:7px;border-radius:3px 3px 1px 1px;background:var(--pink);box-shadow:0 0 14px #ec4e9a66}.brand-mark span:nth-child(1){height:18px;background:#a045a8}.brand-mark span:nth-child(2){height:29px}.brand-mark span:nth-child(3){height:23px;background:var(--cyan);box-shadow:0 0 12px #80e5df55}.brand-copy{display:flex;flex-direction:column}.brand-copy strong,.mobile-brand strong{font-size:27px;line-height:1;font-weight:800;letter-spacing:-1.6px}.brand-dot{color:var(--pink)}.brand-copy small{margin-top:5px;color:var(--soft);font-size:8px;font-weight:800;letter-spacing:2.25px}.workspace-label,.eyebrow{color:#70809f;font-size:10px;font-weight:800;letter-spacing:2px}.workspace-label{padding:0 16px;margin-bottom:14px}.side-nav{display:grid;gap:4px}.nav-item{display:flex;align-items:center;gap:14px;width:100%;height:45px;padding:0 15px;color:#97a3bb;background:none;border:0;border-radius:12px;text-align:left;font-weight:640}.nav-item svg{width:18px;height:18px}.nav-item:hover{background:#ffffff0b;color:#fff}.nav-item.active{color:#fff;background:linear-gradient(90deg,#d7378e34,#a9367833 70%,transparent);box-shadow:inset 3px 0 var(--pink)}.nav-item.active svg{color:var(--pink)}.sidebar-bottom{display:flex;gap:10px;margin-top:auto;padding:13px;border:1px solid #ffffff10;border-radius:13px;background:#ffffff06}.privacy-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#74ddd719;color:var(--cyan)}.privacy-icon svg{width:16px;height:16px}.sidebar-bottom div{display:grid;gap:4px}.sidebar-bottom strong{font-size:11px;font-weight:720}.sidebar-bottom div span{color:var(--soft);font-size:10px;line-height:1.35}.sidebar-footer{display:flex;justify-content:space-between;padding:18px 11px 0;color:#57647d;font-size:10px}.main-area{min-width:0}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 42px;border-bottom:1px solid #ffffff0d;background:#10162582;backdrop-filter:blur(15px)}.breadcrumb{color:#8290a9;font-size:13px}.breadcrumb span{padding:0 11px;color:#51607c}.breadcrumb strong{color:#fff;font-weight:650}.top-actions{display:flex;align-items:center;gap:14px}.today{color:#8b98b0;font-size:12px}.icon-button{display:inline-grid;place-items:center;width:37px;height:37px;border:1px solid var(--line);border-radius:10px;color:#aebad0;background:#ffffff05}.icon-button svg{width:17px;height:17px}.icon-button:hover,.ghost-button:hover{background:#ffffff11;color:#fff}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:39px;padding:0 16px;border:0;border-radius:10px;color:#fff;background:linear-gradient(135deg,var(--pink),#c93489);font-weight:750;box-shadow:0 7px 18px #dd40872b}.primary-button:hover{filter:brightness(1.12)}.primary-button svg{width:17px;height:17px}.mobile-brand,.mobile-nav{display:none}.search-bar{display:flex;align-items:center;gap:10px;margin:18px 42px -7px;padding:0 13px;height:46px;border:1px solid #3a4763;border-radius:12px;background:#182136}.search-bar svg{width:17px;height:17px;color:var(--muted)}.search-bar input{flex:1;min-width:0;color:#fff;border:0;background:none;outline:0}.search-bar button{display:grid;place-items:center;border:0;background:none;color:var(--muted)}.search-bar button svg{width:16px;height:16px}
.view{max-width:1550px;margin:0 auto;padding:34px 42px 70px}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px}.page-heading h1{margin:4px 0 5px;font-size:clamp(27px,3vw,37px);line-height:1.12;letter-spacing:-1.4px}.page-heading p{margin:0;color:var(--muted);line-height:1.5}.heading-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.ghost-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:0 14px;border:1px solid var(--line);border-radius:10px;color:#bac6d9;background:#ffffff05;font-weight:650}.ghost-button svg{width:16px;height:16px}.hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:20px;min-height:232px;padding:31px 34px;border:1px solid #ec67b737;border-radius:23px;background:radial-gradient(circle at 87% 29%,#e14e9e55,transparent 31%),linear-gradient(120deg,#281a37,#181f37 68%,#1e2c3d);box-shadow:var(--shadow)}.hero::after{content:"";position:absolute;right:-60px;top:-85px;width:320px;height:320px;border:1px solid #ffffff14;border-radius:50%;box-shadow:0 0 0 38px #ffffff05,0 0 0 80px #ffffff04;pointer-events:none}.hero-content{position:relative;z-index:1}.hero .eyebrow{color:var(--cyan)}.hero h1{max-width:640px;margin:13px 0 12px;font-size:clamp(29px,3.4vw,46px);letter-spacing:-2px;line-height:1.06}.hero h1 em{color:#ffa9d3;font-style:normal}.hero p{max-width:540px;margin:0;color:#b9c2d5;line-height:1.55}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:23px}.hero-actions .ghost-button{background:#ffffff0b;border-color:#ffffff2a;color:#fff}.hero-art{position:relative;z-index:1;align-self:center;justify-self:center;width:170px;height:165px}.hero-art .ring{position:absolute;left:15px;top:5px;width:145px;height:145px;border:1px solid #d1d8ee31;border-radius:50%;box-shadow:0 0 0 27px #d1d8ee08,0 0 0 52px #d1d8ee04}.hero-art .tower{position:absolute;bottom:3px;left:37px;display:flex;align-items:flex-end;gap:10px;filter:drop-shadow(0 12px 18px #f15bad3a)}.hero-art .tower i{width:20px;border-radius:7px 7px 2px 2px;background:linear-gradient(#fb90c9,#ce3186)}.hero-art .tower i:nth-child(1){height:75px;background:linear-gradient(#9664bf,#542d7c)}.hero-art .tower i:nth-child(2){height:125px}.hero-art .tower i:nth-child(3){height:92px;background:linear-gradient(#a2f1e8,#40a9b4)}.hero-art .orbit{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--cyan);box-shadow:0 0 15px var(--cyan)}.hero-art .orbit.a{right:8px;top:29px}.hero-art .orbit.b{left:10px;bottom:26px;width:6px;height:6px;background:var(--pink);box-shadow:0 0 12px var(--pink)}.demo-banner{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:19px;padding:11px 15px;border:1px solid #efc7782e;border-radius:11px;color:#d3bd90;background:#efc7780a;font-size:12px;line-height:1.45}.demo-banner strong{color:#f4dca8}.demo-banner button{border:0;background:none;color:#f1c875;font-weight:750;white-space:nowrap}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:22px}.stat-card,.panel,.project-card,.ticket-card,.contact-card,.task-row,.empty-state,.report-sheet{border:1px solid var(--line);border-radius:17px;background:var(--surface)}.stat-card{min-height:126px;padding:18px 19px}.stat-card .stat-label{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#a8b4cb;font-size:12px}.stat-card .stat-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#ffffff0a}.stat-card .stat-icon svg{width:17px;height:17px}.stat-card strong{display:block;margin-top:12px;font-size:32px;line-height:1;font-weight:780;letter-spacing:-1.4px}.stat-card small{display:block;margin-top:9px;color:#71809b;font-size:11px}.stat-card.pink .stat-icon{color:var(--pink);background:#ef5baa18}.stat-card.cyan .stat-icon{color:var(--cyan);background:#80e5df18}.stat-card.yellow .stat-icon{color:var(--yellow);background:#f0c67518}.stat-card.green .stat-icon{color:var(--green);background:#73d8ac18}.content-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(270px,.85fr);gap:18px;margin-top:24px}.panel{padding:20px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.panel-head h2,.section-title{margin:0;font-size:17px;letter-spacing:-.35px}.text-button{display:inline-flex;align-items:center;gap:4px;padding:5px;border:0;color:var(--cyan);background:none;font-size:12px;font-weight:720}.text-button svg{width:14px;height:14px}.mini-project{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;padding:13px 3px;text-align:left;background:none;border:0;border-bottom:1px solid #ffffff0b;color:var(--text)}.mini-project:last-child{border-bottom:0}.project-initial,.contact-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;font-weight:800;color:#fbd5e8;background:#9c3b7e33}.mini-project:nth-child(2n) .project-initial{color:#c8f5f2;background:#4fc5bc24}.mini-project strong,.task-main strong,.ticket-main strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.mini-project small,.task-main small,.ticket-main small{display:block;margin-top:5px;color:#8391ab;font-size:11px}.mini-project .mini-right{text-align:right}.mini-project .mini-right strong{font-size:14px}.progress-track{overflow:hidden;height:5px;margin-top:8px;background:#ffffff14;border-radius:6px}.progress-track span{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,var(--pink),#ffa8cf)}.mini-project .progress-track{width:61px;margin-left:auto}.attention-list{display:grid;gap:10px}.attention-item{display:flex;align-items:flex-start;gap:11px;padding:10px 11px;border-radius:11px;background:#ffffff06}.attention-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;font-size:14px;flex:none}.attention-icon.red{color:var(--red);background:#f08c9d1c}.attention-icon.yellow{color:var(--yellow);background:#f0c6751b}.attention-item strong{font-size:12px;line-height:1.35}.attention-item small{display:block;margin-top:4px;color:#7888a3;font-size:11px}.section-row{display:flex;justify-content:space-between;align-items:center;margin:27px 0 13px}.section-title{font-size:19px}.section-subtitle{margin:4px 0 0;color:var(--muted)}.activity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.activity-card{min-height:145px;padding:16px;border:1px solid var(--line);border-radius:14px;background:#171f30}.activity-card .badge{margin-bottom:12px}.activity-card strong{display:block;line-height:1.35}.activity-card p{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:30px;margin:7px 0;color:var(--muted);font-size:12px;line-height:1.4}.activity-card small{color:var(--soft);font-size:10px}
.badge{display:inline-flex;align-items:center;gap:5px;width:max-content;max-width:100%;padding:5px 8px;border-radius:7px;color:#aebbd1;background:#ffffff0d;font-size:10px;font-weight:750;letter-spacing:.1px;text-transform:uppercase}.badge::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.badge.green{color:var(--green);background:#73d8ac17}.badge.pink{color:var(--pink);background:#ef5baa17}.badge.yellow{color:var(--yellow);background:#f0c67517}.badge.red{color:var(--red);background:#f08c9d17}.badge.cyan{color:var(--cyan);background:#80e5df17}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 17px}.toolbar .filters{display:flex;gap:6px;overflow:auto}.filter-button{min-height:34px;padding:0 12px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:#97a5be;white-space:nowrap;font-size:12px;font-weight:650}.filter-button.active{border-color:#ea61ab85;background:#ef5baa24;color:#ffd0e8}.filter-hint{display:none;color:var(--soft);font-size:10px}.select-filter{min-height:35px;max-width:210px;padding:0 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--text);font-size:12px}.project-grid,.contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.project-card{padding:20px;transition:border-color .18s,transform .18s}.project-card:hover,.ticket-card:hover,.contact-card:hover{border-color:#5a6680}.project-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.project-code{font-size:10px;font-weight:800;letter-spacing:1.6px;color:var(--cyan)}.project-card h2{margin:12px 0 7px;font-size:20px;letter-spacing:-.5px}.project-card p{min-height:38px;margin:0;color:var(--muted);font-size:12px;line-height:1.5}.project-metrics{display:flex;justify-content:space-between;gap:10px;margin-top:20px;color:#97a5bd;font-size:11px}.project-metrics strong{color:#fff;font-size:19px}.project-card .progress-track{margin:9px 0 17px}.card-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:14px;border-top:1px solid #ffffff0d;color:#8492ad;font-size:11px}.card-footer button{border:0;background:none;color:var(--cyan);font-weight:700}.roadmap-lane{margin-top:21px;padding:18px 20px;border:1px solid var(--line);border-radius:17px;background:var(--surface)}.roadmap-lane h2{margin:0 0 16px;font-size:16px}.milestone-list{display:flex;gap:12px;overflow-x:auto;padding:1px 0 9px}.milestone{position:relative;flex:0 0 190px;min-height:101px;padding:13px;border:1px solid #ffffff19;border-radius:12px;background:#ffffff06}.milestone::before{content:"";position:absolute;top:18px;left:-13px;width:12px;height:1px;background:#ffffff33}.milestone:first-child::before{display:none}.milestone time{color:var(--cyan);font-size:10px;font-weight:750}.milestone strong{display:block;margin:10px 0 5px;font-size:12px;line-height:1.35}.milestone small{color:var(--soft);font-size:10px}.task-list,.ticket-list{display:grid;gap:9px}.task-row{display:grid;grid-template-columns:25px minmax(0,1fr) auto auto;align-items:center;gap:13px;min-height:68px;padding:11px 14px}.check-button{display:grid;place-items:center;width:23px;height:23px;padding:0;border:1.5px solid #6a7892;border-radius:7px;background:none;color:transparent}.check-button.checked{border-color:var(--green);background:var(--green);color:#11271e}.check-button svg{width:15px;height:15px}.task-main{min-width:0}.task-main strong.done{text-decoration:line-through;color:#8290a8}.task-main small{white-space:normal}.task-meta{display:flex;align-items:center;gap:7px;white-space:nowrap}.task-date{color:#8794ac;font-size:11px}.row-action{padding:6px;border:0;color:#8ea0bc;background:none}.row-action:hover{color:#fff}.row-action svg{width:17px;height:17px}.ticket-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:17px}.ticket-main{min-width:0}.ticket-main strong{margin:9px 0 5px;font-size:15px}.ticket-main small{white-space:normal}.ticket-number{color:var(--cyan);font-size:10px;font-weight:800;letter-spacing:1px}.ticket-side{text-align:right;min-width:100px}.ticket-side time{display:block;margin-top:10px;color:var(--soft);font-size:11px}.contact-card{display:flex;align-items:flex-start;gap:13px;padding:17px}.contact-avatar{flex:none;width:43px;height:43px;border-radius:13px;font-size:15px}.contact-detail{min-width:0;flex:1}.contact-detail h2{margin:0 0 4px;font-size:15px}.contact-detail p{margin:0 0 9px;color:var(--muted);font-size:11px}.contact-links{display:flex;gap:11px;flex-wrap:wrap}.contact-links a{font-size:11px}.contact-card .row-action{margin:-4px -5px 0 0}.report-sheet{padding:24px}.report-toolbar{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:17px}.report-sheet h2{font-size:22px;margin:0 0 5px}.report-sheet .report-meta{color:var(--soft);font-size:11px}.report-section{margin-top:22px;padding-top:19px;border-top:1px solid var(--line)}.report-section h3{margin:0 0 12px;font-size:15px}.report-section p{color:var(--muted);line-height:1.55}.report-list{margin:0;padding-left:18px;color:#b4bfd2;line-height:1.7}.report-list strong{color:#fff}.report-project{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #ffffff0c}.report-project:last-child{border-bottom:0}.report-project strong{display:block}.report-project small{display:block;margin-top:4px;color:var(--soft)}.report-project span{color:var(--cyan);font-weight:800}.more-grid{display:grid;gap:11px}.more-grid button{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:63px;padding:0 17px;border:1px solid var(--line);border-radius:13px;background:var(--surface);color:var(--text);text-align:left;font-weight:730}.more-grid button svg{width:18px;height:18px;color:var(--pink)}.empty-state{text-align:center;padding:40px 25px;color:var(--muted)}.empty-state .empty-symbol{display:grid;place-items:center;width:53px;height:53px;margin:0 auto 15px;border-radius:15px;color:var(--pink);background:#ef5baa1a}.empty-state .empty-symbol svg{width:25px;height:25px}.empty-state strong{display:block;color:#fff;font-size:16px}.empty-state p{max-width:330px;margin:8px auto 18px;line-height:1.5}.empty-state.compact{padding:20px;border:0;background:#ffffff05}.empty-state.compact .empty-symbol{display:none}.empty-state.compact strong{font-size:13px}.empty-state.compact p{margin-bottom:0;font-size:11px}
.modal,.menu-dialog{width:min(540px,calc(100% - 30px));max-height:min(86dvh,750px);padding:0;border:1px solid #4a5268;border-radius:19px;background:#182033;color:var(--text);box-shadow:0 35px 90px #000b}.modal::backdrop,.menu-dialog::backdrop{background:#050914ba;backdrop-filter:blur(4px)}.modal form{display:flex;flex-direction:column;max-height:min(86dvh,750px)}.modal-head,.menu-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:21px 23px 16px;border-bottom:1px solid var(--line)}.modal-head h2,.menu-head h2{margin:5px 0 0;font-size:23px;letter-spacing:-.7px}.modal-body{overflow:auto;padding:20px 23px 8px}.field{display:grid;gap:7px;margin-bottom:16px}.field label,.field legend{font-size:11px;color:#b5c2d6;font-weight:750}.field input,.field select,.field textarea{width:100%;min-height:42px;padding:10px 11px;border:1px solid #3a4660;border-radius:10px;color:#fff;background:#11192a;outline:0}.field textarea{min-height:90px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--pink)}.field small{color:var(--soft);font-size:10px}.date-field .date-toggle{display:flex;align-items:center;gap:8px;min-height:26px;color:var(--muted);font-size:11px;font-weight:600}.date-toggle input{width:16px;height:16px;min-height:0;padding:0;accent-color:var(--pink)}.date-field input[hidden]{display:none}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.checkbox-list{display:grid;gap:8px;max-height:130px;overflow:auto;padding:10px;border:1px solid #3a4660;border-radius:10px;background:#11192a}.checkbox-list label{display:flex;gap:9px;align-items:center;font-size:12px;font-weight:500}.checkbox-list input{width:15px;height:15px;min-height:0;accent-color:var(--pink)}.modal-actions{display:flex;justify-content:flex-end;gap:9px;padding:15px 23px 21px;border-top:1px solid var(--line)}.menu-dialog{width:min(370px,calc(100% - 30px))}.menu-head h2{font-size:18px;margin:0}.menu-list{display:grid;gap:5px;padding:10px}.menu-list button{display:flex;align-items:center;gap:11px;min-height:48px;padding:0 11px;border:0;border-radius:10px;color:#e7eaf1;background:none;text-align:left}.menu-list button:hover{background:#ffffff0d}.menu-list button svg{color:var(--pink);width:18px;height:18px}.menu-list button span{margin-left:auto;color:var(--soft)}#toast{position:fixed;z-index:100;right:22px;bottom:22px;max-width:min(370px,calc(100% - 30px));padding:12px 16px;border:1px solid #80e5df77;border-radius:11px;background:#172c35;color:#d9faf5;box-shadow:var(--shadow);opacity:0;pointer-events:none;transform:translateY(9px);transition:opacity .2s,transform .2s}#toast.show{opacity:1;transform:translateY(0)}
@media(max-width:1100px){.app-shell{grid-template-columns:210px minmax(0,1fr)}.topbar{padding:0 26px}.view{padding:27px 26px 60px}.search-bar{margin-left:26px;margin-right:26px}.hero{grid-template-columns:minmax(0,1fr) 180px}.hero-art{transform:scale(.85)}}
@media(max-width:820px){.app-shell{display:block}.sidebar{display:none}.topbar{height:61px;padding:0 19px}.mobile-brand{display:flex;align-items:center;gap:5px}.mobile-brand .brand-mark{width:25px;height:28px;transform:scale(.75) skewY(-9deg);transform-origin:left center}.mobile-brand strong{font-size:23px}.breadcrumb{display:none}.today{font-size:11px}.top-new{min-width:35px;width:35px;height:35px;padding:0;font-size:0}.top-new svg{width:18px;height:18px}.top-actions{gap:9px}.top-actions .icon-button{width:35px;height:35px}.view{padding:22px 19px calc(110px + env(safe-area-inset-bottom))}.search-bar{margin:12px 19px -5px}.mobile-nav{position:fixed;z-index:30;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,1fr);height:calc(65px + env(safe-area-inset-bottom));padding:4px 4px env(safe-area-inset-bottom);border-top:1px solid #ffffff1a;background:#101625ef;backdrop-filter:blur(22px)}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;background:none;color:#74829c;font-size:10px;font-weight:630}.mobile-nav-item svg{width:20px;height:20px}.mobile-nav-item.active{color:var(--pink)}.hero{min-height:210px;padding:27px;grid-template-columns:minmax(0,1fr) 110px}.hero-art{transform:scale(.62);transform-origin:center;justify-self:start}.stats-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.activity-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.view{padding:19px 14px calc(100px + env(safe-area-inset-bottom))}.topbar{padding:0 14px}.today{display:none}.hero{display:block;min-height:225px;padding:25px 22px}.hero h1{font-size:32px;letter-spacing:-1.3px}.hero p{max-width:285px;font-size:12px}.hero-art{position:absolute;right:-57px;top:7px;opacity:.37;transform:scale(.65)}.hero-actions{position:relative;z-index:2;margin-top:18px}.hero-actions .primary-button,.hero-actions .ghost-button{min-height:36px;padding:0 11px;font-size:11px}.demo-banner{align-items:flex-start;flex-direction:column;gap:5px}.stats-grid{gap:9px;margin-top:15px}.stat-card{min-height:108px;padding:13px 14px}.stat-card strong{margin-top:10px;font-size:27px}.stat-card small{margin-top:7px;font-size:10px}.stat-card .stat-label{font-size:11px}.stat-card .stat-icon{width:25px;height:25px}.stat-card .stat-icon svg{width:15px;height:15px}.content-grid{gap:13px;margin-top:15px}.panel{padding:16px}.activity-grid,.project-grid,.contact-grid{grid-template-columns:1fr}.activity-grid{gap:9px}.activity-card{min-height:0}.page-heading{align-items:flex-start;flex-direction:column;margin-bottom:17px}.page-heading h1{font-size:28px}.page-heading p{font-size:12px}.heading-actions{width:100%}.heading-actions .primary-button,.heading-actions .ghost-button{flex:1}.toolbar{align-items:stretch;flex-direction:column}.toolbar .filters{margin-right:-14px;padding-right:14px}.filter-hint{display:block;margin-top:-3px}.select-filter{max-width:none}.task-row{grid-template-columns:24px minmax(0,1fr) 20px;gap:9px;padding:11px}.task-meta{grid-column:2/3;grid-row:2;flex-wrap:wrap}.task-row .row-action{grid-column:3;grid-row:1/3}.ticket-card{grid-template-columns:minmax(0,1fr) 80px;padding:14px}.ticket-side{min-width:0}.ticket-side .badge{font-size:9px}.roadmap-lane{padding:15px}.report-sheet{padding:18px}.field-row{grid-template-columns:1fr}.modal{width:calc(100% - 20px)}.modal-head,.menu-head{padding:17px}.modal-body{padding:16px 17px 5px}.modal-actions{padding:13px 17px 17px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}