:root{--ink:#182135;--muted:#818897;--line:#e6e8ec;--cream:#f6f5f2;--navy:#202a44}

*{box-sizing:border-box}

body{margin:0;background:var(--cream);color:var(--ink);font:14px Arial,sans-serif}

button,a{font:inherit}

.app{display:grid;grid-template-columns:248px 1fr;min-height:100vh}

aside{position:fixed;inset:0 auto 0 0;width:248px;padding:22px 14px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:10}

.brand{display:flex;align-items:center;gap:10px;padding:0 8px 24px;color:var(--ink);font-size:18px;font-weight:800;text-decoration:none}

.brand>i{width:30px;height:30px;display:grid;place-items:center;border-radius:9px 9px 9px 3px;background:var(--navy);color:#fff;font-size:15px;font-style:normal}

.workspace{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:9px;padding:9px;border:1px solid var(--line);border-radius:10px;background:#fafafa}

.workspace>b{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:#e3e7fa;color:#34468f;font-size:11px}

.workspace strong,.workspace small,.user strong,.user small,.help strong,.help small{display:block}

.workspace strong{font-size:12px}

.workspace small,.user small,.help small{margin-top:3px;color:#9096a2;font-size:9px}

aside>label{margin:25px 10px 8px;color:#a0a5af;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:1px}

nav a,.bottom>a{height:40px;display:flex;align-items:center;gap:11px;padding:0 10px;border-radius:8px;color:#606979;text-decoration:none;font-size:12px;font-weight:600}

nav a:hover,nav a.active{background:#eef0f7;color:#273557}

.bottom>a:hover,.bottom>a.active{background:#eef0f7;color:#273557}

nav a>i{width:18px;text-align:center;font-style:normal;font-size:16px}

nav em{margin-left:auto;padding:2px 6px;border-radius:9px;background:#e2e5ec;font-size:9px;font-style:normal}

.bottom{margin-top:auto}

.help{display:grid;grid-template-columns:28px 1fr;gap:8px;margin:12px 2px;padding:12px;border-radius:10px;background:#f0f1f5}

.help>b{width:26px;height:26px;display:grid;place-items:center;background:#fff;border-radius:7px}

.user{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:9px;padding:12px 8px 0;border-top:1px solid var(--line)}

.user>b{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#dfe4f1;color:#314264;font-size:8px}

main{grid-column:2;min-width:0}

header{position:sticky;top:0;z-index:5;height:68px;padding:0 34px;display:flex;align-items:center;justify-content:space-between;background:#fffffff2;border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}

header p{color:#999;font-size:11px}

header p i{padding:0 8px;color:#ccc}

header>div{display:flex;gap:8px}

header button{height:36px;padding:0 13px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#687181}

header .primary{background:var(--navy);border-color:var(--navy);color:#fff;font-size:11px;font-weight:700}

.menu{display:none}

.content{max-width:1370px;margin:auto;padding:32px 34px 50px}

.welcome{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:26px}

.welcome>div>small{color:#9298a4;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:1px}

.welcome h1{margin:7px 0;font-size:27px;letter-spacing:-.8px}

.welcome h1 i{color:#d2954a;font-size:19px}

.welcome p{margin:0;color:var(--muted);font-size:12px}

.health{display:flex;align-items:center;gap:9px;padding:11px 14px;background:#fff;border:1px solid var(--line);border-radius:10px}

.health>i{width:8px;height:8px;border-radius:50%;background:#46a17d;box-shadow:0 0 0 4px #e6f4ee}

.health span small,.health span b{display:block}

.health span small{font-size:9px;color:#9297a2}

.health span b{font-size:11px;color:#397b63}

.health>strong{margin-left:13px;font-size:18px}

.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}

.stats article{min-height:112px;display:flex;gap:13px;padding:19px;background:#fff;border:1px solid var(--line);border-radius:11px}

.stats article>i{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;font-style:normal;font-weight:800}

.blue{background:#e9edff;color:#5268dc}

.green{background:#e8f5f0;color:#348b6c}

.orange{background:#fff0e4;color:#d47a32}

.purple{background:#f0ebfa;color:#7259a6}

.stats span small,.stats span b,.stats span em{display:block}

.stats span small{color:#838996;font-size:10px}

.stats span b{margin:5px 0 4px;font-size:22px}

.stats span em{color:#6a917f;font-size:9px;font-style:normal}

.project,.panel{background:#fff;border:1px solid var(--line);border-radius:12px}

.project{margin-bottom:14px}

.project-head{display:flex;justify-content:space-between;align-items:flex-end;padding:19px 20px 16px;border-bottom:1px solid var(--line)}

.project-head>div>small{color:#989da8;font-size:8px;font-weight:800;text-transform:uppercase}

.project-head h2{display:flex;align-items:center;gap:11px;margin:10px 0 0;font-size:15px}

.project-head h2>i{width:38px;height:38px;display:grid;place-items:center;border-radius:9px;background:#eff1fb;color:#34477f;font-style:normal}

.project-head h2 em{display:block;margin-top:4px;color:#8d929d;font-size:9px;font-style:normal;font-weight:400}

.project-head>div:last-child{display:flex;align-items:center;gap:14px}

.project-head>div:last-child b{padding:6px 9px;border-radius:12px;background:#eaf4f0;color:#34785f;font-size:9px}

.project-head button,.panel-head a{border:0;background:none;color:#4d5f8c;font-size:10px;font-weight:700;text-decoration:none}

.project-body{display:grid;grid-template-columns:1fr 255px}

.progress,.budget{padding:21px 22px}

.progress-title{display:flex;justify-content:space-between}

.progress-title span b,.progress-title span small{display:block}

.progress-title span b{font-size:10px}

.progress-title span small{margin-top:4px;color:#9398a3;font-size:9px}

.progress-title>strong{font-size:20px}

.bar{height:5px;margin:14px 0;background:#e9ebef;border-radius:4px;overflow:hidden}

.bar i{display:block;height:100%;background:#5268dc}

.stages,.facts{display:grid;grid-template-columns:repeat(5,1fr)}
.stages{grid-template-columns:repeat(6,1fr)}

.stages span{display:flex;align-items:center;gap:5px;color:#a0a5ae}

.stages i{width:15px;height:15px;display:grid;place-items:center;border:1px solid #d6d8dd;border-radius:50%;font-size:7px;font-style:normal}

.stages small{font-size:8px}

.stages .done{color:#4f8a72}

.stages .current{color:#5368cf;font-weight:700}

.stages .current i{background:#5268dc;color:#fff}

.facts{grid-template-columns:repeat(4,1fr);margin-top:21px;padding-top:16px;border-top:1px solid var(--line)}

.facts span{padding-left:16px;border-left:1px solid var(--line)}

.facts span:first-child{padding-left:0;border:0}

.facts small,.facts b,.money small,.money b{display:block}

.facts small,.budget>small,.money small{color:#959aa5;font-size:8px}

.facts b,.money b{margin-top:5px;font-size:9px}

.budget{border-left:1px solid var(--line);background:#fcfcfb}

.budget h3{margin:7px 0;font-size:21px}

.budget h3 i{color:#999;font-size:8px;font-style:normal}

.budget .bar i{background:#34466f}

.money{display:grid;grid-template-columns:1fr 1fr}

.budget p{display:flex;gap:9px;margin:18px 0 0;padding:10px;border-radius:8px;background:#f0f1f4}

.budget p small,.budget p b{display:block;font-size:8px}

.grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);gap:14px}

.panel-head{min-height:64px;display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border-bottom:1px solid var(--line)}

.panel-head h3{margin:0;font-size:12px}

.panel-head p{margin:4px 0 0;color:#969ba6;font-size:8px}

.badge{padding:4px 7px;border-radius:10px;background:#fff0e4;color:#c96f28;font-size:9px}

.tasks article{min-height:67px;display:grid;grid-template-columns:29px 1fr 62px;align-items:center;gap:9px;padding:9px 18px;border-bottom:1px solid #eff0f2}

.tasks article>i{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:#edf0fb;color:#5065c7;font-style:normal}

.tasks article>i.completed{background:#e9f5f0;color:#3d8b6d}

.tasks article span b,.tasks article span small,.tasks article em small{display:block}

.tasks article span b{font-size:10px}

.tasks article span small{margin-top:5px;color:#979ca7;font-size:8px}

.tasks article em{font-size:8px;font-style:normal}

.approval{display:grid;grid-template-columns:112px 1fr;gap:14px;padding:16px}

.preview{height:132px;padding:14px;border-radius:8px;background:#222c48;color:#fff;font:26px serif}

.preview i{display:block;width:100%;height:4px;margin:8px 0;background:#65708b}

.preview i:first-child{margin-top:28px}

.preview i:nth-child(2){width:72%;background:#ee9f61}

.approval>div:last-child>em{padding:3px 5px;border-radius:4px;background:#edf0fb;color:#5267bf;font-size:6px;font-weight:800;font-style:normal}

.approval h4{margin:10px 0 6px;font-size:10px}

.approval p{color:#9297a3;font-size:8px}

.approval form{display:flex;gap:6px;margin-top:24px}

.approval button{height:29px;padding:0 9px;border:1px solid #2d8b69;border-radius:7px;background:#2f8b6b;color:#fff;font-size:8px;font-weight:700}

.approval button.secondary{border-color:var(--line);background:#fff;color:#667080}

.empty{text-align:center;padding:28px;color:#2f8b6b}

.empty h4{margin:9px 0 4px;color:var(--ink)}

.empty p{color:#8b929f;font-size:9px}

.activity{padding:2px 18px 8px}

.activity article{display:grid;grid-template-columns:30px 1fr;gap:9px;padding:12px 0;border-bottom:1px solid #eff0f2}

.activity article>i{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#dfe4f1;color:#314264;font-size:7px;font-style:normal;font-weight:800}

.activity p{margin:1px 0 5px;color:#515a6a;font-size:9px}

.activity small{color:#a4a8b0;font-size:8px}

.meeting{align-self:start}

.date{display:flex;gap:12px;padding:17px 18px}

.date>b{width:42px;height:47px;display:grid;place-items:center;padding:5px;border-radius:8px;background:#eff0f4;font-size:17px}

.date>b small{font-size:7px}

.date span strong,.date span small{display:block}

.date span small{margin-top:6px;color:#8d939e;font-size:8px}

.meeting>button{width:calc(100% - 36px);height:34px;margin:0 18px 18px;border:1px solid #dcdfe5;border-radius:7px;background:#fff;color:#44547c;font-size:9px;font-weight:700}

.flash{margin-bottom:15px;padding:12px;border-radius:8px;background:#e8f5ef;color:#287257}

#toast{position:fixed;right:24px;bottom:24px;z-index:30;transform:translateY(90px);padding:12px 16px;border-radius:9px;background:#202a44;color:#fff;transition:.2s}

#toast.show{transform:none}

@media(max-width:1000px){.stats{grid-template-columns:repeat(2,1fr)}

.project-body{grid-template-columns:1fr}

.budget{border-left:0;border-top:1px solid var(--line)}

.grid{grid-template-columns:1fr}

}

@media(max-width:720px){.app{display:block}

aside{transform:translateX(-100%);transition:.2s}

aside.open{transform:none}

main{display:block}

header{padding:0 16px}

.menu{display:block}

header p{display:none}

.content{padding:24px 16px}

.welcome{display:block}

.health{margin-top:18px;width:max-content}

.stats{grid-template-columns:1fr 1fr}

.facts{grid-template-columns:1fr 1fr;gap:14px}

.stages small{display:none}

}

@media(max-width:460px){.stats{grid-template-columns:1fr}

.project-head>div:last-child{display:none}

.approval{grid-template-columns:88px 1fr}

}


/* Readability scale — aligned with the Alima design system */
body{font-family:Inter,"Suisse Intl",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}

.brand{font-size:20px}

.workspace strong{font-size:14px}
.workspace small,.user small,.help small{font-size:12px}

.workspace>b{font-size:12px}

aside>label{font-size:11px}

nav a,.bottom>a{height:46px;font-size:14px}

nav em{font-size:11px;padding:2px 7px}

.user>b{font-size:10px}
.user strong,.help strong{font-size:13px}

header{height:74px}
header p,header .primary,header button{font-size:13px}

.welcome>div>small{font-size:11px}
.welcome h1{font-size:clamp(30px,2.4vw,36px);line-height:1.2}
.welcome p{font-size:15px}

.health span small{font-size:11px}
.health span b{font-size:14px}
.health>strong{font-size:22px}

.stats article{min-height:128px;padding:22px}
.stats span small{font-size:13px}
.stats span b{font-size:28px;line-height:1.15}
.stats span em{font-size:12px}

.project-head>div>small{font-size:11px}
.project-head h2{font-size:18px}
.project-head h2 em{font-size:12px}
.project-head>div:last-child b{font-size:12px}
.project-head button,.panel-head a{font-size:13px}

.progress-title span b{font-size:14px}
.progress-title span small{font-size:12px}
.progress-title>strong{font-size:25px}

.stages i{width:22px;height:22px;font-size:10px}
.stages small{font-size:11px}

.facts small,.budget>small,.money small{font-size:11px}
.facts b,.money b{font-size:13px}
.budget h3{font-size:26px}
.budget h3 i{font-size:11px}
.budget p small,.budget p b{font-size:11px}

.panel-head{min-height:76px}
.panel-head h3{font-size:16px}
.panel-head p{font-size:12px}
.badge{font-size:12px}

.tasks article{min-height:80px}
.tasks article>i{width:34px;height:34px}
.tasks article span b{font-size:14px}
.tasks article span small{font-size:12px}
.tasks article em{font-size:11px}

.approval>div:last-child>em{font-size:9px}
.approval h4{font-size:14px}
.approval p{font-size:11px}
.approval button{height:36px;font-size:11px;padding:0 12px}
.empty p{font-size:12px}

.activity article>i{width:36px;height:36px;font-size:10px}
.activity p{font-size:13px}
.activity small{font-size:11px}

.date>b{width:50px;height:56px;font-size:20px}
.date>b small{font-size:9px}
.date span strong{font-size:14px}
.date span small{font-size:12px}
.meeting>button{height:42px;font-size:12px}

.theme-toggle{font-size:13px}


/* Theme system */
html{color-scheme:light;transition:background-color .2s ease}

html[data-theme="dark"]{color-scheme:dark;--ink:#edf0f7;--muted:#a3aabd;--line:#303747;--cream:#11151d;--navy:#7185e8}

html[data-theme="dark"] body{background:#11151d}

html[data-theme="dark"] aside,html[data-theme="dark"] header,html[data-theme="dark"] .stats article,html[data-theme="dark"] .project,html[data-theme="dark"] .panel,html[data-theme="dark"] .health{background:#191e28;color:var(--ink)}

html[data-theme="dark"] header{background:#191e28ee}

html[data-theme="dark"] .workspace,html[data-theme="dark"] header button,html[data-theme="dark"] .meeting>button,html[data-theme="dark"] .approval button.secondary{background:#202632;color:#c7cede}

html[data-theme="dark"] nav a{color:#aeb6c8}

html[data-theme="dark"] nav a:hover,html[data-theme="dark"] nav a.active{background:#272e3d;color:#fff}

html[data-theme="dark"] .bottom>a:hover,html[data-theme="dark"] .bottom>a.active{background:#272e3d;color:#fff}

html[data-theme="dark"] .help,html[data-theme="dark"] .budget,html[data-theme="dark"] .budget p,html[data-theme="dark"] .date>b{background:#202632}

html[data-theme="dark"] .help>b{background:#2a3140}

html[data-theme="dark"] .brand>i,html[data-theme="dark"] header .primary{background:#6579dc;color:#fff}

html[data-theme="dark"] .project-head h2>i,html[data-theme="dark"] .workspace>b,html[data-theme="dark"] .user>b,html[data-theme="dark"] .activity article>i{background:#2d3650;color:#aab9ff}

html[data-theme="dark"] .bar{background:#303747}

html[data-theme="dark"] .tasks article>i{background:#293149}

html[data-theme="dark"] .preview{background:#101522}

html[data-theme="dark"] .flash{background:#173b30;color:#8bdfbd}

.theme-toggle{min-width:82px}
.theme-toggle span{margin-left:4px}

@media(max-width:720px){.theme-toggle{min-width:38px}
.theme-toggle span{display:none}
}


/* Demo data directories */
.demo-section{margin-top:18px;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}

.section-heading{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid var(--line)}

.section-heading h2{margin:0;font-size:18px}
.section-heading p{margin:4px 0 0;color:var(--muted);font-size:12px}
.section-heading>span{padding:5px 9px;border-radius:14px;background:#eef0f7;color:#52618a;font-size:11px;font-weight:700}

.project-row{min-height:74px;display:grid;grid-template-columns:38px minmax(210px,1fr) 130px minmax(120px,180px) 95px;align-items:center;gap:14px;padding:12px 22px;border-bottom:1px solid var(--line)}
.project-row:last-child{border-bottom:0}

.project-symbol{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#e9edff;color:#4257b1;font-size:14px;font-weight:800}
.project-info b,.project-info small,.project-cost b,.project-cost small{display:block}
.project-info b{font-size:14px}
.project-info small,.project-cost small{margin-top:4px;color:var(--muted);font-size:11px}
.project-cost b{margin-top:3px;font-size:13px}
.status-pill{justify-self:start;padding:5px 8px;border-radius:12px;background:#eef0f4;color:#667085;font-size:10px;font-weight:700;text-transform:capitalize}
.status-in_development{background:#e9edff;color:#5063bf}
.status-qa_testing{background:#fff0e4;color:#bd6928}
.status-design{background:#f0eafa;color:#7657a7}
.status-completed{background:#e6f5ee;color:#2d7c5f}
.mini-progress{display:flex;align-items:center;gap:8px}
.mini-progress>span{height:6px;flex:1;background:#e9ebef;border-radius:4px;overflow:hidden}
.mini-progress i{display:block;height:100%;background:#5268dc}
.mini-progress b{font-size:11px}

.people-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.person-card{position:relative;display:grid;grid-template-columns:42px 1fr;align-items:center;gap:11px;min-height:92px;padding:16px 18px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.person-card:nth-child(4n){border-right:0}
.person-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#e9edff;color:#4257b1;font-size:11px;font-weight:800}
.role-developer{background:#e6f5ee;color:#2d7c5f}
.role-designer{background:#f0eafa;color:#7657a7}
.role-finance{background:#fff0e4;color:#bd6928}
.role-support{background:#e6f1fa;color:#31749d}
.person-card b,.person-card small,.person-card em{display:block}
.person-card b{font-size:13px}
.person-card small{margin-top:3px;color:#596784;font-size:11px}
.person-card em{margin-top:2px;color:var(--muted);font-size:10px;font-style:normal}
.online{position:absolute;right:14px;top:15px;width:7px;height:7px;border-radius:50%;background:#45a27d}

html[data-theme="dark"] .demo-section{background:#191e28}
html[data-theme="dark"] .section-heading>span,html[data-theme="dark"] .status-pill{background:#272e3d;color:#b5bfd8}
html[data-theme="dark"] .project-symbol,html[data-theme="dark"] .person-avatar{background:#2d3650;color:#aab9ff}
html[data-theme="dark"] .mini-progress>span{background:#303747}

@media(max-width:1000px){.people-grid{grid-template-columns:repeat(2,1fr)}
.person-card:nth-child(2n){border-right:0}
.project-row{grid-template-columns:38px 1fr 120px 100px}
.project-cost{display:none}
}

@media(max-width:650px){.project-row{grid-template-columns:38px 1fr auto}
.mini-progress{display:none}
.status-pill{font-size:9px}
.people-grid{grid-template-columns:1fr}
.person-card{border-right:0}
.section-heading{padding:17px}
.project-row{padding:12px 17px}
}


/* Sidebar navigation and module previews */
#overview,#projects,#tasks,#calendar,#approvals,#invoices{scroll-margin-top:96px}

.module-modal{position:fixed;inset:0;z-index:50;display:none;place-items:center;padding:20px}
.module-modal.open{display:grid}
.modal-backdrop{position:absolute;inset:0;border:0;background:#11182799;backdrop-filter:blur(4px)}
.modal-card{position:relative;width:min(440px,100%);padding:34px;border:1px solid var(--line);border-radius:18px;background:#fff;text-align:center;box-shadow:0 24px 70px #11182740}
.modal-card>i{width:58px;height:58px;display:grid;place-items:center;margin:0 auto 16px;border-radius:16px;background:#e9edff;color:#5063bf;font-size:25px;font-style:normal}
.modal-card h2{margin:0;font-size:24px}
.modal-card p{margin:10px auto 24px;color:var(--muted);font-size:14px;line-height:1.6}
.modal-close{position:absolute;right:14px;top:12px;width:34px;height:34px;border:0;border-radius:9px;background:#f0f1f4;color:#697181;font-size:22px}
.primary-modal{height:42px;padding:0 18px;border:0;border-radius:9px;background:var(--navy);color:#fff;font-weight:700}

html[data-theme="dark"] .modal-card{background:#191e28}
html[data-theme="dark"] .modal-card>i{background:#2d3650;color:#aab9ff}
html[data-theme="dark"] .modal-close{background:#272e3d;color:#d4daea}


/* Authentication */
.user{grid-template-columns:34px 1fr auto}
.user form{margin:0}
.logout-button{width:32px;height:32px;border:0;border-radius:8px;background:#f0f1f4;color:#687181;font-size:17px}
.logout-button:hover{background:#fee8e6;color:#b8463e}

.auth-body{min-height:100vh;background:#f4f6fa}
.auth-shell{display:grid;grid-template-columns:minmax(420px,.9fr) 1.1fr;min-height:100vh}
.auth-brand{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:48px clamp(36px,5vw,78px);background:linear-gradient(145deg,#17213a,#263961 65%,#5268dc);color:#fff}
.auth-brand:after{content:"";position:absolute;width:520px;height:520px;right:-230px;bottom:-220px;border:1px solid #ffffff24;border-radius:50%;box-shadow:0 0 0 75px #ffffff08,0 0 0 150px #ffffff06}
.auth-brand .brand{position:relative;z-index:1;color:#fff;padding:0}
.auth-brand .brand>i{background:#fff;color:#253657}
.auth-brand>div{position:relative;z-index:1}
.auth-brand>div>span,.auth-eyebrow{font-size:11px;font-weight:800;letter-spacing:1.6px}
.auth-brand h1{margin:16px 0;font-size:clamp(34px,4vw,58px);line-height:1.08;letter-spacing:-1.8px}
.auth-brand>div p{max-width:520px;color:#d4dced;font-size:16px;line-height:1.7}
.auth-brand blockquote{position:relative;z-index:1;margin:0;max-width:520px;padding:22px;border:1px solid #ffffff26;border-radius:14px;background:#ffffff12;font-size:15px;line-height:1.6;backdrop-filter:blur(10px)}
.auth-brand blockquote footer{margin-top:12px;color:#cfd7e8;font-size:12px}
.auth-panel{display:grid;place-items:center;padding:32px}
.auth-card{position:relative;width:min(470px,100%)}
.auth-theme{position:absolute;right:0;top:0;width:40px;height:40px;border:1px solid var(--line);border-radius:10px;background:#fff;color:#687181;font-size:18px}
.mobile-auth-logo{display:none}
.auth-eyebrow{color:#5268dc}
.auth-card h2{margin:10px 0 8px;font-size:32px;letter-spacing:-.7px}
.auth-card>p{margin:0 0 26px;color:var(--muted);font-size:14px}
.auth-card form>label{display:block;margin:15px 0 0;font-size:13px;font-weight:700}
.auth-card input[type="email"],.auth-card input[type="password"]{width:100%;height:50px;margin-top:7px;padding:0 14px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);outline:0;font-size:14px}
.auth-card input:focus{border-color:#5268dc;box-shadow:0 0 0 3px #5268dc20}
.form-options{display:flex;align-items:center;justify-content:space-between;margin:14px 0 20px;color:var(--muted);font-size:12px}
.form-options label{display:flex;align-items:center;gap:6px}
.login-button{width:100%;height:50px;display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:10px;background:#202a44;color:#fff;font-size:14px;font-weight:800}
.login-button:hover{background:#11192c}
.demo-login{margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}
.demo-login b,.demo-login small{display:block}
.demo-login b{font-size:13px}
.demo-login small{margin-top:3px;color:var(--muted);font-size:11px}
.demo-login select{width:100%;height:46px;margin-top:10px;padding:0 12px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink)}
.secure-note{display:block;margin-top:18px;color:var(--muted);text-align:center;font-size:10px}
.auth-error,.auth-status{padding:11px 13px;border-radius:9px;font-size:12px}
.auth-error{background:#feeceb;color:#a73d37}
.auth-status{background:#e6f5ee;color:#2d7c5f}

html[data-theme="dark"] .auth-body,html[data-theme="dark"] .auth-panel{background:#11151d}
html[data-theme="dark"] .auth-theme,html[data-theme="dark"] .auth-card input,html[data-theme="dark"] .demo-login select{background:#202632;color:#edf0f7}
html[data-theme="dark"] .logout-button{background:#272e3d;color:#d4daea}

@media(max-width:850px){.auth-shell{grid-template-columns:1fr}
.auth-brand{display:none}
.auth-panel{padding:24px}
.mobile-auth-logo{display:flex;align-items:center;gap:9px;margin-bottom:42px;font-size:18px;font-weight:800}
.mobile-auth-logo i{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#202a44;color:#fff;font-style:normal}
}


/* Project details and membership workflow */
.detail-shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh}
.detail-aside{position:fixed;inset:0 auto 0 0;width:248px;padding:22px 14px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column}
.back-link{padding:10px;color:#596784;text-decoration:none;font-size:12px}
.detail-nav{margin-top:18px}
.detail-nav>span{display:block;padding:0 10px 9px;color:#999;font-size:10px;font-weight:800;letter-spacing:1px}
.detail-nav a{position:relative;height:44px;display:flex;align-items:center;gap:11px;margin:3px 0;padding:0 12px;border:1px solid transparent;border-radius:10px;color:#667080;text-decoration:none;font-size:13px;font-weight:650;transition:color .18s,background .18s,border-color .18s,transform .18s,box-shadow .18s}
.detail-nav a:hover,.detail-nav a:focus-visible{border-color:#d8d8fa;background:linear-gradient(100deg,#f0efff,#f7f5ff);color:#4e48b9;box-shadow:0 7px 18px #635bff16;transform:translateX(3px);outline:0}
.detail-nav a.active{border-color:#cfcdfd;background:linear-gradient(100deg,#e9e7ff,#f2edff);color:#514ac4;box-shadow:inset 3px 0 #635bff,0 6px 16px #635bff12}
.detail-nav a.active:after{content:"";position:absolute;right:11px;width:6px;height:6px;border-radius:50%;background:#635bff;box-shadow:0 0 0 4px #635bff16}
.detail-nav i{width:20px;height:20px;display:grid;place-items:center;border-radius:6px;background:#eff0f5;font-style:normal;font-size:10px;transition:background .18s,color .18s,transform .18s}.detail-nav a:hover i,.detail-nav a.active i{background:#635bff;color:#fff;transform:scale(1.06)}.detail-nav a>em{margin-left:auto;color:#969bad;font-size:10px;font-style:normal}.detail-nav a.active>em{display:none}
.detail-aside .user{margin-top:auto}
.detail-main{grid-column:2}
.detail-main header a{color:#71809a;text-decoration:none}
.detail-content{max-width:1250px;margin:auto;padding:32px 34px 60px}
.detail-hero{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}
.detail-hero h1{margin:12px 0 7px;font-size:clamp(28px,3vw,40px);letter-spacing:-1px}
.detail-hero p{margin:0;color:var(--muted);font-size:14px}
.priority{display:inline-flex;padding:7px 10px;border-radius:9px;background:#fff0e4;color:#bd6928;font-size:11px;font-weight:700}
.priority-critical{background:#feeceb;color:#b33f38}
.invitation-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;padding:17px 20px;border:1px solid #cfd7fa;border-radius:12px;background:#eff2ff}
.invitation-banner>div{display:flex;align-items:center;gap:10px}
.invitation-banner>div>i{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#fff;color:#5268dc;font-style:normal}
.invitation-banner b,.invitation-banner small{display:block}
.invitation-banner small{margin-top:3px;color:#6d7690;font-size:11px}
.invitation-banner form{margin:0}
.invitation-banner button{height:36px;padding:0 13px;border:1px solid var(--line);border-radius:8px;background:#fff}
.invitation-banner .accept{border-color:#2f8b6b;background:#2f8b6b;color:#fff}
.detail-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}
.detail-stats article{padding:19px;border:1px solid var(--line);border-radius:12px;background:#fff}
.detail-stats small,.detail-stats b,.detail-stats em{display:block}
.detail-stats small{color:var(--muted);font-size:11px}
.detail-stats b{margin:6px 0 5px;font-size:24px}
.detail-stats em{color:#66758d;font-size:11px;font-style:normal}
.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
.detail-card{margin-bottom:16px;border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden}
.detail-grid .detail-card{margin:0}
.card-title{min-height:72px;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line)}
.card-title h2{margin:0;font-size:16px}
.card-title p{margin:4px 0 0;color:var(--muted);font-size:11px}
.card-title>span{padding:4px 8px;border-radius:10px;background:#eef0f7;color:#52618a;font-size:10px}
.chart-layout{display:grid;grid-template-columns:170px 1fr;align-items:center;gap:25px;padding:24px}
.donut{width:150px;height:150px;position:relative;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#6075de calc(var(--progress)*1%),#e9ebef 0)}
.donut:after{content:"";position:absolute;width:104px;height:104px;border-radius:50%;background:#fff}
.donut span{position:relative;z-index:1;text-align:center}
.donut b,.donut small{display:block}
.donut b{font-size:25px}
.donut small{color:var(--muted);font-size:10px}
.chart-legend span{display:grid;grid-template-columns:9px 1fr auto;align-items:center;gap:8px;padding:7px 0}
.chart-legend i{width:8px;height:8px;border-radius:50%}
.chart-legend b{font-size:11px}
.chart-legend em{color:var(--muted);font-size:11px;font-style:normal}
.budget-big{padding:27px}
.budget-big>b,.budget-big>small{display:block}
.budget-big>b{font-size:30px}
.budget-big>small{margin-top:3px;color:var(--muted);font-size:11px}
.budget-values{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:9px}.budget-values span{padding:13px 15px;border:1px solid var(--line);border-radius:11px;background:#f7f8fb}.budget-values small,.budget-values b{display:block}.budget-values small{color:var(--muted);font-size:10px}.budget-values b{margin-top:5px;font-size:20px}.budget-values span:last-child{background:#eef8f4}.budget-values span:last-child b{color:#28785a}html[data-theme="dark"] .budget-values span{background:#202632}html[data-theme="dark"] .budget-values span:last-child{background:#173b30}html[data-theme="dark"] .budget-values span:last-child b{color:#8bdfbd}@media(max-width:500px){.budget-values{grid-template-columns:1fr}}
.budget-values .credit-balance{border-color:#c9bdf9;background:linear-gradient(135deg,#f2efff,#ece8ff)}.budget-values .credit-balance b{color:#6553c8}html[data-theme="dark"] .budget-values .credit-balance{background:#292343}html[data-theme="dark"] .budget-values .credit-balance b{color:#c3b8ff}
.budget-big>div:last-child{display:flex;gap:20px;color:#667080;font-size:10px}
.budget-big>div:last-child span i{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:#34466f}
.budget-big>div:last-child span:last-child i{background:#dfe2e8}
.invite-form{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;padding:16px 20px;background:#fafbfc;border-bottom:1px solid var(--line)}
.invite-form select,.invite-form input{height:42px;padding:0 11px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink)}
.invite-form button{height:42px;padding:0 14px;border:0;border-radius:8px;background:var(--navy);color:#fff;font-size:11px;font-weight:700}
.member-row{min-height:66px;display:grid;grid-template-columns:minmax(210px,1.2fr) 1fr 100px 130px 70px;align-items:center;gap:12px;padding:10px 20px;border-bottom:1px solid var(--line);font-size:12px}
.member-row:last-child{border:0}
.member-head{min-height:42px;color:var(--muted);font-size:10px;font-weight:700;text-transform:uppercase}
.member-person{display:flex;align-items:center;gap:10px}
.member-person>i{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#e9edff;color:#5063bf;font-style:normal;font-weight:800}
.member-person b,.member-person small{display:block}
.member-person small{margin-top:3px;color:var(--muted);font-size:10px;font-weight:400}
.member-status{padding:4px 7px;border-radius:10px;background:#fff0e4;color:#bd6928;font-size:10px;font-style:normal}
.member-status.accepted{background:#e6f5ee;color:#2d7c5f}
.member-status.rejected{background:#feeceb;color:#b33f38}
.remove-member{border:0;background:transparent;color:#b34e47;font-size:10px;font-weight:700}

.project-row{color:var(--ink);text-decoration:none;transition:background .15s}
.project-row:hover{background:#f8f9fb}
.open-project{color:#4d5f8c;text-decoration:none;font-size:13px;font-weight:700}

html[data-theme="dark"] .detail-aside,html[data-theme="dark"] .detail-card,html[data-theme="dark"] .detail-stats article,html[data-theme="dark"] .donut:after{background:#191e28}
html[data-theme="dark"] .detail-nav a:hover,html[data-theme="dark"] .detail-nav a:focus-visible{border-color:#46436f;background:linear-gradient(100deg,#2b2948,#25283a);color:#cbc7ff;box-shadow:0 8px 22px #0003}html[data-theme="dark"] .detail-nav a.active{border-color:#484477;background:linear-gradient(100deg,#302d55,#292b42);color:#d7d3ff;box-shadow:inset 3px 0 #8179ff,0 8px 20px #0002}html[data-theme="dark"] .detail-nav i{background:#242a37;color:#929bad}html[data-theme="dark"] .detail-nav a:hover i,html[data-theme="dark"] .detail-nav a.active i{background:#756dff;color:#fff}html[data-theme="dark"] .project-row:hover{background:#272e3d}
html[data-theme="dark"] .invite-form{background:#202632}
html[data-theme="dark"] .invite-form select,html[data-theme="dark"] .invite-form input{background:#191e28;color:#edf0f7}
html[data-theme="dark"] .invitation-banner{background:#222b45;border-color:#3c4d7b}
html[data-theme="dark"] .invitation-banner>div>i{background:#2d3650}
html[data-theme="dark"] .donut{background:conic-gradient(#7185e8 calc(var(--progress)*1%),#303747 0)}

@media(max-width:1000px){.detail-grid{grid-template-columns:1fr}
.member-row{grid-template-columns:minmax(180px,1fr) 1fr 90px 60px}
.member-row>span:nth-child(4){display:none}
.detail-stats{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:720px){.detail-shell{display:block}
.detail-aside{display:none}
.detail-aside.open{z-index:120;display:flex;box-shadow:18px 0 45px #0005}
.detail-main{display:block}
.detail-content{padding:24px 16px}
.detail-hero{display:block}
.detail-actions{margin-top:14px}
.invitation-banner{align-items:flex-start;display:block}
.invitation-banner>div:last-child{margin-top:14px}
.invite-form{grid-template-columns:1fr}
.member-row{grid-template-columns:1fr 90px}
.member-row>span:nth-child(2),.member-row>span:nth-child(4),.member-row>span:nth-child(5){display:none}
.member-head{display:none}
.chart-layout{grid-template-columns:1fr}
.donut{margin:auto}
}


/* Project creation */
.section-actions{display:flex;align-items:center;gap:10px}
.section-actions>span{padding:5px 9px;border-radius:14px;background:#eef0f7;color:#52618a;font-size:11px;font-weight:700}
.section-actions>a{height:34px;display:inline-flex;align-items:center;padding:0 11px;border-radius:8px;background:var(--navy);color:#fff;text-decoration:none;font-size:11px;font-weight:700}
.create-shell{min-height:100vh}
.create-header{position:sticky;top:0;z-index:5;height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4vw,64px);border-bottom:1px solid var(--line);background:#fffffff2}
.create-header .brand{padding:0}
.create-header>div{display:flex;align-items:center;gap:10px}
.create-header button,.create-header>div>a{height:38px;display:inline-flex;align-items:center;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#667080;text-decoration:none;font-size:12px}
.create-main{max-width:920px;margin:auto;padding:42px 24px 70px}
.create-intro>a{display:block;margin-bottom:30px;color:#5b6b95;text-decoration:none;font-size:12px}
.create-intro>span{color:#5268dc;font-size:11px;font-weight:800;letter-spacing:1.4px}
.create-intro h1{margin:9px 0;font-size:36px;letter-spacing:-1px}
.create-intro p{max-width:680px;margin:0 0 28px;color:var(--muted);font-size:14px;line-height:1.65}
.project-form{display:grid;gap:16px}
.project-form>section{padding:24px;border:1px solid var(--line);border-radius:14px;background:#fff}
.form-section-title{display:flex;align-items:flex-start;gap:12px;margin-bottom:22px}
.form-section-title>i{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#e9edff;color:#5268dc;font-size:11px;font-style:normal;font-weight:800}
.form-section-title h2{margin:0;font-size:17px}
.form-section-title p{margin:4px 0 0;color:var(--muted);font-size:11px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}
.form-grid label{color:#4f5869;font-size:12px;font-weight:700}
.form-grid label.wide{grid-column:1/-1}
.form-grid input,.form-grid select{width:100%;height:46px;margin-top:7px;padding:0 12px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);outline:0}
.form-grid input:focus,.form-grid select:focus{border-color:#5268dc;box-shadow:0 0 0 3px #5268dc18}
.form-grid output{float:right;color:#5268dc;font-weight:800}
.form-grid input.range{height:8px;margin-top:16px;padding:0;accent-color:#5268dc}
.form-submit{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border:1px solid var(--line);border-radius:14px;background:#fff}
.form-submit b,.form-submit small{display:block}
.form-submit b{font-size:14px}
.form-submit small{margin-top:4px;color:var(--muted);font-size:11px}
.form-submit button{height:46px;padding:0 18px;border:0;border-radius:9px;background:var(--navy);color:#fff;font-size:12px;font-weight:800}
.form-errors{margin-bottom:16px;padding:15px 18px;border-radius:10px;background:#feeceb;color:#a53f38;font-size:12px}
.form-errors ul{margin:7px 0 0;padding-left:18px}
.contact-builder{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.contact-builder>div:first-child b,.contact-builder>div:first-child small{display:block}.contact-builder>div:first-child b{font-size:13px}.contact-builder>div:first-child small{margin-top:3px;color:var(--muted);font-size:10px}.contact-builder>button{height:38px;margin-top:10px;padding:0 12px;border:1px dashed #8e97b2;border-radius:9px;background:transparent;color:#5263a6;font-size:11px;font-weight:700}.contact-row{display:grid;grid-template-columns:1fr 1fr 1fr 36px;align-items:end;gap:9px;margin-top:12px;padding:12px;border-radius:11px;background:#f7f8fb}.contact-row label{color:#596274;font-size:10px;font-weight:700}.contact-row input{width:100%;height:40px;margin-top:5px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:#fff}.contact-row>button{width:36px;height:40px;border:0;border-radius:8px;background:#feeceb;color:#b6453e;font-size:18px}html[data-theme="dark"] .contact-row{background:#202632}html[data-theme="dark"] .contact-row input{background:#191e28;color:#edf0f7}@media(max-width:720px){.contact-row{grid-template-columns:1fr}.contact-row>button{width:100%}}
.project-contacts{display:grid;grid-template-columns:220px 1fr;gap:18px;margin-bottom:16px;padding:18px 20px;border:1px solid var(--line);border-radius:14px;background:var(--surface,#fff)}.project-contacts>div:first-child b,.project-contacts>div:first-child small{display:block}.project-contacts>div:first-child small{margin-top:5px;color:var(--muted);font-size:10px}.project-contacts>div:last-child{display:flex;flex-wrap:wrap;gap:9px}.project-contacts article{min-width:210px;display:flex;align-items:center;gap:9px;padding:9px 11px;border-radius:10px;background:#f5f7fb}.project-contacts article>i{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:#e6e8ff;color:#574fc7;font-style:normal;font-weight:800}.project-contacts article b,.project-contacts article small{display:block}.project-contacts article b{font-size:11px}.project-contacts article small{margin-top:3px;color:var(--muted);font-size:9px}html[data-theme="dark"] .project-contacts article{background:#202632}@media(max-width:720px){.project-contacts{grid-template-columns:1fr}}
.progress-manager{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(420px,1.6fr);gap:28px;margin-bottom:16px;padding:22px;border:1px solid #cfd3ff;border-radius:14px;background:linear-gradient(125deg,#f7f7ff,#effbf8);box-shadow:0 12px 34px #4c4bb412}.progress-manager-copy>span{color:#635bff;font-size:9px;font-weight:900;letter-spacing:1.3px}.progress-manager-copy h2{margin:7px 0 5px;font-size:18px}.progress-manager-copy p{margin:0;color:var(--muted);font-size:11px;line-height:1.55}.progress-manager form{display:grid;grid-template-columns:1fr 1.2fr auto;align-items:end;gap:12px}.progress-manager label{color:#596274;font-size:10px;font-weight:800}.progress-manager select{width:100%;height:42px;margin-top:6px;padding:0 11px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink)}.progress-manager output{float:right;color:#635bff;font-size:12px;font-weight:900}.progress-manager input[type="range"]{width:100%;height:42px;margin-top:6px;accent-color:#635bff}.progress-manager button{height:42px;padding:0 16px;border:0;border-radius:9px;background:linear-gradient(135deg,#635bff,#8b5cf6);color:#fff;font-size:11px;font-weight:800;white-space:nowrap;box-shadow:0 8px 20px #635bff32}html[data-theme="dark"] .progress-manager{border-color:#3b3b68;background:linear-gradient(125deg,#202337,#172d2b)}html[data-theme="dark"] .progress-manager select{background:#191e28;color:#edf0f7}@media(max-width:900px){.progress-manager{grid-template-columns:1fr}.progress-manager form{grid-template-columns:1fr 1fr auto}}@media(max-width:620px){.progress-manager form{grid-template-columns:1fr}.progress-manager button{width:100%}}
.project-environments{display:grid;grid-template-columns:220px 1fr;gap:18px;margin-bottom:16px;padding:18px 20px;border:1px solid var(--line);border-radius:14px;background:var(--surface,#fff)}.project-environments>div:first-child b,.project-environments>div:first-child small{display:block}.project-environments>div:first-child small{margin-top:5px;color:var(--muted);font-size:10px}.project-environments>div:last-child{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.project-environments article{min-width:0;padding:11px 13px;border-radius:10px;background:#f5f7fb}.project-environments article span,.project-environments article b{display:block}.project-environments article span{color:#635bff;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.8px}.project-environments article b{margin-top:5px;overflow:hidden;text-overflow:ellipsis;font-size:11px;white-space:nowrap}html[data-theme="dark"] .project-environments article{background:#202632}@media(max-width:720px){.project-environments{grid-template-columns:1fr}.project-environments>div:last-child{grid-template-columns:1fr}}
.environment-editor form{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:10px}.environment-editor label{color:#596274;font-size:10px;font-weight:800}.environment-editor input{width:100%;height:42px;margin-top:6px;padding:0 11px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink)}.environment-editor button{height:42px;padding:0 15px;border:0;border-radius:9px;background:linear-gradient(135deg,#635bff,#8b5cf6);color:#fff;font-size:11px;font-weight:800;white-space:nowrap}html[data-theme="dark"] .environment-editor input{background:#191e28;color:#edf0f7}@media(max-width:760px){.environment-editor form{grid-template-columns:1fr}.environment-editor button{width:100%}}
.payment-recorder{display:grid;grid-template-columns:260px 1fr;gap:22px;margin-bottom:16px;padding:22px;border:1px solid #b8ddcf;border-radius:14px;background:linear-gradient(125deg,#f2fbf7,#f7f7ff)}.payment-recorder>div:first-child>span{color:#278366;font-size:9px;font-weight:900;letter-spacing:1.2px}.payment-recorder h2{margin:7px 0 5px;font-size:18px}.payment-recorder p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}.payment-recorder form{display:grid;grid-template-columns:1fr 1fr 1.2fr auto;align-items:end;gap:10px}.payment-recorder label{color:#596274;font-size:10px;font-weight:800}.payment-recorder input{width:100%;height:42px;margin-top:6px;padding:0 10px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink)}.payment-recorder button{height:42px;padding:0 15px;border:0;border-radius:9px;background:#218163;color:#fff;font-size:11px;font-weight:800;white-space:nowrap}.payment-history{grid-column:1/-1;border-top:1px solid var(--line)}.payment-history article{display:flex;align-items:center;justify-content:space-between;padding:10px 2px;border-bottom:1px solid var(--line)}.payment-history b,.payment-history small{display:block}.payment-history small,.payment-history em{margin-top:3px;color:var(--muted);font-size:9px;font-style:normal}html[data-theme="dark"] .payment-recorder{border-color:#285649;background:linear-gradient(125deg,#172d28,#202238)}html[data-theme="dark"] .payment-recorder input{background:#191e28;color:#edf0f7}@media(max-width:950px){.payment-recorder{grid-template-columns:1fr}.payment-recorder form{grid-template-columns:1fr 1fr}}@media(max-width:600px){.payment-recorder form{grid-template-columns:1fr}}
.message-alert{height:36px;display:inline-flex;align-items:center;gap:6px;padding:0 11px;border:1px solid var(--line);border-radius:9px;background:var(--surface,#fff);color:var(--ink);text-decoration:none;font-size:11px;font-weight:800}.message-alert b{min-width:19px;height:19px;display:grid;place-items:center;padding:0 5px;border-radius:10px;background:#e4556c;color:#fff;font-size:9px}.project-chat{overflow:hidden}.message-stream{max-height:560px;overflow:auto;padding:18px 20px;background:#fafbfe}.message-stream>article{display:flex;align-items:flex-start;gap:10px;margin-bottom:15px}.message-stream>article>i{width:34px;height:34px;display:grid;flex:0 0 34px;place-items:center;border-radius:10px;background:#e7e8ff;color:#554fc2;font-size:9px;font-style:normal;font-weight:900}.message-stream>article>div{max-width:min(720px,82%);padding:10px 12px;border:1px solid var(--line);border-radius:4px 13px 13px;background:#fff}.message-stream>article.mine{flex-direction:row-reverse}.message-stream>article.mine>div{border-color:#d9d6ff;border-radius:13px 4px 13px;background:#f0efff}.message-stream article header{height:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0;border:0;background:transparent!important;box-shadow:none}.message-stream article header b{font-size:10px}.message-stream article header small{color:var(--muted);font-size:8px}.message-stream article p{margin:7px 0 0;white-space:pre-wrap;font-size:12px;line-height:1.55}.message-file{display:flex;align-items:center;gap:8px;margin-top:9px;color:var(--ink);text-decoration:none;font-size:10px}.message-file img,.message-file video{display:block;width:min(420px,100%);max-height:280px;border-radius:9px;object-fit:contain;background:#111}.message-file>span{width:31px;height:31px;display:grid;place-items:center;border-radius:8px;background:#e9eaf3}.message-compose{display:grid;grid-template-columns:1fr auto auto;align-items:end;gap:10px;padding:14px 20px;border-top:1px solid var(--line)}.message-compose textarea{min-height:68px;resize:vertical;padding:10px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink)}.message-compose label,.file-picker{height:40px;display:inline-flex;align-items:center;padding:0 12px;border:1px dashed #8d94aa;border-radius:9px;color:#606b83;font-size:10px;font-weight:800;cursor:pointer}.message-compose input[type=file],.file-picker input{display:none}.message-compose button,.messages-page form>button{height:40px;padding:0 15px;border:0;border-radius:9px;background:linear-gradient(135deg,#635bff,#8b5cf6);color:#fff;font-size:10px;font-weight:800}.messages-page{min-height:100vh;background:radial-gradient(circle at 80% 0,#8178ff20,transparent 28%),#f5f6fa}.messages-page>header{height:68px;display:flex;align-items:center;gap:24px;padding:0 28px}.messages-page>header>a:nth-child(2){margin-left:auto;color:var(--muted);text-decoration:none;font-size:11px}.messages-page>header button{height:36px}.messages-page>main{max-width:1300px;margin:auto;padding:32px 28px 60px}.messages-intro>span{color:#635bff;font-size:9px;font-weight:900;letter-spacing:1.3px}.messages-intro h1{margin:7px 0 5px;font-size:38px}.messages-intro p{margin:0 0 22px;color:var(--muted);font-size:12px}.messages-layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:16px}.messages-layout>aside,.inbox{border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden}.messages-layout>aside{padding:18px}.messages-layout>aside h2{margin:4px 0 12px;font-size:14px}.messages-layout>aside form{display:grid;gap:10px;margin-bottom:25px}.messages-layout>aside label{color:#596274;font-size:10px;font-weight:800}.messages-layout select,.messages-layout textarea{width:100%;margin-top:5px;padding:9px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink)}.messages-layout select{height:42px}.messages-layout textarea{min-height:100px;resize:vertical}.file-picker{margin-top:0!important}.project-thread{display:flex;align-items:center;gap:9px;padding:8px;border-radius:9px;color:var(--ink);text-decoration:none}.project-thread:hover{background:#f2f3f9}.project-thread>i{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#e7e8ff;color:#554fc2;font-style:normal;font-weight:900}.project-thread b,.project-thread small{display:block}.project-thread b{font-size:10px}.project-thread small{margin-top:3px;color:var(--muted);font-size:8px}.inbox>.message-stream{max-height:680px}html[data-theme="dark"] .message-stream,html[data-theme="dark"] .messages-page{background:#10131c}html[data-theme="dark"] .message-stream>article>div,html[data-theme="dark"] .messages-layout>aside,html[data-theme="dark"] .inbox{background:#191e28}html[data-theme="dark"] .message-stream>article.mine>div{border-color:#494378;background:#26233d}html[data-theme="dark"] .message-compose textarea,html[data-theme="dark"] .messages-layout select,html[data-theme="dark"] .messages-layout textarea{background:#151a23;color:#edf0f7}@media(max-width:800px){.messages-layout{grid-template-columns:1fr}.message-compose{grid-template-columns:1fr}.message-compose label,.message-compose button{width:100%;justify-content:center}}@media(max-width:560px){.message-alert span{display:none}.messages-page>main{padding:24px 14px 45px}.message-stream{padding:14px 10px}.message-stream>article>div{max-width:88%}}

html[data-theme="dark"] .section-actions>span{background:#272e3d;color:#b5bfd8}
html[data-theme="dark"] .create-header,html[data-theme="dark"] .project-form>section,html[data-theme="dark"] .form-submit{background:#191e28}
html[data-theme="dark"] .create-header button,html[data-theme="dark"] .create-header>div>a,html[data-theme="dark"] .form-grid input,html[data-theme="dark"] .form-grid select{background:#202632;color:#edf0f7}
html[data-theme="dark"] .form-grid label{color:#c8cede}

@media(max-width:650px){.form-grid{grid-template-columns:1fr}
.form-grid label.wide{grid-column:auto}
.form-submit{align-items:stretch;gap:16px;flex-direction:column}
.create-intro h1{font-size:30px}
.section-actions>span{display:none}
}


/* Dashboard invitation inbox */
.dashboard-invitations{margin-bottom:22px;border:1px solid #cfd7fa;border-radius:13px;background:#f2f4ff;overflow:hidden}
.invitation-heading{padding:15px 18px;border-bottom:1px solid #dce2fa}
.invitation-heading>div{display:flex;align-items:center;gap:10px}
.invitation-heading i{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#fff;color:#5268dc;font-style:normal}
.invitation-heading b,.invitation-heading small{display:block}
.invitation-heading b{font-size:14px}
.invitation-heading small{margin-top:3px;color:#69758e;font-size:11px}
.dashboard-invitations article{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:11px 18px;border-bottom:1px solid #dce2fa}
.dashboard-invitations article:last-child{border-bottom:0}
.dashboard-invitations article>a{display:flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none}
.dashboard-invitations article>a span b,.dashboard-invitations article>a span small{display:block}
.dashboard-invitations article>a span b{font-size:13px}
.dashboard-invitations article>a span small{margin-top:4px;color:#6d7690;font-size:11px}
.invite-project-icon{width:38px;height:38px;display:grid!important;place-items:center;border-radius:10px;background:#dfe5ff;color:#5063bf;font-size:13px;font-weight:800}
.dashboard-invitations article>div{display:flex;gap:7px}
.dashboard-invitations form{margin:0}
.dashboard-invitations button{height:35px;padding:0 12px;border:1px solid #cfd5e3;border-radius:8px;background:#fff;color:#687181;font-size:11px;font-weight:700}
.dashboard-invitations .accept{border-color:#2f8b6b;background:#2f8b6b;color:#fff}
html[data-theme="dark"] .dashboard-invitations{background:#222b45;border-color:#3c4d7b}
html[data-theme="dark"] .invitation-heading,html[data-theme="dark"] .dashboard-invitations article{border-color:#3c4d7b}
html[data-theme="dark"] .invitation-heading i,html[data-theme="dark"] .dashboard-invitations button{background:#2d3650;color:#dce3f7}
@media(max-width:600px){.dashboard-invitations article{align-items:flex-start;flex-direction:column}
.dashboard-invitations article>div{width:100%}
.dashboard-invitations article>div form{flex:1}
.dashboard-invitations button{width:100%}
}

/* User administration */
.admin-users-link{height:42px;display:flex;align-items:center;gap:11px;margin-top:6px;padding:0 10px;border-radius:8px;background:#eef0f7;color:#273557;text-decoration:none;font-size:13px;font-weight:700}.admin-users-link i{width:18px;text-align:center;font-style:normal}.admin-page{min-height:100vh}.users-main{max-width:1200px;margin:auto;padding:42px 28px 70px}.users-title{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:25px}.users-title>div>span{color:#5268dc;font-size:11px;font-weight:800;letter-spacing:1.4px}.users-title h1{margin:8px 0 5px;font-size:34px}.users-title p{margin:0;color:var(--muted);font-size:14px}.users-title>a{height:43px;display:inline-flex;align-items:center;padding:0 15px;border-radius:9px;background:var(--navy);color:#fff;text-decoration:none;font-size:12px;font-weight:800}.user-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.user-summary article{padding:18px;border:1px solid var(--line);border-radius:11px;background:#fff}.user-summary small,.user-summary b{display:block}.user-summary small{color:var(--muted);font-size:11px}.user-summary b{margin-top:6px;font-size:25px}.users-table{border:1px solid var(--line);border-radius:13px;background:#fff;overflow:hidden}.users-table>div,.users-table>article{min-height:67px;display:grid;grid-template-columns:minmax(220px,1.4fr) 1fr 1fr 70px 85px 75px;align-items:center;gap:12px;padding:9px 18px;border-bottom:1px solid var(--line);font-size:12px}.users-table>article:last-child{border:0}.users-head{min-height:43px!important;color:var(--muted);font-size:10px!important;font-weight:800;text-transform:uppercase}.users-table form{margin:0}.users-table form button{border:0;background:transparent;color:#a34c46;font-size:10px;font-weight:700}.account-status{padding:4px 7px;border-radius:10px;background:#e6f5ee;color:#2d7c5f;font-size:10px;font-style:normal}.account-status.disabled{background:#feeceb;color:#b33f38}.field-help{display:block;margin-top:6px;color:var(--muted);font-size:10px;font-weight:400}
html[data-theme="dark"] .admin-users-link{background:#272e3d;color:#fff}html[data-theme="dark"] .user-summary article,html[data-theme="dark"] .users-table{background:#191e28}
@media(max-width:850px){.users-table>div,.users-table>article{grid-template-columns:1fr 1fr 75px}.users-table>div>span:nth-child(3),.users-table>article>span:nth-child(3),.users-table>div>span:nth-child(4),.users-table>article>span:nth-child(4),.users-table>div>span:nth-child(5),.users-table>article>span:nth-child(5){display:none}.user-summary{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.users-title{align-items:flex-start;gap:18px;flex-direction:column}.users-table>div,.users-table>article{grid-template-columns:1fr 65px}.users-table>div>span:nth-child(2),.users-table>article>span:nth-child(2){display:none}}

/* Searchable users workspace */
.header-create{height:36px;display:inline-flex;align-items:center;padding:0 12px;border-radius:8px;background:var(--navy);color:#fff;text-decoration:none;font-size:11px;font-weight:700}.users-workspace{max-width:1400px;margin:auto;padding:32px 34px 60px}.users-layout{display:grid;grid-template-columns:235px minmax(0,1fr);align-items:start;gap:16px}.role-filters{position:static;inset:auto;width:auto;padding:10px;border:1px solid var(--line);border-radius:12px;background:#fff}.role-filters>div{padding:5px 0 10px}.role-filters h2{margin:5px 8px 10px;font-size:14px}.role-filters h3{margin:8px 8px 6px;color:#969daa;font-size:9px;text-transform:uppercase;letter-spacing:1px}.role-filters a{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 8px;border-radius:7px;color:#667080;text-decoration:none;font-size:11px}.role-filters a:hover,.role-filters a.active{background:#eef0f7;color:#34446d;font-weight:700}.role-filters a span{display:flex;align-items:center;gap:8px}.role-filters a i{width:17px;text-align:center;font-style:normal}.role-filters a b{min-width:21px;padding:2px 5px;border-radius:9px;background:#e4e7ed;text-align:center;font-size:9px}.users-directory{min-width:0}.user-search{height:58px;display:flex;align-items:center;gap:10px;padding:0 13px;border:1px solid var(--line);border-radius:12px;background:#fff}.user-search>span{color:#8b93a1;font-size:20px}.user-search input:not([type="hidden"]){height:42px;min-width:0;flex:1;border:0;background:transparent;color:var(--ink);outline:0;font-size:13px}.user-search button{height:36px;padding:0 14px;border:0;border-radius:8px;background:var(--navy);color:#fff;font-size:11px;font-weight:700}.user-search a{color:#69758d;text-decoration:none;font-size:10px}.directory-meta{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 4px}.directory-meta span{color:#717988;font-size:11px}.directory-meta span b{color:var(--ink)}.directory-meta small{color:#8f96a3}.no-users{padding:60px 20px;text-align:center}.no-users>i{width:48px;height:48px;display:grid;place-items:center;margin:auto;border-radius:13px;background:#eef0f7;color:#657294;font-size:22px;font-style:normal}.no-users h3{margin:12px 0 4px}.no-users p{margin:0 0 14px;color:var(--muted);font-size:12px}.no-users a{color:#5268dc;font-size:11px;font-weight:700;text-decoration:none}html[data-theme="dark"] .role-filters,html[data-theme="dark"] .user-search{background:#191e28}html[data-theme="dark"] .role-filters a:hover,html[data-theme="dark"] .role-filters a.active{background:#272e3d;color:#fff}html[data-theme="dark"] .role-filters a b{background:#303747}html[data-theme="dark"] .user-search input{color:#edf0f7}@media(max-width:1000px){.users-layout{grid-template-columns:1fr}.role-filters{display:flex;gap:5px;overflow-x:auto}.role-filters>div{display:flex;flex-shrink:0;gap:4px;padding:0}.role-filters h2,.role-filters h3{display:none}.role-filters a{white-space:nowrap}.users-workspace{padding:25px 18px 50px}}@media(max-width:600px){.header-create{display:none}.user-search button{padding:0 10px}.user-search a{display:none}}

/* Directory search controls */
[hidden]{display:none!important}.directory-tools{display:flex;align-items:center;gap:10px;padding:12px 18px;border-bottom:1px solid var(--line);background:#fafbfc}.directory-tools label,.inline-search{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.directory-tools label span,.inline-search span{color:#8c94a2;font-size:18px}.directory-tools input,.inline-search input{width:100%;height:38px;padding:0 11px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);outline:0;font-size:12px}.directory-tools select{height:38px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font-size:11px}.inline-search{padding:12px 20px;border-bottom:1px solid var(--line);background:#fafbfc}.inline-search input{max-width:430px}html[data-theme="dark"] .directory-tools,html[data-theme="dark"] .inline-search{background:#202632}html[data-theme="dark"] .directory-tools input,html[data-theme="dark"] .directory-tools select,html[data-theme="dark"] .inline-search input{background:#191e28;color:#edf0f7}@media(max-width:600px){.directory-tools{align-items:stretch;flex-direction:column}.directory-tools select{width:100%}}

/* AgencyFlow Aurora design system */
:root{--primary:#635bff;--primary-2:#8b5cf6;--accent:#14b8a6;--accent-warm:#f59e0b;--danger:#ef476f;--surface:#ffffffd9;--surface-solid:#fff;--surface-soft:#f7f8ff;--shadow-sm:0 1px 2px #17203b0a,0 8px 24px #4250a10a;--shadow-md:0 18px 50px #3b40851a;--radius-sm:12px;--radius-md:18px;--radius-lg:26px;--ease-spring:cubic-bezier(.2,.8,.2,1)}
body{min-height:100vh;background:radial-gradient(circle at 78% -10%,#c9c7ff73 0,transparent 34%),radial-gradient(circle at 5% 75%,#9de8dc38 0,transparent 28%),linear-gradient(145deg,#f8f9ff 0,#f5f7fb 48%,#fbfcff 100%);background-attachment:fixed}
body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#6773a008 1px,transparent 1px),linear-gradient(90deg,#6773a008 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,#0008,transparent 75%)}
::selection{background:#6d63ff2e;color:var(--ink)}
:focus-visible{outline:3px solid #766cff48;outline-offset:3px}
aside{background:linear-gradient(180deg,#ffffffed,#f9fafff2);border-right-color:#dfe3f0;box-shadow:8px 0 35px #3e4c8a0a;backdrop-filter:blur(22px)}
.brand>i{background:linear-gradient(135deg,var(--primary),var(--primary-2));box-shadow:0 8px 20px #635bff42;transition:transform .35s var(--ease-spring),box-shadow .35s}
.brand:hover>i{transform:translateY(-2px) rotate(-5deg);box-shadow:0 12px 28px #635bff55}
.workspace{border-color:#e3e6f2;border-radius:var(--radius-sm);background:linear-gradient(135deg,#fff,#f3f4ff);box-shadow:var(--shadow-sm)}
nav a,.bottom>a,.admin-users-link{position:relative;overflow:hidden;transition:transform .25s var(--ease-spring),background .25s,color .25s,box-shadow .25s}
nav a:before,.bottom>a:before{content:"";position:absolute;inset:0;opacity:0;background:linear-gradient(100deg,#665cff18,#8b5cf61a);transition:opacity .25s}
nav a:hover,.bottom>a:hover{transform:translateX(3px)}nav a:hover:before,.bottom>a:hover:before{opacity:1}
nav a.active{background:linear-gradient(110deg,#665cff17,#8b5cf620);color:#4c45bb;box-shadow:inset 3px 0 #635bff}
header{border-bottom-color:#e1e4ef;background:#ffffffc4;backdrop-filter:blur(20px) saturate(150%);box-shadow:0 8px 28px #35406c08}
header button,.finance-export,.header-create,.section-actions>a{transition:transform .25s var(--ease-spring),box-shadow .25s,border-color .25s}
header button:hover,.finance-export:hover,.header-create:hover,.section-actions>a:hover{transform:translateY(-2px);box-shadow:0 10px 24px #45518c18}
header .primary,.login-button,.form-submit button,.finance-search button{border:0!important;background:linear-gradient(135deg,var(--primary),var(--primary-2))!important;box-shadow:0 9px 24px #635bff35}
.content,.users-workspace,.finance-main,.detail-content,.create-main{animation:aurora-enter .58s var(--ease-spring) both}
.welcome h1,.finance-hero h1,.users-title h1,.create-intro h1,.detail-hero h1{background:linear-gradient(110deg,var(--ink) 8%,#554dc7 58%,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:transparent}
.stats article,.project,.panel,.detail-card,.detail-stats article,.user-summary article,.users-table,.role-filters,.project-form>section,.form-submit,.chart-card,.project-finance,.invoice-register,.finance-kpis article{border-color:#e0e4f0;border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-sm);backdrop-filter:blur(14px);transition:transform .3s var(--ease-spring),box-shadow .3s,border-color .3s}
.stats article:hover,.detail-stats article:hover,.user-summary article:hover,.finance-kpis article:hover{transform:translateY(-4px);border-color:#cfd1ff;box-shadow:var(--shadow-md)}
.project:hover,.panel:hover,.detail-card:hover,.chart-card:hover{border-color:#d2d5f3;box-shadow:0 20px 55px #38408b12}
.stats article>i,.project-symbol,.person-avatar,.finance-project-icon,.member-person>i{background:linear-gradient(135deg,#eeefff,#e7e4ff);color:#574fc7;box-shadow:inset 0 0 0 1px #fff8}
.bar{height:7px;background:#e8eaf3}.bar i,.finance-progress>i>em{position:relative;background:linear-gradient(90deg,var(--primary),#8b5cf6,var(--accent));background-size:200% 100%;animation:gradient-flow 5s linear infinite}.bar i:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,#fff8,transparent);animation:bar-shimmer 2.4s infinite}
.project-row,.member-row,.tasks article,.activity article,.finance-projects>a,.finance-table>article,.users-table>article{transition:background .2s,transform .22s var(--ease-spring)}
.project-row:hover,.member-row:hover,.tasks article:hover,.activity article:hover,.finance-projects>a:hover,.finance-table>article:hover,.users-table>article:hover{background:#7267ff09;transform:translateX(3px)}
.health>i{animation:health-pulse 2s ease-in-out infinite}
.flash,.auth-status{border:1px solid #73d4af66;background:linear-gradient(110deg,#e7faf2,#effff9);box-shadow:0 10px 30px #38a77b12}
.auth-body{background:radial-gradient(circle at 15% 20%,#aaa5ff66,transparent 30%),radial-gradient(circle at 90% 80%,#7ee7d044,transparent 28%),linear-gradient(145deg,#f8f9ff,#f0f3ff)}.auth-shell{border:1px solid #fff9;box-shadow:0 30px 90px #242a6330}.auth-brand{background:radial-gradient(circle at 15% 15%,#928aff55,transparent 25%),radial-gradient(circle at 85% 80%,#22c6ad40,transparent 28%),linear-gradient(145deg,#171b42,#343499 62%,#635bff)}.auth-card{animation:aurora-enter .65s var(--ease-spring) both}.mobile-auth-logo i{background:linear-gradient(135deg,var(--primary),var(--primary-2));box-shadow:0 8px 20px #635bff42}
input,select,textarea{transition:border-color .2s,box-shadow .2s,background .2s}input:focus,select:focus,textarea:focus{border-color:#746aff!important;box-shadow:0 0 0 4px #746aff17!important}
.finance-donut,.donut{filter:drop-shadow(0 14px 18px #474ab41c);animation:donut-enter .8s .15s var(--ease-spring) both}
@keyframes aurora-enter{from{opacity:0;transform:translateY(14px);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}
@keyframes gradient-flow{to{background-position:200% 0}}
@keyframes bar-shimmer{0%,20%{transform:translateX(-110%)}70%,100%{transform:translateX(110%)}}
@keyframes health-pulse{0%,100%{box-shadow:0 0 0 4px #e6f4ee}50%{box-shadow:0 0 0 8px #46a17d18}}
@keyframes donut-enter{from{opacity:0;transform:scale(.72) rotate(-25deg)}to{opacity:1;transform:none}}
html[data-theme="dark"]{--surface:#191e28df;--surface-solid:#191e28;--surface-soft:#202632}html[data-theme="dark"] body,html[data-theme="dark"] .auth-body{background:radial-gradient(circle at 80% -10%,#5e57c734 0,transparent 35%),radial-gradient(circle at 0 70%,#168d7b1f 0,transparent 30%),#10131c}html[data-theme="dark"] aside{background:linear-gradient(180deg,#171b27f2,#121620f5);border-right-color:#292f42}html[data-theme="dark"] header{background:#151a25c7;border-color:#292f42}html[data-theme="dark"] .workspace{background:linear-gradient(135deg,#202635,#1b2030);border-color:#30374b}html[data-theme="dark"] nav a.active{background:linear-gradient(110deg,#6e64ff2a,#a568ff1c);color:#c6c1ff}html[data-theme="dark"] .stats article,html[data-theme="dark"] .project,html[data-theme="dark"] .panel,html[data-theme="dark"] .detail-card,html[data-theme="dark"] .detail-stats article,html[data-theme="dark"] .user-summary article,html[data-theme="dark"] .users-table,html[data-theme="dark"] .role-filters{background:var(--surface);border-color:#2e3447;box-shadow:0 12px 35px #0002}html[data-theme="dark"] .welcome h1,html[data-theme="dark"] .finance-hero h1,html[data-theme="dark"] .users-title h1,html[data-theme="dark"] .create-intro h1,html[data-theme="dark"] .detail-hero h1{background:linear-gradient(110deg,#fff,#bcb7ff 58%,#8ce0cf);-webkit-background-clip:text;background-clip:text;color:transparent}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* Sidebar layout integrity */
#sidebar{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#aeb7c5 transparent}
#sidebar>.brand,#sidebar>.workspace,#sidebar>label,#sidebar>nav,#sidebar>.admin-users-link,#sidebar>.bottom{flex-shrink:0}
#sidebar>.admin-users-link{height:46px;min-height:46px;margin-top:6px;padding:0 10px;border-radius:12px;font-size:14px;line-height:1.2}
#sidebar>.admin-users-link:not(.finance-nav){background:linear-gradient(110deg,#665cff10,#8b5cf618);color:#344064}
#sidebar>.finance-nav{background:linear-gradient(110deg,#18a77b16,#52c8a31c);color:#187155}
#sidebar>.admin-users-link:hover{transform:translateX(3px);box-shadow:inset 3px 0 currentColor}
#sidebar>.bottom{padding-top:10px;background:linear-gradient(to bottom,transparent,#fff 16px)}
html[data-theme="dark"] #sidebar>.admin-users-link:not(.finance-nav){background:linear-gradient(110deg,#6e64ff20,#a568ff14);color:#cbc7ff}
html[data-theme="dark"] #sidebar>.finance-nav{background:linear-gradient(110deg,#18a77b24,#52c8a318);color:#82dfbd}
html[data-theme="dark"] #sidebar>.bottom{background:linear-gradient(to bottom,transparent,#171b27 16px)}

/* Functional header search and reports */
.header-report{height:36px;display:inline-flex;align-items:center;gap:6px;padding:0 13px;border-radius:8px;color:#fff;text-decoration:none;white-space:nowrap;font-size:13px;font-weight:700;background:linear-gradient(135deg,var(--primary),var(--primary-2));box-shadow:0 9px 24px #635bff35;transition:transform .25s var(--ease-spring),box-shadow .25s}.header-report:hover{transform:translateY(-2px);box-shadow:0 12px 28px #635bff48}.search-modal{position:fixed;inset:0;z-index:80;display:none;place-items:start center;padding:11vh 20px 30px}.search-modal.open{display:grid}.search-backdrop{position:absolute;inset:0;border:0;background:#11172b8f;backdrop-filter:blur(9px)}.search-command{position:relative;width:min(680px,100%);max-height:72vh;display:flex;flex-direction:column;border:1px solid #ffffffb8;border-radius:20px;background:#fffffff2;box-shadow:0 35px 100px #10163150;overflow:hidden;animation:aurora-enter .25s var(--ease-spring)}.search-command-input{min-height:68px;display:flex;align-items:center;gap:12px;padding:0 18px;border-bottom:1px solid var(--line)}.search-command-input>span{color:#635bff;font-size:24px}.search-command-input input{height:50px;min-width:0;flex:1;border:0!important;background:transparent;font-size:16px;outline:0;box-shadow:none!important}.search-command-input kbd{padding:4px 7px;border:1px solid var(--line);border-radius:6px;background:#f4f5fa;color:#8991a0;font:10px inherit}.search-command-head{display:flex;justify-content:space-between;padding:13px 18px 8px}.search-command-head b{font-size:12px}.search-command-head small{color:var(--muted);font-size:10px}.search-results{min-height:120px;overflow:auto;padding:6px 9px 10px}.search-results>a{min-height:62px;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;padding:9px 11px;border-radius:11px;color:var(--ink);text-decoration:none;transition:background .2s,transform .2s}.search-results>a:hover,.search-results>a:focus{background:linear-gradient(110deg,#665cff12,#8b5cf619);transform:translateX(3px)}.search-results>a>i{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#eeefff;color:#574fc7;font-style:normal}.search-results b,.search-results small{display:block}.search-results b{font-size:13px}.search-results small{margin-top:3px;color:var(--muted);font-size:10px}.search-results em{padding:4px 7px;border-radius:9px;background:#f0f2f7;color:#70798a;font-size:9px;font-style:normal}.search-command footer{display:flex;justify-content:space-between;padding:11px 18px;border-top:1px solid var(--line);color:var(--muted);font-size:9px}.search-empty{padding:42px 15px;text-align:center;color:var(--muted);font-size:12px}.modal-open{overflow:hidden}html[data-theme="dark"] .search-command{border-color:#343b51;background:#191e28f5}html[data-theme="dark"] .search-command-input kbd,html[data-theme="dark"] .search-results em{background:#272e3d}html[data-theme="dark"] .search-results>a:hover,html[data-theme="dark"] .search-results>a:focus{background:linear-gradient(110deg,#6e64ff25,#a568ff16)}@media(max-width:720px){header>div{min-width:0}header>div button,header>div .header-report{padding:0 10px}#global-search-button span,.header-report span{display:none}.header-report{width:38px;justify-content:center}.search-modal{padding:7vh 12px 20px}.search-command footer span:last-child{display:none}}

/* Bounded, scrollable operational lists */
.users-table{max-height:min(680px,calc(100vh - 285px));overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.users-head{position:sticky;top:0;z-index:3;background:#fafbfc;box-shadow:0 1px 0 var(--line)}
.finance-projects{max-height:460px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.finance-table{max-height:520px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.finance-table>div:first-child{position:sticky;top:0;z-index:3;background:#fafbfb;box-shadow:0 1px 0 var(--line)}
.member-table{max-height:500px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.member-table>.member-head{position:sticky;top:0;z-index:3;background:#fafbfc;box-shadow:0 1px 0 var(--line)}
.detail-card>.tasks,.panel>.tasks,.panel>.activity{max-height:440px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.dashboard-invitations{max-height:430px;overflow:auto;overscroll-behavior:contain}.dashboard-invitations>.invitation-heading{position:sticky;top:0;z-index:2;background:#f2f4ff}
.role-filters{max-height:calc(100vh - 175px);overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.finance-projects,.finance-table,.users-table,.member-table,.tasks,.activity{scrollbar-width:thin;scrollbar-color:#aeb7c5 transparent}
html[data-theme="dark"] .users-head,html[data-theme="dark"] .finance-table>div:first-child,html[data-theme="dark"] .member-table>.member-head{background:#202632}html[data-theme="dark"] .dashboard-invitations>.invitation-heading{background:#222b45}
@media(max-width:720px){.users-table,.finance-table,.finance-projects,.member-table,.detail-card>.tasks,.panel>.tasks,.panel>.activity{max-height:60vh}.role-filters{max-height:none}}

/* Dedicated project directory */
.detail-content>.brief-uniqueness-summary{order:5}.brief-uniqueness-summary{margin-bottom:16px;padding:18px 20px;border:1px solid #d9dcf1;border-radius:14px;background:linear-gradient(135deg,#fafaff,#f5f2ff)}.brief-uniqueness-summary>span{color:#635bff;font-size:8px;font-weight:900;letter-spacing:1px}.brief-uniqueness-summary h2{margin:6px 0 7px;font-size:14px}.brief-uniqueness-summary p{margin:0;color:#596274;font-size:11px;line-height:1.65}html[data-theme="dark"] .brief-uniqueness-summary{border-color:#353b52;background:linear-gradient(135deg,#1d2230,#25243c)}html[data-theme="dark"] .brief-uniqueness-summary p{color:#c5cbda}
.detail-content>.brief-lock-panel{order:5}.brief-lock-panel{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;padding:15px 18px;border:1px solid #e5c578;border-radius:12px;background:#fff8e8}.brief-lock-panel>div{display:flex;align-items:center;gap:11px}.brief-lock-panel>div>i{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;background:#e9a638;color:#fff;font-style:normal}.brief-lock-panel b,.brief-lock-panel small{display:block}.brief-lock-panel b{font-size:11px}.brief-lock-panel small{margin-top:4px;color:#806a42;font-size:9px}.brief-lock-panel button{height:38px;padding:0 13px;border:0;border-radius:8px;background:#d95059;color:#fff;font-size:9px;font-weight:900}.brief-lock-panel.locked{border-color:#a9d8c3;background:#effaf5}.brief-lock-panel.locked>div>i{background:#35a176}.brief-lock-panel.locked small{color:#47705f}html[data-theme="dark"] .brief-lock-panel{border-color:#5f4e2e;background:#342c1e}html[data-theme="dark"] .brief-lock-panel.locked{border-color:#285c49;background:#17352b}@media(max-width:650px){.brief-lock-panel{align-items:flex-start;flex-direction:column}}
.brief-access-toggle button{height:auto;display:flex;align-items:center;gap:10px;padding:7px 10px;border:1px solid #d8dbe7;border-radius:11px;background:#fff;color:var(--ink);text-align:left;cursor:pointer;box-shadow:0 6px 18px #151a2510}.brief-access-toggle button>i{position:relative;width:44px;height:24px;flex:0 0 auto;border-radius:999px;background:#c6cad5;transition:background .2s}.brief-access-toggle button>i:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #151a2530;transition:transform .2s}.brief-access-toggle.is-open button>i{background:#35a176}.brief-access-toggle.is-open button>i:after{transform:translateX(20px)}.brief-access-toggle button span b{font-size:10px}.brief-access-toggle button span small{margin-top:1px;color:var(--muted);font-size:8px}.brief-access-toggle button:hover{border-color:#8e88ee;transform:translateY(-1px)}html[data-theme="dark"] .brief-access-toggle button{border-color:#41485a;background:#202632;color:#edf0f7}
.meeting-scheduler{margin-bottom:18px}.meeting-scheduler>div{margin-bottom:12px}.meeting-scheduler>div>span{color:#635bff;font-size:9px;font-weight:900;letter-spacing:1.3px}.meeting-scheduler h2{margin:6px 0 4px;font-size:19px}.meeting-scheduler>div>p{margin:0;color:var(--muted);font-size:11px}.meeting-scheduler .meeting-form{grid-template-columns:1fr 1.1fr 1.2fr minmax(260px,1.6fr) 1fr auto}.meeting-form .google-meet-field small{display:block;margin-top:5px;color:#635bff;font-size:9px;font-weight:700}.meeting-form .google-meet-field input{border-color:#aaa5f0;box-shadow:0 0 0 3px #635bff0b}.calendar-board h2>span{display:inline-block;margin-left:7px;padding:4px 7px;border-radius:9px;background:#fee9e8;color:#b34640;font-size:8px;vertical-align:middle}.calendar-board .meeting-cancelled{border-color:#efc5c2;background:#fffafa}.meeting-cancelled .calendar-date{background:#f3e6e6;color:#a45a5a}.meeting-cancelled>div:nth-child(2)>strong{display:block;margin-top:7px;color:#b34640;font-size:10px}.calendar-board form{margin:0}.calendar-board .cancel-meeting,.calendar-board .delete-meeting{padding:8px 10px;border:1px solid #e4b6b3;border-radius:8px;background:#fff;color:#b34640;font-size:9px;font-weight:800;cursor:pointer}.calendar-board .delete-meeting{border-color:#c5444c;background:#c5444c;color:#fff}html[data-theme="dark"] .calendar-board .meeting-cancelled{border-color:#633c3c;background:#281d20}@media(max-width:1100px){.meeting-scheduler .meeting-form{grid-template-columns:1fr 1fr}.meeting-form .google-meet-field{grid-column:1/-1}}
.calendar-board.calendar-live-updated{animation:calendar-live-pulse .65s ease}@keyframes calendar-live-pulse{0%{opacity:.65;transform:translateY(2px)}100%{opacity:1;transform:none}}
.live-region-updated{animation:live-region-pulse .55s ease}@keyframes live-region-pulse{0%{opacity:.72}100%{opacity:1}}
.task-with-report{grid-template-columns:28px minmax(180px,1fr) 70px;align-items:start}.developer-task-report{grid-column:2/-1;display:grid;grid-template-columns:170px minmax(220px,1fr) auto;align-items:end;gap:10px;margin-top:11px;padding:13px;border:1px solid #d9dcf1;border-radius:10px;background:#f8f8ff}.developer-task-report label{color:#596274;font-size:10px;font-weight:800}.developer-task-report select,.developer-task-report textarea{width:100%;margin-top:5px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font:inherit}.developer-task-report select{height:40px;padding:0 9px}.developer-task-report textarea{height:62px;padding:9px;resize:vertical}.developer-task-report button{height:40px;padding:0 13px;border:0;border-radius:8px;background:#635bff;color:#fff;font-size:10px;font-weight:900}.developer-private-report{display:block;margin-top:9px;padding:10px 12px;border:1px solid #b9dfcf;border-radius:9px;background:#effaf5}.developer-private-report.not_completed{border-color:#efc5c2;background:#fff5f4}.developer-private-report strong,.developer-private-report small{display:block}.developer-private-report strong{color:#28785a;font-size:10px}.developer-private-report.not_completed strong{color:#b34640}.developer-private-report small{margin-top:3px!important}.developer-private-report p{margin:6px 0 0;color:#596274;font-size:10px;line-height:1.5}html[data-theme="dark"] .developer-task-report{border-color:#3b4255;background:#202632}html[data-theme="dark"] .developer-task-report select,html[data-theme="dark"] .developer-task-report textarea{background:#151a23;color:#edf0f7}html[data-theme="dark"] .developer-private-report{border-color:#285c49;background:#17352b}html[data-theme="dark"] .developer-private-report.not_completed{border-color:#633c3c;background:#281d20}@media(max-width:760px){.developer-task-report{grid-template-columns:1fr}.task-with-report{grid-template-columns:28px 1fr 60px}}
.developer-delivery-panel{display:grid;grid-template-columns:minmax(220px,.8fr) 1.6fr;gap:24px;margin-bottom:16px;padding:20px;border:1px solid #c7c4ef;border-radius:14px;background:linear-gradient(115deg,#f6f5ff,#fff)}.developer-delivery-panel>div>span{color:#635bff;font-size:9px;font-weight:900;letter-spacing:1.2px}.developer-delivery-panel h2{margin:6px 0 4px;font-size:18px}.developer-delivery-panel p{margin:0;color:var(--muted);font-size:10px;line-height:1.5}.developer-delivery-panel form{display:grid;grid-template-columns:170px 1fr auto;align-items:end;gap:10px}.developer-delivery-panel label{color:#596274;font-size:10px;font-weight:800}.developer-delivery-panel select,.developer-delivery-panel textarea{width:100%;margin-top:5px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink)}.developer-delivery-panel select{height:42px;padding:0 9px}.developer-delivery-panel textarea{height:64px;padding:9px;resize:vertical}.developer-delivery-panel button{height:42px;padding:0 14px;border:0;border-radius:8px;background:#635bff;color:#fff;font-size:10px;font-weight:900}.developer-delivery-panel>small{grid-column:2/-1;color:var(--muted);font-size:9px}.member-delivery-report{display:block;margin-top:6px;padding:7px 8px;border-radius:7px;background:#e9f7f1}.member-delivery-report.not_completed{background:#fff0ee}.member-delivery-report strong,.member-delivery-report small{display:block;font-size:9px}.member-delivery-report strong{color:#28785a}.member-delivery-report.not_completed strong{color:#b34640}.member-delivery-report p{margin:4px 0 0;color:#596274;font-size:9px;line-height:1.4}html[data-theme="dark"] .developer-delivery-panel{border-color:#3b4255;background:#191e28}html[data-theme="dark"] .developer-delivery-panel select,html[data-theme="dark"] .developer-delivery-panel textarea{background:#151a23;color:#edf0f7}@media(max-width:850px){.developer-delivery-panel{grid-template-columns:1fr}.developer-delivery-panel form{grid-template-columns:1fr}.developer-delivery-panel>small{grid-column:auto}}
.developer-dashboard-report form{display:grid;gap:10px;padding:18px}.developer-dashboard-report label{color:#8c95a5;font-size:10px;font-weight:800}.developer-dashboard-report select,.developer-dashboard-report textarea{width:100%;margin-top:5px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink)}.developer-dashboard-report select{height:40px;padding:0 9px}.developer-dashboard-report textarea{height:70px;padding:9px;resize:vertical}.developer-dashboard-report button{height:40px;border:0;border-radius:8px;background:#635bff;color:#fff;font-size:10px;font-weight:900}.developer-dashboard-report>small{display:block;padding:0 18px 15px;color:var(--muted);font-size:9px}html[data-theme="dark"] .developer-dashboard-report select,html[data-theme="dark"] .developer-dashboard-report textarea{background:#151a23;color:#edf0f7}
.member-table.with-delivery-reports .member-row{grid-template-columns:minmax(210px,1.2fr) minmax(110px,.8fr) 95px minmax(150px,.9fr) 120px 65px}.member-table.with-delivery-reports .member-delivery-report{display:inline-flex;align-items:center;flex-wrap:wrap;gap:3px 8px;margin:0;padding:7px 10px;border:1px solid #b9dfcf;border-radius:999px}.member-table.with-delivery-reports .member-delivery-report.not_completed{border-color:#efc5c2}.member-table.with-delivery-reports .member-delivery-report strong{font-size:9px;white-space:nowrap}.member-table.with-delivery-reports .member-delivery-report small{margin:0;font-size:8px;white-space:nowrap}.member-table.with-delivery-reports .member-delivery-report p{width:100%;margin:3px 0 0;padding-top:5px;border-top:1px solid #d7e9df;font-size:9px}.delivery-awaiting{color:var(--muted);font-size:9px}@media(max-width:1100px){.member-table.with-delivery-reports .member-row{min-width:900px}}
.brief-locked{max-width:620px;margin:35px auto;padding:52px 30px;border:1px solid #b9dfcf;border-radius:17px;background:#f0fbf6;text-align:center}.brief-locked>i{width:58px;height:58px;display:grid;place-items:center;margin:auto;border-radius:50%;background:#35a176;color:#fff;font-size:25px;font-style:normal}.brief-locked>span{display:block;margin-top:15px;color:#318a68;font-size:16px;font-weight:900;letter-spacing:1px}.brief-locked h2{margin:8px 0;font-size:28px}.brief-locked p,.brief-locked small{display:block;margin:0;color:#557166;font-size:16px;line-height:1.6}.brief-locked small{margin-top:12px;font-weight:800}html[data-theme="dark"] .brief-locked{border-color:#285c49;background:#17352b;color:#fff}
.brief-access-code{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:10px;margin-top:9px;padding:10px 12px;border:1px solid #e4c980;border-radius:9px;background:#fff8e8}.brief-access-code span small,.brief-access-code span b{display:block}.brief-access-code span small{color:#9a6b18;font-size:7px;font-weight:900;letter-spacing:1px}.brief-access-code span b{margin-top:3px;font-size:16px;letter-spacing:3px}.brief-access-code button{height:34px;padding:0 10px;border:0;border-radius:7px;background:#e9a638;color:#fff;font-size:8px;font-weight:900}.brief-access-code p{margin:0;color:#806a42;font-size:8px}html[data-theme="dark"] .brief-access-code{border-color:#5f4e2e;background:#342c1e}@media(max-width:650px){.brief-access-code{grid-template-columns:1fr auto}.brief-access-code p{grid-column:1/-1}}
.brief-access{max-width:560px;margin:30px auto;padding:38px;border:1px solid #d8dcef;border-radius:17px;background:#fff;text-align:center;box-shadow:0 20px 60px #27335412}.brief-access>i{width:54px;height:54px;display:grid;place-items:center;margin:auto;border-radius:15px;background:#ecebff;color:#635bff;font-size:23px;font-style:normal}.brief-access>span{display:block;margin-top:15px;color:#635bff;font-size:16px;font-weight:900;letter-spacing:1px}.brief-access h2{margin:8px 0;font-size:28px}.brief-access p,.brief-access>small{display:block;margin:0;color:var(--muted);font-size:16px;line-height:1.6}.brief-access>div{margin-top:13px;padding:10px;border-radius:8px;background:#fee7e7;color:#b43b43;font-size:16px}.brief-access form{display:grid;gap:12px;margin:22px auto 15px}.brief-access form label{color:#596274;font-size:16px;font-weight:800;text-align:left}.brief-access form input{width:100%;height:58px;margin-top:7px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font-size:27px;text-align:center;letter-spacing:10px}.brief-access form button{height:48px;border:0;border-radius:9px;background:linear-gradient(135deg,#635bff,#8b5cf6);color:#fff;font-size:16px;font-weight:900}html[data-theme="dark"] .brief-access{background:#191e28}html[data-theme="dark"] .brief-access form input{background:#141922;color:#edf0f7}
.preferred-color-palette{display:flex!important;flex-wrap:wrap;gap:8px;margin-top:10px}.preferred-color-chip{display:inline-flex!important;align-items:center;gap:7px;padding:6px 7px;border:1px solid #d9dce8;border-radius:9px;background:#fff}.preferred-color-chip>i{width:25px;height:25px;border:1px solid #cdd1dd;border-radius:7px}.preferred-color-chip>i.named-color{background:linear-gradient(135deg,#ecebff,#d9f4ec)}.preferred-color-chip>b{font-size:16px;font-weight:800}.preferred-color-chip>button{width:27px;height:27px;border:0;border-radius:7px;background:#fee7e7;color:#b43b43;font-size:18px!important;cursor:pointer}.preferred-color-chip>button:hover{background:#d95059;color:#fff}html[data-theme="dark"] .preferred-color-chip{border-color:#3b4254;background:#202632}
.detail-content>.brief-menu-summary{order:5}.brief-menu-summary{display:grid;grid-template-columns:220px 1fr;gap:18px;margin-bottom:16px;padding:18px 20px;border:1px solid var(--line);border-radius:14px;background:#fff}.brief-menu-summary>div:first-child b,.brief-menu-summary>div:first-child small{display:block}.brief-menu-summary>div:first-child small{margin-top:5px;color:var(--muted);font-size:9px}.brief-menu-summary>div:last-child{display:grid;gap:6px}.brief-menu-summary article{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:8px;background:#f6f7fb}.brief-menu-summary article.depth-1{margin-left:28px;border-left:3px solid #8b84ec}.brief-menu-summary article.depth-2{margin-left:56px;border-left:3px solid #b08ae8}.brief-menu-summary article>i{width:24px;color:#635bff;font-style:normal}.brief-menu-summary article small,.brief-menu-summary article b{display:block}.brief-menu-summary article small{color:var(--muted);font-size:7px;text-transform:uppercase}.brief-menu-summary article b{margin-top:2px;font-size:10px}html[data-theme="dark"] .brief-menu-summary{background:#191e28}html[data-theme="dark"] .brief-menu-summary article{background:#202632}@media(max-width:720px){.brief-menu-summary{grid-template-columns:1fr}.brief-menu-summary article.depth-1{margin-left:18px}.brief-menu-summary article.depth-2{margin-left:36px}}
.color-code-picker{display:flex;align-items:center;gap:8px;margin-top:8px}.color-code-picker input[type=color]{width:58px;height:44px;margin:0;padding:3px;cursor:pointer}.color-code-picker button{height:44px;padding:0 13px;border:0;border-radius:8px;background:#ecebff;color:#554fc2;font-size:16px;font-weight:800}.menu-builder{margin-top:20px;padding:16px;border:1px solid #d9dcef;border-radius:12px;background:#fafbff}.menu-builder-tools{display:flex;align-items:end;gap:10px;margin-bottom:12px}.menu-builder-tools label{min-width:240px}.menu-builder-tools select{width:100%;height:44px;margin-top:6px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font-size:16px}.menu-builder-tools>button{height:44px;padding:0 14px;border:0;border-radius:8px;background:#635bff;color:#fff;font-size:16px;font-weight:800}.menu-builder-row{display:grid;grid-template-columns:30px 125px minmax(160px,1fr) auto;align-items:center;gap:9px;margin:7px 0;padding:9px;border:1px solid #dde0ec;border-radius:9px;background:#fff;transition:border-color .15s,box-shadow .15s,transform .15s}.menu-builder-row.depth-1{margin-left:38px;border-left:4px solid #8b84ec}.menu-builder-row.depth-2{margin-left:76px;border-left:4px solid #b08ae8}.menu-builder-row.dragging{opacity:.45;transform:scale(.99)}.menu-builder-row.drag-over{border-color:#635bff;box-shadow:0 0 0 3px #635bff18}.menu-drag{color:#81889a;font-size:22px;font-style:normal;cursor:grab}.menu-level{color:#6963c9;font-size:14px!important;font-weight:800}.menu-builder-row>input{height:42px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font-size:16px}.menu-row-actions{display:flex;gap:5px}.menu-row-actions button{width:34px;height:34px;border:1px solid #d9dce8;border-radius:7px;background:#f7f8fb;color:#5c6475;font-size:17px;font-weight:800}.menu-row-actions button:last-child{background:#fff0f0;color:#b33e46}.menu-row-actions button:disabled{opacity:.3;cursor:not-allowed}.menu-row-actions button:not(:disabled):hover{border-color:#635bff;background:#ecebff;color:#554fc2}.menu-builder-help,.menu-builder-empty{margin:11px 0 0!important;color:var(--muted);font-size:16px!important;line-height:1.5}.brief-body :is(.brief-intro>span,.brief-intro p,.brief-intro small,.brief-intro em,.brief-section-title p,.brief-section-title i,.brief-form label,.brief-form small,.brief-form p,.brief-form span,.brief-form legend,.brief-form input,.brief-form textarea,.brief-form select,.brief-form button,.brief-form em){font-size:16px!important}.brief-body .brief-section-title h2{font-size:22px}.brief-body .brief-grid input{height:48px}.brief-body .brief-grid textarea{min-height:120px}.brief-body .brief-options>div span{min-height:44px}.brief-body .brief-form>footer button{height:48px}html[data-theme="dark"] .menu-builder{border-color:#343b51;background:#171c27}html[data-theme="dark"] .menu-builder-row{border-color:#343b51;background:#202632}html[data-theme="dark"] .menu-builder-tools select,html[data-theme="dark"] .menu-builder-row>input{background:#141922;color:#edf0f7}@media(max-width:760px){.menu-builder-tools{align-items:stretch;flex-direction:column}.menu-builder-tools label,.menu-builder-tools>button{width:100%}.menu-builder-row{grid-template-columns:28px 1fr}.menu-builder-row.depth-1{margin-left:18px}.menu-builder-row.depth-2{margin-left:36px}.menu-level{grid-column:2}.menu-builder-row>input{grid-column:1/-1}.menu-row-actions{grid-column:1/-1;justify-content:flex-end;flex-wrap:wrap}}
.brief-form>footer em{display:block;margin-top:5px;color:#8fe0bd;font-size:10px;font-style:normal;font-weight:700}
.detail-content>.brief-files-manager{order:5}.brief-files-manager{display:grid;grid-template-columns:220px 1fr;gap:18px;margin-bottom:16px;padding:18px 20px;border:1px solid var(--line);border-radius:14px;background:#fff}.brief-files-manager>div:first-child b,.brief-files-manager>div:first-child small{display:block}.brief-files-manager>div:first-child small{margin-top:5px;color:var(--muted);font-size:9px}.brief-files-manager>div:last-child{display:grid;gap:7px}.brief-files-manager a{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;padding:9px 11px;border-radius:9px;background:#f6f7fb;color:var(--ink);text-decoration:none}.brief-files-manager a>i{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:#ecebff;color:#635bff;font-style:normal}.brief-files-manager a b,.brief-files-manager a small{display:block}.brief-files-manager a b{font-size:10px}.brief-files-manager a small{margin-top:3px;color:var(--muted);font-size:8px}.brief-files-manager a em{color:#635bff;font-size:8px;font-style:normal;font-weight:900}html[data-theme="dark"] .brief-files-manager{background:#191e28}html[data-theme="dark"] .brief-files-manager a{background:#202632}@media(max-width:720px){.brief-files-manager{grid-template-columns:1fr}}
.brief-file-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.brief-file-drop{min-height:150px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:20px;border:2px dashed #c9ccec;border-radius:12px;background:#f9f9ff;text-align:center;cursor:pointer;transition:border-color .2s,background .2s,transform .2s}.brief-file-drop:hover{border-color:#635bff;background:#f0efff;transform:translateY(-2px)}.brief-file-drop>i{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:#ecebff;color:#635bff;font-style:normal;font-size:17px}.brief-file-drop>b{margin-top:10px;font-size:13px}.brief-file-drop>small{margin-top:5px;color:var(--muted);font-size:10px}.brief-file-drop>input{max-width:100%;margin-top:12px;color:#596274;font-size:11px}.brief-existing-files{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.brief-existing-files>b{width:100%;font-size:16px}.brief-existing-files .brief-existing-file{display:inline-flex;align-items:center;gap:9px;padding:8px 10px;border-radius:9px;background:#ecebff;color:#554fc2;font-size:16px}.brief-existing-file>i,.brief-existing-file>em{font-style:normal}.brief-existing-file>button{width:28px;height:28px;display:grid;place-items:center;border:0;border-radius:7px;background:#fff;color:#c4354f;font-size:20px;line-height:1;cursor:pointer;transition:background .2s,color .2s,transform .2s}.brief-existing-file>button:hover{background:#c4354f;color:#fff;transform:scale(1.06)}.brief-existing-file>button:disabled{opacity:.55;cursor:wait}.brief-form label{font-size:12px}.brief-grid input,.brief-grid textarea,.brief-other input{font-size:14px}.brief-grid textarea{line-height:1.55}.brief-options>b{font-size:13px}.brief-options>div span{font-size:12px}.brief-grid legend,.brief-questions legend{font-size:12px}.brief-grid fieldset label,.brief-questions label{font-size:13px}.brief-section-title h2{font-size:20px}.brief-section-title p{font-size:12px;line-height:1.5}.brief-form>footer b{font-size:14px}.brief-form>footer small{font-size:11px}html[data-theme="dark"] .brief-file-drop{border-color:#414863;background:#202632}html[data-theme="dark"] .brief-file-drop:hover{border-color:#756dff;background:#292747}html[data-theme="dark"] .brief-existing-file>button{background:#292f3d}@media(max-width:700px){.brief-file-grid{grid-template-columns:1fr}}
.detail-content>.client-brief-manager{order:5}.client-brief-manager{margin-bottom:16px;padding:18px 20px;border:1px solid #d9dcf1;border-radius:14px;background:#fff}.brief-manager-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.brief-manager-head span{color:#635bff;font-size:8px;font-weight:900;letter-spacing:1px}.brief-manager-head h2{margin:5px 0 3px;font-size:15px}.brief-manager-head p{margin:0;color:var(--muted);font-size:9px}.brief-manager-head>em{padding:6px 9px;border-radius:12px;background:#fff0d5;color:#976117;font-size:8px;font-style:normal;font-weight:900}.brief-manager-head>em.submitted{background:#e5f5ed;color:#28785a}.brief-share-link{display:flex;gap:8px;margin-top:13px}.brief-share-link input{height:39px;min-width:0;flex:1;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:#f8f9fc;color:var(--ink);font-size:9px}.brief-share-link button,.brief-share-link a{height:39px;display:inline-flex;align-items:center;padding:0 12px;border:0;border-radius:8px;font-size:9px;font-weight:900}.brief-share-link button{background:#635bff;color:#fff}.brief-share-link a{background:#ecebff;color:#554fc2;text-decoration:none}.brief-response{margin-top:13px;border-top:1px solid var(--line)}.brief-response summary{padding:13px 0 0;color:#554fc2;font-size:9px;font-weight:900;cursor:pointer}.brief-response summary i{font-style:normal}.brief-response>div{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.brief-response article{padding:11px;border-radius:9px;background:#f6f7fb}.brief-response small,.brief-response b,.brief-response p{display:block}.brief-response small{color:#635bff;font-size:7px;font-weight:900;text-transform:uppercase}.brief-response b{margin-top:5px;font-size:10px}.brief-response p{margin:4px 0 0;color:var(--muted);font-size:9px;line-height:1.5}html[data-theme="dark"] .client-brief-manager{background:#191e28}html[data-theme="dark"] .brief-share-link input{background:#141922;color:#edf0f7}html[data-theme="dark"] .brief-response article{background:#202632}@media(max-width:650px){.brief-share-link{flex-wrap:wrap}.brief-share-link input{flex-basis:100%}.brief-response>div{grid-template-columns:1fr}}
.brief-body{min-height:100vh;background:#f4f6fb}.brief-header{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 980px)/2));border-bottom:1px solid var(--line);background:#fff}.brief-header .brand{padding:0}.brief-header button{height:36px;padding:0 11px;border:1px solid var(--line);border-radius:8px;background:#fff}.brief-main{max-width:980px;margin:auto;padding:45px 24px 80px}.brief-intro{margin-bottom:25px}.brief-intro>span{color:#635bff;font-size:9px;font-weight:900;letter-spacing:1.4px}.brief-intro h1{margin:9px 0 8px;font-size:42px;letter-spacing:-1.5px}.brief-intro>p{max-width:720px;margin:0;color:var(--muted);font-size:13px;line-height:1.7}.brief-intro>div{display:inline-flex;flex-direction:column;margin-top:18px;padding:11px 14px;border:1px solid #d9dcf1;border-radius:10px;background:#fff}.brief-intro>div small{color:#635bff;font-size:7px;font-weight:900;letter-spacing:1px}.brief-intro>div strong{margin-top:4px;font-size:11px}.brief-intro>div em{margin-top:3px;color:var(--muted);font-size:8px;font-style:normal}.brief-form{display:grid;gap:14px}.brief-form>section{padding:24px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 10px 30px #27335408}.brief-section-title{display:flex;align-items:flex-start;gap:12px;margin-bottom:19px}.brief-section-title>i{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#ecebff;color:#5b54c6;font-size:10px;font-style:normal;font-weight:900}.brief-section-title h2{margin:0;font-size:17px}.brief-section-title p{margin:4px 0 0;color:var(--muted);font-size:9px}.brief-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.brief-grid label,.brief-other{color:#566174;font-size:9px;font-weight:800}.brief-grid .wide{grid-column:1/-1}.brief-grid input,.brief-grid textarea,.brief-other input{width:100%;margin-top:5px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink)}.brief-grid input{height:42px}.brief-grid textarea{min-height:95px;resize:vertical}.brief-options>b{display:block;margin-bottom:9px;font-size:10px}.brief-options>div{display:flex;flex-wrap:wrap;gap:8px}.brief-options>div label{position:relative}.brief-options>div input{position:absolute;opacity:0}.brief-options>div span{min-height:36px;display:flex;align-items:center;padding:0 12px;border:1px solid var(--line);border-radius:9px;color:#606a7c;font-size:9px;font-weight:700;cursor:pointer}.brief-options>div input:checked+span{border-color:#635bff;background:#ecebff;color:#554dc3;box-shadow:0 0 0 3px #635bff0f}.brief-other{display:block;max-width:420px;margin-top:12px}.brief-grid fieldset,.brief-questions fieldset{padding:12px;border:1px solid var(--line);border-radius:9px}.brief-grid legend,.brief-questions legend{padding:0 5px;color:#566174;font-size:9px;font-weight:800}.brief-grid fieldset label,.brief-questions label{margin-right:15px;color:var(--ink);font-size:10px}.brief-questions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.brief-form>footer{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-radius:13px;background:#171d2b;color:#fff}.brief-form>footer b,.brief-form>footer small{display:block}.brief-form>footer b{font-size:12px}.brief-form>footer small{margin-top:4px;color:#aeb6c7;font-size:8px}.brief-form>footer button{height:42px;padding:0 16px;border:0;border-radius:9px;background:linear-gradient(135deg,#635bff,#8b5cf6);color:#fff;font-size:10px;font-weight:900}.brief-success{padding:60px 25px;border:1px solid #b9dfcf;border-radius:16px;background:#f0fbf6;text-align:center}.brief-success>i{width:54px;height:54px;display:grid;place-items:center;margin:auto;border-radius:50%;background:#36a176;color:#fff;font-size:23px;font-style:normal}.brief-success h2{margin:15px 0 6px}.brief-success p{margin:0;color:#557166;font-size:11px}html[data-theme="dark"] .brief-body{background:#10131c}html[data-theme="dark"] .brief-header,html[data-theme="dark"] .brief-form>section,html[data-theme="dark"] .brief-intro>div{background:#191e28}html[data-theme="dark"] .brief-header button,html[data-theme="dark"] .brief-grid input,html[data-theme="dark"] .brief-grid textarea,html[data-theme="dark"] .brief-other input{background:#141922;color:#edf0f7}html[data-theme="dark"] .brief-success{border-color:#285c49;background:#17352b}@media(max-width:700px){.brief-main{padding:30px 16px 60px}.brief-intro h1{font-size:34px}.brief-grid,.brief-questions{grid-template-columns:1fr}.brief-grid .wide{grid-column:auto}.brief-form>section{padding:18px}.brief-form>footer{align-items:flex-start;gap:15px;flex-direction:column}}
.approval-page-title{position:relative}.approval-page-title>form{position:absolute;right:0;bottom:0}.approval-page-title>form button{height:37px;padding:0 12px;border:1px solid #e1a3a7;border-radius:8px;background:#fff0f0;color:#b33e46;font-size:9px;font-weight:900;cursor:pointer}.approval-page-title>form button:hover{border-color:#d55a62;background:#d95059;color:#fff}.approval-head-actions{display:flex;align-items:center;gap:8px}.approval-head-actions>em{padding:6px 9px;border-radius:13px;background:#fff0d5;color:#976117;font-size:8px;font-style:normal;font-weight:900}.approval-item.status-approved .approval-head-actions>em{background:#e5f5ed;color:#28785a}.approval-item.status-changes_requested .approval-head-actions>em{background:#fee7e7;color:#b43b43}.approval-head-actions form button{width:28px;height:28px;border:0;border-radius:8px;background:#fee7e7;color:#b43b43;font-size:17px;cursor:pointer}.approval-head-actions form button:hover{background:#d95059;color:#fff}@media(max-width:650px){.approval-page-title>form{position:static;margin-top:13px}}
.messages-intro{position:relative}.clear-all-messages{position:absolute;right:0;bottom:0}.clear-all-messages button{height:37px;padding:0 12px;border:1px solid #e1a3a7;border-radius:8px;background:#fff0f0;color:#b33e46;font-size:9px;font-weight:900;cursor:pointer}.clear-all-messages button:hover{border-color:#d55a62;background:#d95059;color:#fff;box-shadow:0 8px 20px #d9505925}html[data-theme="dark"] .clear-all-messages button{border-color:#693b42;background:#3b2529;color:#ff9ca3}@media(max-width:650px){.clear-all-messages{position:static;margin-top:13px}}
.approval-review-link{display:inline-flex;align-items:center;gap:7px;margin:12px 8px 0 0;padding:10px 12px;border-radius:8px;background:linear-gradient(135deg,#635bff,#8b5cf6);color:#fff;text-decoration:none;font-size:9px;font-weight:900}.approval-review-link span{font-size:13px}.approval-review-link:hover{box-shadow:0 8px 20px #635bff35;transform:translateY(-1px)}
.approval-project-search{grid-column:1/-1;max-width:620px}.approval-project-search input{height:44px!important;font-size:12px!important}.approval-project-search>small{display:block;margin-top:5px;color:var(--muted);font-size:8px;font-weight:500}
.approval-submit{display:grid;grid-template-columns:1fr 1.2fr .8fr 1.4fr 1fr auto;align-items:end;gap:9px;margin-bottom:15px;padding:16px}.approval-submit label{color:#596274;font-size:9px;font-weight:800}.approval-submit input,.approval-submit select{width:100%;height:39px;margin-top:5px;padding:0 9px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink)}.approval-submit>button{height:39px;padding:0 12px;border:0;border-radius:8px;background:#635bff;color:#fff;font-size:9px;font-weight:800}.approval-workflow{display:grid;gap:12px}.approval-item{padding:20px;border-left:4px solid #e7a63c}.approval-item.status-approved{border-left-color:#35a176}.approval-item.status-changes_requested{border-left-color:#df5d65}.approval-item>header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.approval-item header small{color:#635bff;font-size:8px;font-weight:900;letter-spacing:.8px}.approval-item h2{margin:6px 0 4px;font-size:17px}.approval-item header p,.approval-description{margin:0;color:var(--muted);font-size:9px}.approval-item header>em{padding:6px 9px;border-radius:13px;background:#fff0d5;color:#976117;font-size:8px;font-style:normal;font-weight:900}.approval-item.status-approved header>em{background:#e5f5ed;color:#28785a}.approval-item.status-changes_requested header>em{background:#fee7e7;color:#b43b43}.approval-description{margin-top:15px;padding:12px;border-radius:9px;background:#f7f8fb;line-height:1.6}.approval-attachment{display:inline-flex;align-items:center;gap:6px;margin-top:12px;padding:9px 11px;border-radius:8px;background:#ecebff;color:#554fc2;text-decoration:none;font-size:9px;font-weight:800}.approval-attachment small{color:#7770a8}.approval-decisions{display:grid;grid-template-columns:auto 1fr;align-items:end;gap:10px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.approval-decisions form:first-child button{height:40px;padding:0 16px;border:0;border-radius:8px;background:#318a68;color:#fff;font-size:9px;font-weight:900}.approval-decisions form:last-child{display:grid;grid-template-columns:1fr auto;gap:8px}.approval-decisions textarea{min-height:70px;padding:9px;border:1px solid var(--line);border-radius:8px;resize:vertical}.approval-decisions form:last-child button{padding:0 13px;border:0;border-radius:8px;background:#d95059;color:#fff;font-size:9px;font-weight:900}.approval-history{margin-top:14px;padding:12px;border-radius:9px;background:#f5f7fb}.approval-history b{font-size:9px}.approval-history p{margin:6px 0 0;font-size:10px}html[data-theme="dark"] .approval-submit input,html[data-theme="dark"] .approval-submit select,html[data-theme="dark"] .approval-decisions textarea{background:#141922;color:#edf0f7}html[data-theme="dark"] .approval-description,html[data-theme="dark"] .approval-history{background:#202632}@media(max-width:1050px){.approval-submit{grid-template-columns:1fr 1fr 1fr}.approval-decisions{grid-template-columns:1fr}}@media(max-width:650px){.approval-submit{grid-template-columns:1fr}.approval-item>header{flex-direction:column}.approval-decisions form:last-child{grid-template-columns:1fr}.approval-decisions form button{height:40px}}
.portal-main{max-width:1250px;margin:auto;padding:36px 34px 70px}.portal-title{margin-bottom:24px}.portal-title>span{color:#635bff;font-size:9px;font-weight:900;letter-spacing:1.4px}.portal-title h1{margin:7px 0 5px;font-size:36px}.portal-title p,.portal-card-title p{margin:0;color:var(--muted);font-size:11px}.portal-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.portal-card{border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--shadow-sm)}.portal-form{display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:13px;padding:22px}.portal-card-title{grid-column:1/-1;margin-bottom:5px}.portal-card-title h2{margin:0 0 5px;font-size:17px}.portal-form label,.portal-upload label,.meeting-form label,.invoice-portal-list label{color:#596274;font-size:9px;font-weight:800}.portal-form input:not([type=checkbox]),.portal-upload input,.portal-upload select,.meeting-form input,.meeting-form select,.invoice-portal-list input{width:100%;height:40px;margin-top:5px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink)}.portal-form>button,.portal-upload>button,.meeting-form>button,.invoice-portal-list form button{height:40px;padding:0 14px;border:0;border-radius:8px;background:#635bff;color:#fff;font-size:9px;font-weight:800}.portal-form>button{grid-column:1/-1;justify-self:end}.portal-check{grid-column:1/-1;display:flex;align-items:center;gap:8px}.portal-upload,.meeting-form{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr auto;align-items:end;gap:10px;margin-bottom:15px;padding:16px}.portal-list{overflow:hidden}.portal-list>.portal-card-title{padding:18px 20px;border-bottom:1px solid var(--line)}.portal-list article{min-height:68px;display:grid;grid-template-columns:38px 1fr 90px 75px 30px;align-items:center;gap:12px;padding:10px 18px;border-bottom:1px solid var(--line)}.portal-list article>i{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#ecebff;color:#635bff;font-style:normal}.portal-list article span b,.portal-list article span small{display:block}.portal-list article span b{font-size:11px}.portal-list article span small,.portal-list article>em{margin-top:3px;color:var(--muted);font-size:8px;font-style:normal}.portal-list article>a{color:#635bff;font-size:9px;font-weight:800}.portal-list article form button{border:0;background:transparent;color:#c5444c;font-size:17px}.portal-empty{padding:55px 20px;text-align:center;color:var(--muted);font-size:11px}.portal-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:15px}.portal-kpis article{padding:18px;border:1px solid var(--line);border-radius:12px;background:#fff}.portal-kpis small,.portal-kpis b{display:block}.portal-kpis small{color:var(--muted);font-size:9px}.portal-kpis b{margin-top:7px;font-size:23px}.invoice-portal-list{overflow:hidden}.invoice-portal-list>article{display:grid;grid-template-columns:1fr 120px 80px minmax(220px,1fr);align-items:center;gap:15px;padding:17px 20px;border-bottom:1px solid var(--line)}.invoice-portal-list h2{margin:4px 0;font-size:13px}.invoice-portal-list p,.invoice-portal-list small{margin:0;color:var(--muted);font-size:8px}.invoice-portal-list>article>form{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:7px}.proof-status{grid-column:1/-1;padding:8px;border-radius:8px;background:#e7f6ef;color:#28785a;font-size:9px}.meeting-form{grid-template-columns:1fr 1.2fr 1fr 1fr 1.2fr 1fr auto}.calendar-board{display:grid;gap:11px}.calendar-board>article{display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:16px;padding:17px 19px;border:1px solid var(--line);border-radius:13px;background:#fff}.calendar-date{width:54px;padding:9px;text-align:center;border-radius:11px;background:#ecebff;color:#5c54c8}.calendar-date b,.calendar-date small{display:block}.calendar-date b{font-size:20px}.calendar-date small{font-size:8px}.calendar-board h2{margin:4px 0;font-size:14px}.calendar-board p,.calendar-board article>div>small,.calendar-board em{margin:0;color:var(--muted);font-size:9px}.calendar-board article>div:last-child{display:flex;gap:7px}.calendar-board a{padding:8px 10px;border-radius:8px;background:#ecebff;color:#554fc2;text-decoration:none;font-size:9px;font-weight:800}html[data-theme="dark"] .portal-card,html[data-theme="dark"] .portal-kpis article,html[data-theme="dark"] .calendar-board>article{background:#191e28}html[data-theme="dark"] .portal-form input:not([type=checkbox]),html[data-theme="dark"] .portal-upload input,html[data-theme="dark"] .portal-upload select,html[data-theme="dark"] .meeting-form input,html[data-theme="dark"] .meeting-form select,html[data-theme="dark"] .invoice-portal-list input{background:#141922;color:#edf0f7}@media(max-width:1000px){.portal-upload,.meeting-form{grid-template-columns:1fr 1fr}.invoice-portal-list>article{grid-template-columns:1fr 100px 80px}.invoice-portal-list>article>form{grid-column:1/-1}}@media(max-width:700px){.portal-main{padding:25px 16px 50px}.portal-two,.portal-kpis{grid-template-columns:1fr}.portal-form{grid-template-columns:1fr}.portal-upload,.meeting-form{grid-template-columns:1fr}.portal-list article{grid-template-columns:38px 1fr 65px}.portal-list article>em,.portal-list article>form{display:none}.calendar-board>article{grid-template-columns:48px 1fr}.calendar-board article>div:last-child{grid-column:1/-1;flex-wrap:wrap}}
.domain-alert-row{display:flex;align-items:center;border-top:1px solid #f0dfbf}.domain-alert-row>a{min-width:0;display:flex;align-items:center;justify-content:space-between;flex:1;padding:11px 12px 11px 16px;color:var(--ink);text-decoration:none}.domain-alert-row>a b,.domain-alert-row>a small{display:block}.domain-alert-row>a b{font-size:11px}.domain-alert-row>a small{margin-top:3px;color:var(--muted);font-size:9px}.domain-alert-row>a em{padding:5px 8px;border-radius:12px;background:#fff0d5;color:#9a6318;font-size:9px;font-style:normal;font-weight:800}.domain-alert-row.urgent>a em{background:#fee7e7;color:#b43b43}.domain-alert-row>button{width:30px;height:30px;display:grid;place-items:center;margin-right:12px;border:0;border-radius:8px;background:#f1f2f6;color:#71798a;font-size:19px;cursor:pointer}.domain-alert-row>button:hover{background:#fee7e7;color:#b43b43}html[data-theme="dark"] .domain-alert-row{border-color:#343b49}html[data-theme="dark"] .domain-alert-row>button{background:#252b38;color:#dce1ec}@media(max-width:600px){.domain-alert-row>a{align-items:flex-start;gap:10px}.domain-alert-row>a em{white-space:nowrap}}
.detail-content{display:flex;flex-direction:column}.detail-content>*{order:10}.detail-content>.flash{order:-1}.detail-content>.detail-hero{order:0}.detail-content>.project-owner-card{order:1}.detail-content>.domain-renewal-alert,.detail-content>.invitation-banner{order:2}.detail-content>.detail-stats{order:3}.detail-content>.detail-grid{order:4}.detail-content>.representative-contacts,.detail-content>.project-environments,.detail-content>.progress-manager{order:5}.compact-management-panel{grid-template-columns:1fr;padding:14px 17px}.compact-management-panel>div:first-child{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:18px}.compact-management-panel>div:first-child small{grid-column:1}.management-toggle{grid-column:2;grid-row:1/3;height:35px;padding:0 11px;border:1px solid #cbcfe0;border-radius:8px;background:#fff;color:#586176;font-size:9px;font-weight:800;cursor:pointer}.management-toggle i{margin-left:6px;font-style:normal}.compact-management-panel>form{display:none!important}.compact-management-panel.expanded{grid-template-columns:220px 1fr;padding:18px 20px}.compact-management-panel.expanded>div:first-child{display:block}.compact-management-panel.expanded>form{display:grid!important}.representative-contacts.compact-management-panel.expanded>form{display:block!important}html[data-theme="dark"] .management-toggle{border-color:#3a4258;background:#202632;color:#edf0f7}@media(max-width:720px){.compact-management-panel.expanded{grid-template-columns:1fr}.compact-management-panel>div:first-child{grid-template-columns:1fr}.management-toggle{grid-column:1;grid-row:auto;margin-top:10px;justify-self:start}}
.representative-contacts>form{min-width:0;flex:1}.representative-contacts form>div:first-child{display:grid;gap:8px}.representative-row{display:grid;grid-template-columns:1.1fr 1.2fr 1fr 32px;align-items:center;gap:8px}.representative-row input{width:100%;height:38px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font-size:10px}.representative-row button{width:30px;height:30px;border:0;border-radius:8px;background:#fee8e8;color:#b43e45;font-size:17px}.representative-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.representative-actions button{height:37px;padding:0 12px;border:1px solid #cbcfe0;border-radius:8px;background:#fff;color:#5c6475;font-size:9px;font-weight:800}.representative-actions button[type=submit]{border-color:#635bff;background:#635bff;color:#fff}.representative-empty{margin:0;color:var(--muted);font-size:10px}html[data-theme="dark"] .representative-row input,html[data-theme="dark"] .representative-actions button:first-child{background:#191e28;color:#edf0f7}@media(max-width:800px){.representative-contacts{display:block}.representative-contacts>form{margin-top:13px}.representative-row{grid-template-columns:1fr 1fr}.representative-row button{justify-self:end}}@media(max-width:520px){.representative-row{grid-template-columns:1fr}}
.domain-renewal-alert>div{min-width:0;flex:1}.domain-alert-close{width:30px;height:30px;display:grid;place-items:center;flex:0 0 auto;border:0;border-radius:8px;background:#ffffff70;color:#856025;font-size:20px;line-height:1;cursor:pointer}.domain-alert-close:hover{background:#fff}.domain-renewal-alert.urgent .domain-alert-close{color:#a33e45}html[data-theme="dark"] .domain-alert-close{background:#ffffff12;color:#fff}html[data-theme="dark"] .domain-alert-close:hover{background:#ffffff20}
.domain-renewal-alert{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding:13px 16px;border:1px solid #e8bf75;border-radius:11px;background:#fff7e8}.domain-renewal-alert>i{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#f0a83c;color:#fff;font-style:normal;font-weight:900}.domain-renewal-alert b,.domain-renewal-alert small{display:block}.domain-renewal-alert b{font-size:11px}.domain-renewal-alert small{margin-top:4px;color:#8b6b36;font-size:9px}.domain-renewal-alert.urgent{border-color:#ee9b9b;background:#fff0f0}.domain-renewal-alert.urgent>i{background:#d84c55}.domain-renewal-alert.urgent small{color:#9b4b50}.domain-editor form{grid-template-columns:1.5fr 1fr 1fr}.domain-editor form>button{grid-column:1/-1;justify-self:end}.project-environments article small{display:block;margin-top:5px;color:var(--muted);font-size:8px}.domain-alert-center{margin-bottom:18px;overflow:hidden;border:1px solid #e7bf78;border-radius:13px;background:#fff}.domain-alert-heading{display:flex;align-items:center;gap:10px;padding:13px 16px;background:#fff7e7}.domain-alert-heading>i{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#e9a338;color:#fff;font-style:normal}.domain-alert-heading b,.domain-alert-heading small{display:block}.domain-alert-heading b{font-size:12px}.domain-alert-heading small{margin-top:3px;color:#8d6b32;font-size:9px}.domain-alert-center>a{display:flex;align-items:center;justify-content:space-between;padding:11px 16px;border-top:1px solid #f0dfbf;color:var(--ink);text-decoration:none}.domain-alert-center>a b,.domain-alert-center>a small{display:block}.domain-alert-center>a b{font-size:11px}.domain-alert-center>a small{margin-top:3px;color:var(--muted);font-size:9px}.domain-alert-center>a em{padding:5px 8px;border-radius:12px;background:#fff0d5;color:#9a6318;font-size:9px;font-style:normal;font-weight:800}.domain-alert-center>a.urgent em{background:#fee7e7;color:#b43b43}html[data-theme="dark"] .domain-renewal-alert,html[data-theme="dark"] .domain-alert-heading{background:#3a3020}html[data-theme="dark"] .domain-renewal-alert.urgent{background:#3b2528}html[data-theme="dark"] .domain-alert-center{background:#191e28}@media(max-width:720px){.domain-editor form{grid-template-columns:1fr}.domain-alert-center>a{align-items:flex-start;gap:10px}.domain-alert-center>a em{white-space:nowrap}}
.project-owner-card{display:grid;grid-template-columns:54px minmax(180px,1fr) minmax(320px,1.4fr);align-items:center;gap:16px;margin-bottom:14px;padding:18px 20px;border:1px solid #d8dcf4;border-radius:14px;background:linear-gradient(135deg,#f9f9ff,#f2f4ff)}.owner-avatar{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,#635bff,#8b5cf6);color:#fff;font-size:14px;font-weight:900}.owner-identity small,.owner-contact small{display:block;color:#6d68d2;font-size:8px;font-weight:900;letter-spacing:1px}.owner-identity h2{margin:5px 0 3px;font-size:16px}.owner-identity p{margin:0;color:var(--muted);font-size:9px}.owner-contact{display:grid;grid-template-columns:1fr 1fr;gap:12px}.owner-contact>span{min-width:0;padding:10px 12px;border:1px solid #e0e2f0;border-radius:9px;background:#fff}.owner-contact a,.owner-contact b{display:block;margin-top:5px;overflow:hidden;color:var(--ink);font-size:10px;font-weight:700;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.owner-contact a:hover{color:#635bff}html[data-theme="dark"] .project-owner-card{border-color:#363d5a;background:linear-gradient(135deg,#202534,#252b42)}html[data-theme="dark"] .owner-contact>span{border-color:#353b4d;background:#191e28}@media(max-width:720px){.project-owner-card{grid-template-columns:48px 1fr}.owner-avatar{width:46px;height:46px}.owner-contact{grid-column:1/-1}}@media(max-width:460px){.owner-contact{grid-template-columns:1fr}}
.projects-main{max-width:1400px;margin:auto;padding:36px 34px 70px}.projects-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.projects-title>div>span{color:#635bff;font-size:9px;font-weight:900;letter-spacing:1.4px}.projects-title h1{margin:7px 0 5px;font-size:36px;letter-spacing:-1px}.projects-title p{margin:0;color:var(--muted);font-size:12px}.projects-title>b{padding:7px 10px;border-radius:14px;background:#ecebff;color:#554fc2;font-size:10px}.projects-tools{margin-bottom:14px}.projects-directory{overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#fff}.project-directory-card{min-height:88px;display:grid;grid-template-columns:44px minmax(210px,1.5fr) 140px minmax(130px,1fr) minmax(160px,1fr) 65px;align-items:center;gap:15px;padding:14px 20px;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none;transition:background .2s}.project-directory-card:last-of-type{border-bottom:0}.project-directory-card:hover{background:#f8f8ff}.project-directory-card>i{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,#e5e4ff,#f2eaff);color:#5d55cf;font-style:normal;font-weight:900}.project-directory-card small,.project-directory-card b,.project-directory-card em{display:block}.project-directory-card small{color:var(--muted);font-size:8px}.project-directory-card b{margin-top:4px;font-size:11px}.project-directory-card em{margin-top:4px;color:var(--muted);font-size:9px;font-style:normal}.project-directory-name>b{font-size:13px}.project-directory-progress>i{height:6px;display:block;margin-top:8px;overflow:hidden;border-radius:4px;background:#e8eaf0}.project-directory-progress>i>em{height:100%;display:block;margin:0;background:linear-gradient(90deg,#635bff,#8b5cf6)}.project-directory-card>strong{color:#5d55cf;font-size:10px;text-align:right}.projects-empty{padding:70px 20px;text-align:center}.projects-empty>i{width:48px;height:48px;display:grid;place-items:center;margin:auto;border-radius:13px;background:#ecebff;color:#635bff;font-style:normal}.projects-empty h2{margin:12px 0 5px;font-size:16px}.projects-empty p{margin:0;color:var(--muted);font-size:10px}html[data-theme="dark"] .projects-directory{background:#191e28}html[data-theme="dark"] .project-directory-card:hover{background:#222838}@media(max-width:1000px){.project-directory-card{grid-template-columns:44px minmax(200px,1.5fr) 120px 1fr 55px}.project-directory-team{display:none}}@media(max-width:700px){.projects-main{padding:25px 16px 50px}.projects-title{align-items:flex-start;flex-direction:column}.project-directory-card{grid-template-columns:40px 1fr 50px;padding:13px}.project-directory-phase,.project-directory-progress{display:none}.projects-tools{flex-direction:column}}

/* Restricted finance command center */
.confirm-modal{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:20px}.confirm-modal[hidden]{display:none}.confirm-backdrop{position:absolute;inset:0;background:#11172b9c;backdrop-filter:blur(8px)}.confirm-modal>section{position:relative;width:min(430px,100%);display:grid;grid-template-columns:48px 1fr;gap:15px;padding:24px;border:1px solid #ffffffa8;border-radius:18px;background:#fff;box-shadow:0 35px 100px #10163155;animation:aurora-enter .22s var(--ease-spring)}.confirm-modal>section>i{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:#fee8e8;color:#c13d46;font-size:20px;font-style:normal;font-weight:900}.confirm-modal small{color:#c13d46;font-size:8px;font-weight:900;letter-spacing:1.2px}.confirm-modal h2{margin:6px 0;font-size:19px}.confirm-modal p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}.confirm-modal footer{grid-column:1/-1;display:flex;justify-content:flex-end;gap:9px;margin-top:7px}.confirm-modal footer button{height:39px;padding:0 14px;border-radius:9px;font-size:10px;font-weight:800}.confirm-cancel{border:1px solid var(--line);background:#fff;color:var(--ink)}.confirm-delete{border:0;background:linear-gradient(135deg,#d94852,#b42f3a);color:#fff;box-shadow:0 8px 20px #d9485230}html[data-theme="dark"] .confirm-modal>section{border-color:#343b51;background:#191e28}html[data-theme="dark"] .confirm-cancel{background:#252b38;color:#edf0f7}
.brief-body .confirm-modal>section{width:min(500px,100%);grid-template-columns:56px 1fr;padding:28px}.brief-body .confirm-modal>section>i{width:54px;height:54px;font-size:22px}.brief-body .confirm-modal small{font-size:16px}.brief-body .confirm-modal h2{font-size:22px;overflow-wrap:anywhere}.brief-body .confirm-modal p{font-size:16px}.brief-body .confirm-modal footer button{height:46px;padding:0 18px;font-size:16px;cursor:pointer}
.brief-readonly-fields{min-width:0;margin:0;padding:0;border:0}.brief-form-readonly input:disabled,.brief-form-readonly textarea:disabled,.brief-form-readonly select:disabled{opacity:1;background:#f5f6fa;color:var(--ink);-webkit-text-fill-color:var(--ink);cursor:default}.brief-form-readonly input[type="checkbox"]:disabled,.brief-form-readonly input[type="radio"]:disabled{opacity:1}.brief-form-readonly .brief-file-grid,.brief-form-readonly .brief-existing-file>button,.brief-form-readonly .menu-builder-tools,.brief-form-readonly .menu-builder-help{display:none}.brief-readonly-note{display:flex;align-items:center;gap:13px;margin-top:18px;padding:18px;border:1px solid #b9dfcf;border-radius:13px;background:#f0fbf6}.brief-readonly-note>i{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;background:#35a176;color:#fff;font-style:normal}.brief-readonly-note b,.brief-readonly-note small{display:block;font-size:16px}.brief-readonly-note small{margin-top:3px;color:#557166}html[data-theme="dark"] .brief-form-readonly input:disabled,html[data-theme="dark"] .brief-form-readonly textarea:disabled,html[data-theme="dark"] .brief-form-readonly select:disabled{background:#202632;color:#edf0f7;-webkit-text-fill-color:#edf0f7}html[data-theme="dark"] .brief-readonly-note{border-color:#285c49;background:#17352b}
.invoice-view-link,.finance-invoice-link{display:inline-block;margin-top:7px;color:#635bff;font-size:10px;font-weight:900;text-decoration:none}.finance-invoice-link{margin:0;font-size:11px}.invoice-view-link:hover,.finance-invoice-link:hover{text-decoration:underline}.invoice-page{min-height:100vh;padding:32px;background:#eef1f6;color:#1c2333}.invoice-toolbar{max-width:920px;height:auto;display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 auto 18px;padding:0;background:transparent;position:static}.invoice-toolbar>a{color:#596274;font-size:13px;font-weight:800;text-decoration:none}.invoice-toolbar>div{display:flex;align-items:center;gap:12px}.invoice-toolbar span{color:#70798a;font-size:11px}.invoice-toolbar button{height:42px;padding:0 16px;border:0;border-radius:9px;background:#635bff;color:#fff;font-size:12px;font-weight:900;cursor:pointer;box-shadow:0 9px 24px #635bff35}.invoice-sheet{width:min(920px,100%);min-height:1120px;margin:auto;padding:58px 62px;border:1px solid #dce0e8;border-radius:5px;background:#fff;box-shadow:0 22px 70px #1e2a4020}.invoice-head{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:3px solid #252d3d;padding:0 0 30px}.invoice-head .brand{padding:0}.invoice-head>div{text-align:right}.invoice-head>div>span{color:#635bff;font-size:11px;font-weight:900;letter-spacing:2px}.invoice-head h1{margin:7px 0 9px;font-size:30px;letter-spacing:-1px}.invoice-parties{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:34px 0}.invoice-parties>div:last-child{padding-left:32px;border-left:1px solid #dfe3eb}.invoice-parties small,.invoice-meta small,.invoice-total small{color:#7c8595;font-size:10px;font-weight:900;letter-spacing:1px}.invoice-parties h2{margin:8px 0 5px;font-size:18px}.invoice-parties p{margin:3px 0;color:#657082;font-size:12px;line-height:1.5}.invoice-parties a{color:#554fc2;font-size:12px}.invoice-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-bottom:34px;border:1px solid #dfe3eb;border-radius:10px;background:#dfe3eb;overflow:hidden}.invoice-meta>span{padding:15px;background:#f7f8fb}.invoice-meta small,.invoice-meta b{display:block}.invoice-meta b{margin-top:6px;font-size:12px}.invoice-lines{border:1px solid #dfe3eb;border-radius:10px;overflow:hidden}.invoice-lines>header,.invoice-lines>article{display:grid;grid-template-columns:1fr 180px;gap:20px}.invoice-lines>header{padding:11px 18px;background:#252d3d;color:#fff;font-size:10px;font-weight:900;text-transform:uppercase}.invoice-lines>header span:last-child{text-align:right}.invoice-lines>article{align-items:center;padding:22px 18px}.invoice-lines article b,.invoice-lines article small{display:block}.invoice-lines article b{font-size:14px}.invoice-lines article small{margin-top:6px;color:#7c8595;font-size:11px}.invoice-lines strong{text-align:right;font-size:15px}.invoice-total{display:grid;grid-template-columns:1fr 280px;align-items:start;gap:30px;margin-top:24px}.invoice-total>div{padding:16px;border-radius:9px;background:#f6f7fa}.invoice-total p{margin:6px 0 0;color:#657082;font-size:11px;line-height:1.55}.invoice-total>span{padding:19px;border-radius:10px;background:#ecebff;text-align:right}.invoice-total>span small,.invoice-total>span b{display:block}.invoice-total>span b{margin-top:8px;color:#4d47b6;font-size:23px}.invoice-proof-history{margin-top:36px;padding-top:24px;border-top:1px solid #dfe3eb}.invoice-proof-history h2{margin:0 0 12px;font-size:15px}.invoice-proof-history article{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid #edf0f4}.invoice-proof-history b,.invoice-proof-history small{display:block;font-size:11px}.invoice-proof-history small{margin-top:3px;color:#7c8595}.invoice-proof-history em{padding:5px 8px;border-radius:10px;background:#fff0d5;color:#976117;font-size:9px;font-style:normal}.invoice-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-top:70px;padding-top:18px;border-top:1px solid #dfe3eb}.invoice-footer b{font-size:13px}.invoice-footer span{color:#7c8595;font-size:10px}html[data-theme="dark"] .invoice-page{background:#111720}html[data-theme="dark"] .invoice-sheet{border-color:#343b51;background:#191e28;color:#edf0f7}html[data-theme="dark"] .invoice-meta{background:#343b51}html[data-theme="dark"] .invoice-meta>span,html[data-theme="dark"] .invoice-total>div{background:#202632}html[data-theme="dark"] .invoice-parties>div:last-child,html[data-theme="dark"] .invoice-lines,html[data-theme="dark"] .invoice-proof-history,html[data-theme="dark"] .invoice-footer{border-color:#343b51}@media(max-width:700px){.invoice-page{padding:16px}.invoice-toolbar{align-items:flex-start;flex-direction:column}.invoice-toolbar>div{align-items:flex-start;flex-direction:column}.invoice-sheet{min-height:0;padding:30px 22px}.invoice-parties{grid-template-columns:1fr;gap:22px}.invoice-parties>div:last-child{padding:22px 0 0;border-left:0;border-top:1px solid #dfe3eb}.invoice-meta{grid-template-columns:1fr 1fr}.invoice-lines>header,.invoice-lines>article{grid-template-columns:1fr 120px}.invoice-total{grid-template-columns:1fr}.invoice-footer{align-items:flex-start;flex-direction:column}}@media print{@page{size:A4;margin:12mm}.invoice-page{padding:0!important;background:#fff!important;color:#111!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.invoice-toolbar{display:none!important}.invoice-sheet{width:100%;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:#fff!important;color:#111!important;box-shadow:none}.invoice-head,.invoice-parties,.invoice-meta,.invoice-lines,.invoice-total,.invoice-proof-history,.invoice-footer{break-inside:avoid}.invoice-footer{margin-top:45px}}
.invoice-sheet{position:relative;min-height:1060px;padding:56px 64px 44px;overflow:hidden;border:0;border-radius:12px}.invoice-accent{position:absolute;inset:0 0 auto;height:10px;background:linear-gradient(90deg,#635bff 0 62%,#8b5cf6 62% 80%,#20283a 80%)}.invoice-head{align-items:center;padding-bottom:24px;border-bottom:0}.invoice-head>div{text-align:right}.invoice-head .invoice-brand{text-align:left}.invoice-brand p{margin:9px 0 0;color:#8a92a1;font-size:10px;letter-spacing:.3px}.invoice-head h1{margin:5px 0 8px;font-size:27px}.invoice-head .invoice-status{display:inline-block;padding:5px 9px;border-radius:999px}.invoice-summary{display:grid;grid-template-columns:1fr 1px 1fr;align-items:center;gap:32px;margin:5px 0 30px;padding:25px 28px;border-radius:14px;background:linear-gradient(125deg,#29284e,#4f47ba 58%,#6c63e8);color:#fff;box-shadow:0 16px 35px #4f47ba25}.invoice-summary>span{width:1px;height:62px;background:#ffffff32}.invoice-summary small,.invoice-summary strong,.invoice-summary b,.invoice-summary p{display:block}.invoice-summary small{color:#cbc8ff;font-size:9px;font-weight:900;letter-spacing:1.2px}.invoice-summary strong{margin-top:7px;font-size:29px;letter-spacing:-1px}.invoice-summary b{margin-top:7px;font-size:15px}.invoice-summary p{margin:4px 0 0;color:#d8d6ff;font-size:10px}.invoice-parties{gap:0;padding:0 0 27px}.invoice-parties>div{padding:2px 28px 2px 0}.invoice-parties>div:last-child{padding:2px 0 2px 35px}.invoice-parties h2{font-size:16px}.invoice-meta{margin-bottom:25px;border:0;border-radius:9px;background:#eef0f5}.invoice-meta>span{padding:13px 14px;background:#f5f6f9}.invoice-meta small{font-size:8px}.invoice-meta b{font-size:11px}.invoice-lines{border:0;border-radius:9px}.invoice-lines>header{padding:12px 16px;background:#20283a}.invoice-lines>article{min-height:83px;padding:20px 16px;border:1px solid #e2e5ec;border-top:0}.invoice-total{grid-template-columns:1fr 300px;gap:50px;margin-top:20px}.invoice-total>div{padding:15px 0;background:transparent}.invoice-total>span{padding:16px 18px;border-radius:9px;background:#f5f4ff;color:#262d3d}.invoice-total>span small,.invoice-total>span b,.invoice-total>span strong{display:block}.invoice-total>span b{margin:5px 0 10px;color:#596274;font-size:13px}.invoice-total>span i{display:block;height:1px;margin:0 0 10px;background:#d7d5f1}.invoice-total>span strong{margin-top:5px;color:#4d47b6;font-size:22px}.invoice-footer{margin-top:48px;padding-top:17px;border-top:2px solid #20283a}.invoice-footer>div b,.invoice-footer>div small{display:block}.invoice-footer>div small{margin-top:4px;color:#7c8595;font-size:9px}.invoice-footer>span{text-align:right;line-height:1.5}html[data-theme="dark"] .invoice-summary{background:linear-gradient(125deg,#29284e,#4f47ba 58%,#6c63e8)}html[data-theme="dark"] .invoice-total>span{background:#252444;color:#edf0f7}@media(max-width:700px){.invoice-sheet{padding:38px 22px 30px}.invoice-summary{grid-template-columns:1fr;gap:18px}.invoice-summary>span{width:100%;height:1px}.invoice-total{grid-template-columns:1fr;gap:15px}}@media print{@page{size:A4;margin:0}.invoice-sheet{width:210mm;min-height:297mm;padding:16mm 17mm 13mm;border-radius:0}.invoice-accent{height:4mm}.invoice-summary{box-shadow:none}.invoice-footer{margin-top:18mm}}
.training-video-preview{grid-column:1/-1;display:grid;grid-template-columns:minmax(220px,380px) 1fr;align-items:center;gap:16px;padding:13px;border:1px solid #cfd3ff;border-radius:12px;background:#f6f6ff}.training-video-preview[hidden]{display:none}.training-video-preview video{width:100%;max-height:220px;aspect-ratio:16/9;border-radius:9px;background:#0b0e14;object-fit:contain}.training-video-preview small,.training-video-preview b,.training-video-preview span{display:block}.training-video-preview small{color:#635bff;font-size:8px;font-weight:900;letter-spacing:1px}.training-video-preview b{margin-top:7px;overflow:hidden;text-overflow:ellipsis;font-size:13px;white-space:nowrap}.training-video-preview span{margin-top:5px;color:var(--muted);font-size:9px}.training-video-preview button{margin-top:12px;padding:7px 9px;border:0;border-radius:7px;background:#ecebff;color:#554fc2;font-size:9px;font-weight:800}.training-video-preview.preview-error{display:block;border-color:#e45c66;background:#fff0f1;color:#b13943;font-size:10px;font-weight:800}html[data-theme="dark"] .training-video-preview{border-color:#414568;background:#22263a}@media(max-width:650px){.training-video-preview{grid-template-columns:1fr}}
.video-upload{display:grid;grid-template-columns:1fr 1.2fr 1fr auto;align-items:end;gap:10px;padding:16px 20px;border-bottom:1px solid var(--line);background:#fafbfe}.video-upload label{color:#596274;font-size:10px;font-weight:800}.video-upload input{width:100%;height:42px;margin-top:5px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink)}.video-picker{height:auto!important;display:flex;min-height:42px;flex-direction:column;align-items:center;justify-content:center;padding:7px 10px;border:1px dashed #8d94aa;border-radius:8px;cursor:pointer}.video-picker input{display:none}.video-picker small{margin-top:3px;color:var(--muted);font-size:7px}.video-upload>button{height:42px;padding:0 14px;border:0;border-radius:8px;background:linear-gradient(135deg,#635bff,#8b5cf6);color:#fff;font-size:10px;font-weight:800}.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px 20px}.video-grid>article{overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#fafbfe}.video-grid video{width:100%;aspect-ratio:16/9;display:block;background:#0b0e14;object-fit:contain}.video-grid article>div{padding:12px}.video-grid h3{margin:0;font-size:13px}.video-grid p{margin:5px 0;color:var(--muted);font-size:10px}.video-grid small{color:var(--muted);font-size:8px}.video-grid form{text-align:right}.video-grid form button{margin-top:8px;padding:5px 8px;border:0;border-radius:7px;background:#fee8e8;color:#b43e45;font-size:9px;font-weight:800}.video-empty{grid-column:1/-1;padding:50px!important;text-align:center}.video-empty i,.video-empty b,.video-empty small{display:block}.video-empty i{width:46px;height:46px;display:grid;place-items:center;margin:auto;border-radius:13px;background:#ecebff;color:#635bff;font-style:normal}.video-empty b{margin-top:10px}.video-empty small{margin-top:4px;color:var(--muted)}.video-limit{padding:12px 20px;border-bottom:1px solid var(--line);background:#fff4df;color:#9a6219;font-size:10px;font-weight:700}html[data-theme="dark"] .video-upload,html[data-theme="dark"] .video-grid>article{background:#202632}html[data-theme="dark"] .video-upload input{background:#191e28;color:#edf0f7}@media(max-width:900px){.video-upload{grid-template-columns:1fr 1fr}.video-grid{grid-template-columns:1fr}}@media(max-width:560px){.video-upload{grid-template-columns:1fr}}
.new-message-button{height:36px;display:inline-flex;align-items:center;gap:6px;padding:0 11px;border-radius:9px;background:linear-gradient(135deg,#635bff,#8b5cf6);color:#fff;text-decoration:none;font-size:11px;font-weight:800;box-shadow:0 7px 18px #635bff25}.messages-layout{grid-template-columns:minmax(0,1fr)}.messages-layout.composing{grid-template-columns:340px minmax(0,1fr)}.message-new-panel{min-width:0;padding:20px;border:1px solid var(--line);border-radius:14px;background:#fff}.compose-title{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:15px}.compose-title h2{margin:0;font-size:16px}.compose-title p{margin:4px 0 0;color:var(--muted);font-size:9px}.compose-title>a{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#f0f1f6;color:var(--ink);text-decoration:none;font-size:17px}.message-new-panel form{display:grid;gap:11px}.message-new-panel label{color:#596274;font-size:10px;font-weight:800}.message-new-panel select,.message-new-panel textarea{width:100%;margin-top:5px;padding:9px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink)}.message-new-panel select{height:42px}.message-new-panel textarea{min-height:120px;resize:vertical}.message-new-panel form>button{height:42px;border:0;border-radius:9px;background:linear-gradient(135deg,#635bff,#8b5cf6);color:#fff;font-size:10px;font-weight:800}.message-empty{padding:80px 20px!important;text-align:center}.message-empty>i{width:52px;height:52px;display:grid;place-items:center;margin:auto;border-radius:15px;background:#ecebff;color:#635bff;font-size:22px;font-style:normal}.message-empty h3{margin:13px 0 5px}.message-empty p{margin:0;color:var(--muted);font-size:10px}html[data-theme="dark"] .message-new-panel{background:#191e28}html[data-theme="dark"] .message-new-panel select,html[data-theme="dark"] .message-new-panel textarea{background:#151a23;color:#edf0f7}@media(max-width:850px){.messages-layout.composing{grid-template-columns:1fr}.new-message-button span{display:none}}
.message-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;margin-top:8px}.message-actions>a{padding:5px 8px;border-radius:7px;background:#ecebff;color:#554fc2;text-decoration:none;font-size:9px;font-weight:800}.message-actions .delete-message{margin:0}
.thread-head-actions{display:flex;align-items:center;gap:9px}.thread-head-actions>span{min-width:23px;height:23px;display:grid;place-items:center;border-radius:12px;background:#eef0f7;font-size:9px}.thread-head-actions form button,.delete-message button{border:0;border-radius:7px;background:#fee8e8;color:#b43e45;font-size:9px;font-weight:800}.thread-head-actions form button{height:32px;padding:0 10px}.delete-message{margin-top:8px;text-align:right}.delete-message button{padding:5px 8px;cursor:pointer}html[data-theme="dark"] .thread-head-actions>span{background:#2a3040}html[data-theme="dark"] .thread-head-actions form button,html[data-theme="dark"] .delete-message button{background:#48272b;color:#ff9ea5}
.thread-message{cursor:pointer}.thread-message>div{transition:border-color .2s,box-shadow .2s,transform .2s}.thread-message:hover>div,.thread-message:focus>div{border-color:#7770ee;box-shadow:0 9px 28px #645cff1c;transform:translateY(-1px)}.thread-message:focus{outline:none}
.messages-layout.focused{grid-template-columns:1fr}.messages-layout.focused>aside{display:none}.messages-layout.focused .inbox{max-width:1000px;width:100%;margin:auto}.message-focus-note{margin-bottom:12px;color:var(--muted);font-size:10px}
.messages-page>header{position:sticky;inset:auto;width:auto;transform:none}.messages-page>header .brand{padding:0}.messages-page>main{display:block;grid-column:auto;min-width:0}.messages-layout>aside{position:static!important;inset:auto!important;z-index:auto;width:auto;height:auto;min-height:0;padding:20px;display:block;transform:none!important;transition:none;border-right:1px solid var(--line);box-shadow:none;backdrop-filter:none}.messages-layout>aside form{width:100%}.messages-layout .inbox,.messages-layout .message-stream{min-width:0;width:100%}.messages-page .card-title{padding:20px 22px}.messages-page .message-stream>article>div{min-width:0}.messages-page .message-file img,.messages-page .message-file video{max-width:100%}html[data-theme="dark"] .messages-layout>aside{background:#191e28}@media(max-width:800px){.messages-layout>aside{position:static!important;width:auto!important;transform:none!important}.messages-page>header{padding:0 18px}.messages-page>header .brand{font-size:16px}.messages-page>header .brand>i{width:28px;height:28px}}
.message-alert.has-unread{border-color:#e4556c66;box-shadow:0 0 0 4px #e4556c10}.attachment-control{display:flex;flex-direction:column;align-items:stretch;gap:4px}.attachment-control>small{color:var(--muted);font-size:8px;text-align:center}.attachment-preview{grid-column:1/-1;display:flex;align-items:center;gap:11px;padding:10px;border:1px solid #cfd3ff;border-radius:10px;background:#f6f6ff}.attachment-preview[hidden]{display:none}.attachment-preview img,.attachment-preview video{width:96px;height:70px;border-radius:8px;object-fit:cover;background:#111}.attachment-preview>i{width:42px;height:42px;display:grid;place-items:center;border-radius:9px;background:#e8e9f4;font-style:normal}.attachment-preview b,.attachment-preview small{display:block}.attachment-preview b{max-width:420px;overflow:hidden;text-overflow:ellipsis;font-size:10px;white-space:nowrap}.attachment-preview small{margin-top:4px;color:var(--muted);font-size:8px}.attachment-preview.attachment-error{border-color:#e45c66;background:#fff0f1;color:#b13943;font-size:10px;font-weight:800}html[data-theme="dark"] .attachment-preview{border-color:#414568;background:#22263a}
.finance-nav{background:#e9f7f1;color:#187155}.finance-app main{background:#f5f7fa}.finance-access{display:flex;flex-direction:column;gap:4px;margin-bottom:12px;padding:12px;border:1px solid #334153;border-radius:9px;background:#202a37}.finance-access b{color:#70d5ad;font-size:11px}.finance-access small{color:#98a5b7;font-size:9px}.finance-export{height:36px;display:inline-flex;align-items:center;padding:0 12px;border-radius:8px;background:#172334;color:#fff;text-decoration:none;font-size:11px;font-weight:700}.finance-main{max-width:1400px;margin:auto;padding:36px 34px 70px}.finance-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:26px}.finance-hero>div:first-child>span,.section-title small,.finance-card-head>div>small{color:#408b73;font-size:9px;font-weight:900;letter-spacing:1.4px}.finance-hero h1{margin:8px 0 7px;font-size:38px;letter-spacing:-1.4px}.finance-hero p{max-width:690px;margin:0;color:var(--muted);font-size:13px;line-height:1.6}.finance-date{min-width:175px;padding:14px 16px;border:1px solid #d9e2df;border-radius:11px;background:#fff}.finance-date small,.finance-date b,.finance-date em{display:block}.finance-date small{color:var(--muted);font-size:9px}.finance-date b{margin:5px 0;font-size:14px}.finance-date em{color:#318064;font-size:9px;font-style:normal}.finance-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.finance-kpis article{position:relative;min-height:142px;padding:20px;border:1px solid #dfe5e8;border-radius:13px;background:#fff}.finance-kpis article>i{position:absolute;right:17px;top:17px;width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#edf1f4;font-style:normal}.finance-kpis small,.finance-kpis b,.finance-kpis span{display:block}.finance-kpis>article>small{color:#7d8997;font-size:10px;font-weight:700;text-transform:uppercase}.finance-kpis>article>b{margin:20px 0 8px;font-size:27px}.finance-kpis>article>span{color:#7b8793;font-size:10px}.finance-kpis .collected{background:#17382f;color:#fff}.finance-kpis .collected>i{background:#285448;color:#8be1bd}.finance-kpis .collected>small,.finance-kpis .collected>span{color:#9dc1b4}.finance-analytics{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:28px}.chart-card,.project-finance,.invoice-register{border:1px solid #dfe5e8;border-radius:14px;background:#fff;overflow:hidden}.chart-card{padding:21px}.finance-card-head{display:flex;justify-content:space-between}.finance-card-head h2,.section-title h2{margin:5px 0 0;font-size:18px}.finance-card-head>em{padding:5px 8px;border-radius:12px;background:#e7f5ef;color:#267458;font-size:9px;font-style:normal}.donut-layout{display:flex;align-items:center;justify-content:center;gap:45px;padding:24px 10px 7px}.finance-donut{width:156px;height:156px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#39a67c calc(var(--value)*1%),#6b65d8 0);position:relative}.finance-donut:after{content:"";position:absolute;width:108px;height:108px;border-radius:50%;background:#fff}.finance-donut>span{z-index:1;text-align:center}.finance-donut b,.finance-donut small{display:block}.finance-donut b{font-size:24px}.finance-donut small{color:var(--muted);font-size:9px}.status-donut{background:conic-gradient(#39a67c var(--paid),#e6a23c var(--paid) var(--pending),#df645d var(--pending))}.chart-legend{display:grid;gap:13px}.chart-legend span{display:grid;grid-template-columns:9px 65px 1fr;align-items:center;gap:8px}.chart-legend i{width:8px;height:8px;border-radius:50%}.chart-legend .green{background:#39a67c}.chart-legend .purple{background:#6b65d8}.chart-legend .amber{background:#e6a23c}.chart-legend .red{background:#df645d}.chart-legend b{font-size:12px}.chart-legend small{color:var(--muted);font-size:10px}.project-finance,.invoice-register{margin-bottom:16px}.section-title{padding:20px 21px;border-bottom:1px solid var(--line)}.section-title p{margin:5px 0 0;color:var(--muted);font-size:10px}.finance-projects>a{min-height:76px;display:grid;grid-template-columns:38px minmax(180px,1.3fr) 1fr 110px 100px;align-items:center;gap:14px;padding:11px 20px;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none}.finance-project-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#e7f5ef;color:#267458;font-weight:800}.finance-project-name b,.finance-project-name small,.finance-projects>a>span>b,.finance-projects>a>span>small,.finance-projects>a>strong small{display:block}.finance-project-name b{font-size:12px}.finance-project-name small,.finance-projects>a>span>small,.finance-projects>a>strong small{margin-top:4px;color:var(--muted);font-size:9px}.finance-progress>i{height:6px;display:block;margin-top:7px;border-radius:4px;background:#e9edf0;overflow:hidden}.finance-progress>i>em{height:100%;display:block;background:#39a67c}.finance-projects>a>strong{text-align:right;font-size:12px}.finance-search{display:flex;gap:9px;padding:13px 20px;border-bottom:1px solid var(--line);background:#fafbfb}.finance-search label{height:39px;display:flex;align-items:center;gap:8px;flex:1;padding:0 11px;border:1px solid var(--line);border-radius:8px;background:#fff}.finance-search input{min-width:0;flex:1;border:0;outline:0}.finance-search select,.finance-search button{height:39px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:#fff}.finance-search button{background:#18372f;color:#fff}.finance-search>a{align-self:center;color:#71808c;font-size:10px}.finance-table>div,.finance-table>article{min-height:61px;display:grid;grid-template-columns:1fr 1.5fr 120px 90px 110px;align-items:center;gap:12px;padding:9px 20px;border-bottom:1px solid var(--line);font-size:11px}.finance-table>div{min-height:40px;color:#8c96a0;font-size:9px;font-weight:800}.finance-table article>span b,.finance-table article>span small{display:block}.finance-table article>span small{color:var(--muted);font-size:9px}.finance-table article>strong{text-align:right}.invoice-status{padding:5px 8px;border-radius:12px;background:#e6f5ee;color:#28785a;font-size:9px;font-style:normal}.invoice-status.pending{background:#fff1dc;color:#a46517}.invoice-status.overdue{background:#fee9e8;color:#b34640}.finance-empty{display:block!important;padding:35px!important;text-align:center;color:var(--muted)}html[data-theme="dark"] .finance-app main{background:#121720}html[data-theme="dark"] .finance-date,html[data-theme="dark"] .finance-kpis article,html[data-theme="dark"] .chart-card,html[data-theme="dark"] .project-finance,html[data-theme="dark"] .invoice-register,html[data-theme="dark"] .finance-donut:after{background:#191e28}html[data-theme="dark"] .finance-kpis .collected{background:#17382f}html[data-theme="dark"] .finance-search{background:#202632}html[data-theme="dark"] .finance-search label,html[data-theme="dark"] .finance-search input,html[data-theme="dark"] .finance-search select{background:#191e28;color:#edf0f7}@media(max-width:1000px){.finance-kpis{grid-template-columns:repeat(2,1fr)}.finance-analytics{grid-template-columns:1fr}.finance-projects>a{grid-template-columns:38px 1.4fr 1fr 100px}.finance-projects>a>span:nth-child(4){display:none}}@media(max-width:650px){.finance-main{padding:25px 16px 50px}.finance-hero{align-items:flex-start;flex-direction:column}.finance-kpis{grid-template-columns:1fr}.donut-layout{gap:20px}.finance-projects>a{grid-template-columns:38px 1fr 80px}.finance-progress{display:none}.finance-table>div,.finance-table>article{grid-template-columns:1fr 90px 85px}.finance-table>div>span:nth-child(2),.finance-table>article>span:nth-child(2),.finance-table>div>span:nth-child(3),.finance-table>article>span:nth-child(3){display:none}.finance-search{flex-direction:column}}
.flash.flash-warning{background:#3b2f19;border-color:#dca33a;color:#ffe0a3}
@media(max-width:560px){.messages-page>header button{display:none}}
.mobile-nav-close,.mobile-nav-backdrop{display:none}@media(max-width:720px){body.mobile-nav-open{overflow:hidden}.mobile-nav-close{position:absolute;z-index:3;top:13px;right:12px;width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--ink);font-size:24px;line-height:1;cursor:pointer}.mobile-nav-backdrop{position:fixed;z-index:89;inset:0;width:100%;height:100%;border:0;background:#070a12a8;cursor:pointer}.mobile-nav-backdrop.open{display:block}#sidebar.open,.detail-aside.open{z-index:90}}
.performance-assign{display:grid;grid-template-columns:260px 1fr;gap:24px;margin-bottom:16px;padding:22px 24px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.performance-assign>div>span{color:#6b63ee;font-size:9px;font-weight:900;letter-spacing:1.3px}.performance-assign h2{margin:6px 0;font-size:17px}.performance-assign p{margin:0;color:var(--muted);font-size:10px;line-height:1.5}.performance-assign form{display:grid;grid-template-columns:1.4fr 1.2fr 150px auto;align-items:end;gap:10px}.performance-assign label{display:grid;gap:6px;color:var(--muted);font-size:10px;font-weight:700}.performance-assign input,.performance-assign select{height:40px;min-width:0;padding:0 11px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink)}.performance-assign button{height:40px;padding:0 15px;border:0;border-radius:8px;background:#665cf0;color:#fff;font-weight:800;cursor:pointer}@media(max-width:950px){.performance-assign{grid-template-columns:1fr}.performance-assign form{grid-template-columns:1fr 1fr}}@media(max-width:560px){.performance-assign form{grid-template-columns:1fr}}
.performance-project-assign form{grid-template-columns:1.4fr 1.1fr 1fr auto}.performance-project-assign .assignment-project-select{border-color:#6b63ee;box-shadow:0 0 0 3px #6b63ee18}.performance-assign button:disabled{cursor:not-allowed;opacity:.45}@media(max-width:1100px){.performance-project-assign form{grid-template-columns:1fr 1fr}}@media(max-width:560px){.performance-project-assign form{grid-template-columns:1fr}}
.performance-project-picker{width:430px;display:flex;align-items:end;gap:18px}.performance-project-picker>label{display:grid;gap:7px;flex:1;color:var(--muted);font-size:10px;font-weight:800}.performance-project-picker select{height:42px;min-width:0;padding:0 11px;border:1px solid #6b63ee;border-radius:9px;background:var(--panel);color:var(--ink);box-shadow:0 0 0 3px #6b63ee16}.performance-project-picker .performance-project-progress{width:120px}@media(max-width:850px){.performance-project-picker{width:100%}}@media(max-width:560px){.performance-project-picker{align-items:stretch;flex-direction:column}.performance-project-picker .performance-project-progress{width:100%}}
.performance-shell{min-height:100vh;background:var(--bg);color:var(--ink)}.performance-topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 38px;border-bottom:1px solid var(--line);background:var(--panel)}.performance-topbar>div{display:flex;align-items:center;gap:12px}.performance-topbar>div>a{color:var(--muted);font-size:12px;font-weight:700;text-decoration:none}.performance-topbar button{height:38px;padding:0 13px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--ink);cursor:pointer}.performance-main{max-width:1280px;margin:auto;padding:38px 32px 70px}.performance-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:24px}.performance-hero span,.performance-section-title span{color:#6b63ee;font-size:10px;font-weight:900;letter-spacing:1.5px}.performance-hero h1{margin:7px 0 5px;font-size:38px}.performance-hero p{margin:0;color:var(--muted);font-size:14px}.performance-project-progress{width:260px}.performance-project-progress small,.performance-project-progress b{display:block}.performance-project-progress small{color:var(--muted);font-size:11px}.performance-project-progress b{margin:5px 0 8px;font-size:22px}.performance-project-progress>i{height:7px;display:block;overflow:hidden;border-radius:5px;background:var(--line)}.performance-project-progress>i>em{height:100%;display:block;border-radius:5px;background:linear-gradient(90deg,#41b9bd,#725df0)}.performance-overview{display:grid;grid-template-columns:1.15fr 1fr;gap:16px;margin-bottom:18px}.performance-chart-card,.performance-summary article,.performance-people{border:1px solid var(--line);border-radius:16px;background:var(--panel)}.performance-chart-card{min-height:280px;display:flex;align-items:center;justify-content:center;gap:55px;padding:28px}.performance-donut{width:180px;height:180px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:conic-gradient(#39a77d 0 var(--complete),#e36c64 var(--complete) var(--incomplete),#d9dde7 var(--incomplete) 100%);position:relative}.performance-donut:after{content:"";position:absolute;width:124px;height:124px;border-radius:50%;background:var(--panel)}.performance-donut span{z-index:1;text-align:center}.performance-donut b,.performance-donut small{display:block}.performance-donut b{font-size:30px}.performance-donut small{margin-top:3px;color:var(--muted);font-size:10px}.performance-legend{display:grid;gap:16px;min-width:170px}.performance-legend span{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:10px}.performance-legend i{width:9px;height:9px;border-radius:50%}.performance-legend i.complete{background:#39a77d}.performance-legend i.incomplete{background:#e36c64}.performance-legend i.pending{background:#d9dde7}.performance-legend b{font-size:12px}.performance-legend em{font-size:15px;font-style:normal;font-weight:800}.performance-summary{display:grid;grid-template-columns:1fr;gap:10px}.performance-summary article{display:grid;grid-template-columns:1fr auto;align-items:center;padding:18px 20px}.performance-summary small,.performance-summary em{color:var(--muted)}.performance-summary small{font-size:11px;font-weight:700}.performance-summary b{grid-column:2;grid-row:1/3;font-size:27px}.performance-summary em{font-size:10px;font-style:normal}.performance-people{overflow:hidden}.performance-section-title{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;border-bottom:1px solid var(--line)}.performance-section-title h2{margin:5px 0;font-size:20px}.performance-section-title p{margin:0;color:var(--muted);font-size:11px}.performance-section-title label{height:40px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--line);border-radius:9px}.performance-section-title input{width:220px;border:0;outline:0;background:transparent;color:var(--ink)}.performance-list>article{display:grid;grid-template-columns:minmax(190px,1.2fr) 1.4fr 170px;align-items:center;gap:20px;padding:19px 24px;border-bottom:1px solid var(--line)}.performance-person{display:flex;align-items:center;gap:12px}.performance-person>i{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:#e8e7ff;color:#5f58d9;font-style:normal;font-weight:800}.performance-person b,.performance-person small{display:block}.performance-person b{font-size:13px}.performance-person small{margin-top:4px;color:var(--muted);font-size:10px}.performance-task-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.performance-task-numbers small,.performance-task-numbers b{display:block}.performance-task-numbers small{color:var(--muted);font-size:9px}.performance-task-numbers b{margin-top:4px;font-size:17px}.performance-result{text-align:right}.performance-result strong,.performance-result small{display:block}.performance-result strong{width:max-content;margin-left:auto;padding:7px 10px;border-radius:15px;font-size:10px}.performance-result strong.completed{background:#e3f5ed;color:#28795b}.performance-result strong.not-completed{background:#fee9e8;color:#b34640}.performance-result strong.pending{background:#eef0f5;color:#687386}.performance-result small{margin-top:6px;color:var(--muted);font-size:9px}.performance-comment{grid-column:1/-1;margin:0;padding:11px 13px;border-left:3px solid #e36c64;border-radius:6px;background:#e36c6410;font-size:11px;line-height:1.5}.performance-empty{padding:50px;text-align:center;color:var(--muted)}html[data-theme="dark"] .performance-person>i{background:#29284b;color:#aaa5ff}html[data-theme="dark"] .performance-result strong.completed{background:#173b30;color:#8bdfbd}html[data-theme="dark"] .performance-result strong.not-completed{background:#48272b;color:#ff9ea5}html[data-theme="dark"] .performance-result strong.pending{background:#292f3b;color:#abb4c4}@media(max-width:850px){.performance-overview{grid-template-columns:1fr}.performance-list>article{grid-template-columns:1fr}.performance-result{text-align:left}.performance-result strong{margin-left:0}.performance-hero{align-items:flex-start;flex-direction:column}.performance-project-progress{width:100%}}@media(max-width:560px){.performance-main{padding:25px 15px 50px}.performance-topbar{padding:0 16px}.performance-topbar .brand{font-size:16px}.performance-topbar>div>a{display:none}.performance-chart-card{align-items:flex-start;flex-direction:column;gap:24px}.performance-section-title{align-items:flex-start;flex-direction:column}.performance-section-title label,.performance-section-title input{width:100%;box-sizing:border-box}.performance-task-numbers{grid-template-columns:repeat(3,1fr)}}

.cookie-notice{position:fixed;z-index:220;inset:auto 24px 24px auto;height:auto;min-height:0;width:min(470px,calc(100vw - 48px));display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:13px;padding:17px 18px;border:1px solid #dcdff0;border-radius:15px;background:#fff;color:#171b29;box-shadow:0 22px 60px #11162938;animation:aurora-enter .28s var(--ease-spring)}.cookie-notice[hidden]{display:none}.cookie-notice.is-closing{opacity:0;transform:translateY(8px);transition:opacity .18s,transform .18s}.cookie-notice-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:#eeecff;color:#6258e8;font-size:16px}.cookie-notice strong{display:block;font-size:13px}.cookie-notice p{margin:4px 0 0;color:#687084;font-size:11px;line-height:1.45}.cookie-notice button{height:38px;padding:0 14px;border:0;border-radius:9px;background:#635bff;color:#fff;font-size:11px;font-weight:800;cursor:pointer}.cookie-notice button:hover{background:#554de8}html[data-theme="dark"] .cookie-notice{border-color:#343b50;background:#1b202b;color:#f1f3f9}html[data-theme="dark"] .cookie-notice p{color:#aeb5c5}@media(max-width:600px){.cookie-notice{inset:auto 14px 14px auto;width:calc(100vw - 28px);grid-template-columns:38px 1fr;padding:15px}.cookie-notice-icon{width:36px;height:36px}.cookie-notice button{grid-column:1/-1;width:100%}}