:root{--navy:#071b22;--teal:#0b8f87;--gold:#d9a441;--ivory:#f4f7f8;--text:#14242b;--muted:#66777d;--border:#e8edef;--danger:#e65d52;--success:#24a67a}*{box-sizing:border-box}html,body{min-height:100%;color:var(--text);background:var(--ivory);margin:0;font-family:Inter,Noto Sans Thai,Arial,sans-serif}button,input,select,textarea{font:inherit}button,a{cursor:pointer}.shell{grid-template-columns:230px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;z-index:40;background:linear-gradient(155deg,#071b22,#063235);width:230px;padding:18px 15px;position:fixed;inset:0 auto 0 0;overflow:auto}.sidebar:after{content:"";border:2px solid #f0c97899;border-radius:50%;width:260px;height:260px;position:absolute;bottom:-95px;left:-135px}.brand{color:#fff;z-index:1;flex-direction:column;align-items:center;height:170px;text-decoration:none;display:flex;position:relative}.brand img{object-fit:cover;border-radius:24px;width:82px;height:82px}.brand strong{color:#f0c978;margin-top:5px;font-size:27px}.brand strong span{color:#fff}.brand small{letter-spacing:2px;color:#e7ca8e;font-size:7px}.sidebar nav{z-index:1;flex-direction:column;height:calc(100vh - 300px);min-height:490px;display:flex;position:relative}.nav-item,.nav-group button{color:#fff;background:0 0;border:0;border-radius:10px;align-items:center;gap:14px;width:100%;padding:12px 16px;font-size:14px;text-decoration:none;display:flex}.nav-item.active{background:linear-gradient(90deg,#17a99e,#07464b)}.nav-group button b{margin-left:auto}.nav-group>div{border-left:1px solid #ffffff2e;gap:2px;margin-left:25px;padding:0 0 4px 44px;display:grid}.nav-group a{color:#c9d4d7;padding:6px 0;font-size:12px;text-decoration:none}.nav-item.bottom{margin-top:auto}.pro-card{color:#f0c978;z-index:1;border:1px solid #f0c978a6;border-radius:13px;align-items:center;gap:12px;padding:14px;display:flex;position:relative}.pro-card>b{font-size:25px}.pro-card strong{font-size:13px}.pro-card small{color:#d8e0e1;margin-top:4px;font-size:10px;line-height:1.5;display:block}.side-close{display:none}.shell>main{grid-column:2;min-width:0}.topbar{background:#fff;justify-content:space-between;align-items:center;height:58px;padding:8px 18px;display:flex}.search{background:#eef2f3;border-radius:14px;width:420px;padding:9px 15px}.search input{background:0 0;border:0;outline:0;width:90%;margin-left:10px}.user{align-items:center;gap:11px;font-size:14px;display:flex}.user small{color:var(--muted);font-size:10px;display:block}.user form button{background:0 0;border:0}.avatar{color:#fff;background:linear-gradient(145deg,#053d40,#d9a441);border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.menu-toggle{background:0 0;border:0;font-size:22px;display:none}.page{padding:6px 18px 24px}.hero{color:#fff;background:radial-gradient(circle at 70% 40%,#11817e73,#0000 26%),linear-gradient(120deg,#041b22,#07333a 52%,#101f26);border-radius:18px;justify-content:space-between;align-items:flex-start;height:202px;padding:30px 76px;display:flex;position:relative;overflow:hidden}.hero:after,.hero:before{content:"";border:16px solid #138f8c8c;border-radius:50%;width:650px;height:95px;position:absolute;bottom:-65px;left:250px;transform:rotate(-10deg)}.hero:after{border-color:#d9a441b3;bottom:-78px;left:180px}.hero h1{margin:3px 0 8px;font-size:36px}.hero p{margin:0;font-size:19px;line-height:1.55}.date-card{z-index:1;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#08161a8c;border:1px solid #ffffffa6;border-radius:16px;width:105px;padding:12px}.date-card b{font-size:42px;display:block}.date-card span,.date-card small{font-size:11px}.kpis{grid-template-columns:repeat(4,1fr);gap:12px;margin:12px 0;display:grid}.kpi{border:1px solid var(--border);background:#fff;border-radius:16px;align-items:center;gap:14px;min-height:100px;padding:16px;display:flex}.kpi>i{color:#fff;border-radius:50%;place-items:center;width:48px;height:48px;font-size:21px;font-style:normal;display:grid}.kpi>i.teal{background:linear-gradient(145deg,#007b7e,#003e4a)}.kpi>i.gold{background:linear-gradient(145deg,#f0c978,#c58a30)}.kpi>i.green{background:linear-gradient(145deg,#5ac9a9,#138f72)}.kpi>i.blue{background:linear-gradient(145deg,#71a7d5,#3f77aa)}.kpi small{font-weight:600;display:block}.kpi strong{margin-top:8px;font-size:25px;display:inline-block}.kpi strong em{font-size:12px;font-style:normal}.kpi span{color:var(--success);background:#e8f7f1;border-radius:20px;margin-left:5px;padding:3px 6px;font-size:10px}.kpi span.danger-text{color:var(--danger);background:#fff0ef}.dashboard-grid{grid-template-columns:minmax(0,3fr) minmax(260px,1fr);gap:12px;display:grid}.chart-row,.lower-row{grid-template-columns:1.55fr 1fr;gap:12px;margin-bottom:12px;display:grid}.card{border:1px solid var(--border);background:#fff;border-radius:16px;padding:16px;box-shadow:0 4px 18px #1428320a}.card>header,.table-card>header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.card h2{margin:0;font-size:17px}.card h2 small{color:var(--muted);font-size:11px;font-weight:400}.card header button,.filters select{border:1px solid var(--border);background:#fff;border-radius:9px;padding:7px 10px;font-size:11px}.donut-wrap{align-items:center;gap:24px;display:flex}.donut{aspect-ratio:1;border-radius:50%;flex:none;place-items:center;width:190px;display:grid}.donut>div{aspect-ratio:1;background:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:102px;display:flex}.donut small,.donut span{color:var(--muted);font-size:10px}.donut b{font-size:19px}.legend{flex:1;gap:11px;display:grid}.legend>div{grid-template-columns:10px 1fr 35px 65px;align-items:center;gap:8px;font-size:11px;display:grid}.legend i{border-radius:50%;width:9px;height:9px}.legend em{text-align:right;font-style:normal}.bar-chart{background:repeating-linear-gradient(#eef2f3 0 1px,#0000 1px 46px);border-bottom:1px solid #dfe6e8;align-items:flex-end;gap:15px;height:190px;padding:15px 8px 0;display:flex}.bar-chart>div{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;display:flex}.bar-chart section{align-items:flex-end;gap:4px;height:160px;display:flex}.bar-chart i{background:linear-gradient(#55c4ae,#138f8c);border-radius:3px 3px 0 0;width:11px}.bar-chart i+i{background:#9daeb7}.bar-chart small{margin-top:6px;font-size:9px}.chart-key{font-size:10px}.chart-key i{background:#37ad97;border-radius:3px;width:9px;height:9px;margin:0 4px 0 12px;display:inline-block}.chart-key i+i{background:#9daeb7}.tabs{gap:8px;margin-bottom:8px;display:flex}.tabs>*{background:#f0f3f4;border-radius:8px;padding:6px 12px;font-size:10px}.tabs b{color:#fff;background:#073a42}.btn-small,.btn-primary{background:linear-gradient(120deg,#13a89e,#067077);border:0;border-radius:10px;padding:9px 15px;text-decoration:none;color:#fff!important}.task-row{border-bottom:1px solid #eef1f2;grid-template-columns:20px 10px 1fr auto;align-items:center;gap:8px;padding:8px 2px;display:grid}.task-row .check{background:#fff;border:1px solid #a8b8c0;border-radius:4px;width:16px;height:16px;padding:0}.priority{border-radius:50%;width:8px;height:8px;display:inline-block}.priority.high{background:#e65d52}.priority.medium{background:#e7a23a}.priority.low{background:#4b86c5}.task-row span{font-size:11px}.task-row small{color:var(--danger);background:#fff1ef;border-radius:10px;padding:4px 7px;font-size:9px}.project-row{border-bottom:1px solid #eef1f2;grid-template-columns:28px 1fr auto auto;align-items:center;gap:8px;padding:8px 0;display:grid}.project-row>i{background:#e8f2f1;border-radius:50%;place-items:center;width:28px;height:28px;font-style:normal;display:grid}.project-row b{font-size:11px}.project-row small{color:var(--muted);font-size:9px;display:block}.project-row strong{font-size:11px}.badge,.days{color:#586b72;white-space:nowrap;background:#eef1f2;border-radius:20px;padding:4px 7px;font-size:9px}.badge.paid,.badge.income,.badge.completed{color:#188060;background:#dff5ec}.badge.billed,.badge.active{color:#167b69;background:#e4f5ef}.badge.waiting_payment{color:#367cb1;background:#e1eefb}.badge.overdue,.badge.expense{color:#cc5048;background:#fff0ef}.badge.pending,.badge.lead{color:#b57414;background:#fff4df}.card-link{color:#087f79;text-align:right;margin-top:10px;font-size:10px;font-weight:600;text-decoration:none;display:block}.right-column{align-content:start;gap:12px;display:grid}.calendar-head,.calendar-days{text-align:center;grid-template-columns:repeat(7,1fr);gap:3px;display:grid}.calendar-head span{color:var(--muted);font-size:9px}.calendar-days span{place-items:center;height:25px;font-size:9px;display:grid;position:relative}.calendar-days .today{color:#fff;background:#073c42;border-radius:50%}.calendar-days i{background:#e7a23a;border-radius:50%;width:3px;height:3px;position:absolute;bottom:2px}.event-list{border-top:1px solid #edf1f2;margin-top:8px;padding-top:6px}.event-list>div{grid-template-columns:6px 34px 1fr;gap:7px;padding:5px 0;display:grid}.event-list i{background:#e67658;border-radius:50%;width:6px;height:6px;margin-top:4px}.event-list time,.event-list b{font-size:9px}.event-list small{color:var(--muted);font-size:8px;display:block}.renewal-row{border-bottom:1px solid #edf1f2;grid-template-columns:30px 1fr auto;align-items:center;gap:8px;padding:8px 0;display:grid}.renewal-row>i{background:#eef2f3;border-radius:9px;place-items:center;width:30px;height:30px;font-style:normal;display:grid}.renewal-row b{font-size:10px}.renewal-row small{color:var(--danger);font-size:8px;display:block}.days.red{color:#d9473d;background:#ffebe8}.days.orange{color:#cf7021;background:#fff0e3}.days.gold{color:#a97917;background:#fff6d8}.empty{text-align:center;color:#98a5a9;padding:20px;font-size:12px}.toast,.alert{color:#187558;background:#e4f7ef;border-radius:10px;margin-bottom:10px;padding:10px 14px;font-size:13px}.alert{color:#c64b44;background:#fff0ef}.page-header{justify-content:space-between;align-items:center;margin:18px 0;display:flex}.page-header h1{margin:0;font-size:28px}.page-header p{color:var(--muted);margin:4px 0 0;font-size:13px}.summary-strip{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px;display:grid}.summary-strip>div{border:1px solid var(--border);background:#fff;border-radius:14px;padding:16px}.summary-strip small{color:var(--muted);display:block}.summary-strip b{margin-top:5px;font-size:22px;display:block}.positive{color:#16866d}.negative{color:#d75a50}.table-card{padding:0;overflow:hidden}.table-card>header{margin:0;padding:16px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--muted);background:#f7f9f9;padding:10px 14px;font-size:10px}td{border-top:1px solid #edf1f2;padding:12px 14px;font-size:11px}td small{color:var(--gold);display:block}td.amount{font-weight:700}.icon-button{background:0 0;border:0}.filters{gap:8px;display:flex}.modal{z-index:100;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal.open{display:flex}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#020f13b8;position:absolute;inset:0}.modal>section{background:#fff;border-radius:18px;width:min(620px,100% - 32px);max-height:90vh;padding:20px;position:relative;overflow:auto}.modal>section>header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.modal h2{margin:0}.modal header button{background:0 0;border:0;font-size:24px}.form-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.form-grid label{color:var(--muted);font-size:11px}.form-grid input,.form-grid select,.form-grid textarea{background:#fafcfc;border:1px solid #dce4e6;border-radius:9px;width:100%;margin-top:6px;padding:10px;display:block}.form-grid .full{grid-column:1/-1}.check-label{align-items:center;gap:8px;display:flex!important}.check-label input{width:auto;margin:0}.kanban{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.kanban-col{background:#eef2f3;border-radius:16px;min-height:480px;padding:14px}.kanban-col>header{justify-content:space-between;display:flex}.kanban-col h2{font-size:15px}.task-card{border:1px solid var(--border);background:#fff;border-radius:13px;margin:10px 0;padding:14px}.task-card h3{font-size:13px}.task-card p{color:var(--muted);min-height:28px;font-size:11px}.task-card footer{justify-content:space-between;display:flex}.task-card footer button{color:#16836b;background:#e5f5ef;border:0;border-radius:8px}.notes-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.note-card{border:1px solid var(--border);border-top:5px solid var(--note-color);background:#fff;border-radius:14px;flex-direction:column;min-height:200px;padding:17px;display:flex}.note-card>i{color:var(--gold);font-size:10px}.note-card h2{font-size:16px}.note-card p{color:var(--muted);white-space:pre-wrap;flex:1;font-size:12px}.note-card footer{justify-content:space-between;display:flex}.note-card button{color:var(--danger);background:0 0;border:0}.agenda>section{border-top:1px solid var(--border);grid-template-columns:70px 1fr;padding:15px;display:grid}.agenda>section>time{text-align:center}.agenda>section>time b{font-size:27px;display:block}.agenda-item{background:#f8fafb;border-left:3px solid #4b86c5;grid-template-columns:60px 1fr 20px;margin-bottom:8px;padding:10px 14px;display:grid}.agenda-item.meeting{border-color:#e65d52}.agenda-item.renewal{border-color:#d9a441}.agenda-item.billing{border-color:#0b8f87}.agenda-item small{color:var(--muted);display:block}.agenda-item button{background:0 0;border:0}.freelance-summary{gap:8px;margin-bottom:12px;display:flex}.freelance-summary button{color:#087f79;background:#fff;border:1px solid #b9d7d4;border-radius:10px;padding:9px 14px}.freelance-grid{grid-template-columns:2fr 1fr;gap:12px;display:grid}.renewal-page{min-height:400px}.login-page{color:#fff;background:radial-gradient(circle at 82% 28%,#d9a4413d,#0000 30%),linear-gradient(120deg,#06171d,#071f25 58%,#2b211b);grid-template-rows:1fr 135px;grid-template-columns:1.15fr 1fr;gap:10px;min-height:100vh;padding:7vh 7vw 3vh;display:grid;position:relative;overflow:hidden}.login-page:before,.login-page:after{content:"";border:30px solid #0576758c;border-radius:50%;width:900px;height:250px;position:absolute;bottom:-150px;left:-120px;transform:rotate(-10deg)}.login-page:after{border-color:#d9a4418c;bottom:-185px}.login-brand{z-index:1;flex-direction:column;justify-content:center;align-items:center;display:flex}.login-brand img{object-fit:cover;border-radius:70px;width:280px;height:280px}.login-brand h1{margin:5px;font-size:58px}.login-brand h1 span{color:#f0c978}.login-brand .tagline{letter-spacing:6px;color:#efce8e;font-size:13px}.login-brand i{background:#d9a441;width:60px;height:2px;margin:15px}.login-brand>p:last-child{text-align:center;font-size:21px;line-height:1.5}.login-card{z-index:1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0e1b1db3;border:1px solid #ffffff73;border-radius:22px;align-self:center;max-width:610px;padding:40px 50px}.login-card h2{margin:0;font-size:39px}.login-card>p{color:#d4dbdc}.login-card form>label{background:#ffffff0f;border:1px solid #ffffff40;border-radius:14px;align-items:center;margin:18px 0;padding:0 17px;display:flex}.login-card form>label input{color:#fff;background:0 0;border:0;outline:0;width:100%;padding:16px}.login-options{justify-content:space-between;margin:8px 0 20px;font-size:13px;display:flex}.login-options a{color:#2bd6c8}.login-card .btn-primary,.apple{width:100%;padding:15px;font-size:16px}.divider{align-items:center;gap:15px;margin:22px 0;display:flex}.divider:before,.divider:after{content:"";background:#fff3;flex:1;height:1px}.apple{color:#fff;background:#ffffff0d;border:1px solid #ffffff40;border-radius:13px}.login-features{z-index:1;grid-column:1/-1;grid-template-columns:repeat(4,1fr);align-items:center;display:grid}.login-features>div{align-items:center;gap:14px;display:flex}.login-features b,.login-features small{display:block}.login-features small{color:#bdc8ca;margin-top:5px;font-size:11px}@media (width<=1100px){.shell{grid-template-columns:78px 1fr}.sidebar{width:78px;padding:14px 9px}.brand{height:100px}.brand img{width:54px;height:54px}.brand strong,.brand small,.nav-item span,.nav-group span,.nav-group b,.nav-group>div,.pro-card div{display:none}.nav-item,.nav-group button{justify-content:center;font-size:20px}.pro-card{justify-content:center}.kpis{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.right-column{grid-template-columns:1fr 1fr}}@media (width<=767px){.shell{display:block}.sidebar{width:270px;transition:all .2s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.side-close{color:#fff;background:0 0;border:0;font-size:24px;display:block;position:absolute;top:10px;right:10px}.brand strong,.brand small,.nav-item span,.nav-group span,.nav-group b,.pro-card div{display:block}.nav-group>div{display:grid}.nav-item,.nav-group button{justify-content:flex-start;font-size:14px}.menu-toggle{display:block}.search{display:none}.page{padding:6px 12px}.hero{height:180px;padding:25px 20px}.hero h1{font-size:28px}.hero p{font-size:15px}.date-card{width:85px}.kpis{display:flex;overflow-x:auto}.kpi{min-width:245px}.chart-row,.lower-row,.right-column,.freelance-grid{grid-template-columns:1fr}.donut-wrap{flex-direction:column}.kanban,.notes-grid,.summary-strip,.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.login-page{padding:25px 18px;display:block;overflow:auto}.login-brand img{width:130px;height:130px}.login-brand h1{font-size:34px}.login-brand .tagline{font-size:8px}.login-brand>p:last-child,.login-features{display:none}.login-card{margin-top:15px;padding:24px 20px}.user>div{display:none}}@media (width>=1200px){.shell{grid-template-columns:246px minmax(0,1fr)}.sidebar{width:246px;padding:22px 16px}.shell>main{grid-column:2}.topbar{height:64px;padding:8px 20px}.page{padding:0 18px 24px}.brand{height:182px}.brand img{border-radius:22px;width:86px;height:86px}.brand strong{font-size:30px}.nav-item,.nav-group button{min-height:43px}.hero{background-image:linear-gradient(90deg,#02151bed 0%,#021a1f8c 48%,#020f131a 100%),url(/images/dashboard-hero-v2.png);background-position:50% 47%;background-size:cover;height:203px;padding:28px 95px}.hero:before{opacity:.95;border-width:17px;width:980px;height:150px;bottom:-105px;left:5%}.hero:after{opacity:.9;border-width:11px;width:900px;height:135px;bottom:-116px;left:0}.hero h1{font-size:38px;line-height:1.15}.hero p{font-size:20px}.date-card{width:110px;margin-top:-8px;margin-right:-62px;padding:13px 8px}.kpis{gap:13px;margin:12px 0}.kpi{height:106px;padding:17px}.dashboard-grid,.chart-row,.lower-row{gap:13px}.finance-card,.bars{min-height:276px}.right-column .card{padding:16px}.donut{width:184px}.widget{min-height:285px}}.login-page{background:radial-gradient(circle at 82% 26%,#cf974f33,#0000 30%),radial-gradient(circle at 17% 45%,#084a4e47,#0000 35%),linear-gradient(115deg,#07181e 0%,#071c21 58%,#2a211c 100%);grid-template:"brand form"minmax(560px,1fr)"features features"130px/1.08fr .92fr;padding:4vh 6.5vw 2vh}.login-brand{grid-area:brand}.login-card{grid-area:form;justify-self:end;width:min(100%,610px);padding:46px 54px}.login-features{grid-area:features}.login-brand img{border-radius:62px;width:310px;height:310px}.login-brand h1{letter-spacing:-2px;font-size:62px}.login-brand .tagline{letter-spacing:7px}.login-card h2{font-size:40px}.login-page:before{border-width:34px;width:1100px;height:260px;bottom:-155px;left:-160px}.login-page:after{border-width:17px;width:1080px;height:250px;bottom:-194px;left:-185px}@media (height<=850px) and (width>=768px){.login-page{grid-template-rows:minmax(520px,1fr) 90px;padding-top:2vh}.login-brand img{width:245px;height:245px}.login-brand h1{font-size:52px}.login-brand i{margin:10px}.login-brand>p:last-child{font-size:18px}.login-card{padding:34px 44px}.login-card form>label{margin:14px 0}.login-features{font-size:13px}}.nav-item>svg,.nav-group>button>svg{stroke-width:1.8px;flex:none;width:20px;height:20px}.nav-group button b svg{width:15px;height:15px}.pro-card svg{width:24px;height:24px}.search{align-items:center;display:flex}.search svg{stroke-width:1.8px;width:19px;height:19px}.user>svg{width:19px;height:19px}.user form svg{width:15px;height:15px}html,body,button,input,select,textarea{font-family:Kanit,Arial,sans-serif!important}.sidebar{flex-direction:column;display:flex;overflow:hidden}.brand{flex:none}.sidebar nav{scrollbar-width:thin;scrollbar-color:#ffffff2e transparent;flex:1;height:auto;min-height:0;padding-right:2px;overflow:hidden auto}.nav-item,.nav-group button{font-weight:400}.nav-group>div{border-left:0;margin-left:28px;padding-left:29px;position:relative}.nav-group>div:before{content:"";background:#9ebec259;width:1px;position:absolute;top:0;bottom:8px;left:0}.nav-group>div a{position:relative}.nav-group>div a:before{content:"";background:#9ebec259;width:11px;height:1px;position:absolute;top:50%;left:-29px}.nav-group>div a:hover{color:#f0c978}.settings-link{margin-top:8px}.pro-card{background:#ffffff0b;border-color:#f0c9788c;flex:none;min-height:86px;margin-top:12px}.pro-card>b{background:#d9a4411a;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}@media (width>=1200px){.sidebar nav{padding-bottom:4px}.nav-item,.nav-group button{padding-left:17px;padding-right:13px}.nav-group>div a{padding:5px 0;font-size:12px}.pro-card{padding:12px}}.login-card form>label>svg{stroke-width:1.8px;color:#e3ecec;flex:0 0 20px;width:20px;height:20px}.login-card .btn-primary{justify-content:center;align-items:center;gap:10px;display:flex}.login-card .btn-primary svg{width:19px;height:19px}.apple{justify-content:center;align-items:center;gap:10px;display:flex}.apple svg{flex:none;width:22px;height:22px}.login-features>div>svg{color:#e9c170;stroke-width:1.7px;border:1px solid #f0c9788c;border-radius:10px;flex:none;width:34px;height:34px;padding:7px}.login-features>div:nth-child(2)>svg,.login-features>div:nth-child(3)>svg{color:#51c6b8;border-color:#51c6b88c}.login-features>div:nth-child(4)>svg{color:#75a7c8;border-color:#75a7c88c}.finance-head{justify-content:space-between;align-items:center;margin:20px 0 15px;display:flex}.finance-head h1{color:#0b2330;margin:0;font-size:25px}.finance-head p,.section-toolbar p,.table-card header p{color:#71808a;margin:3px 0 0;font-size:13px}.finance-head-actions,.section-toolbar>div:last-child{align-items:center;gap:10px;display:flex}.month-picker{color:#15313b;background:#fff;border:1px solid #dbe3e7;border-radius:11px;height:42px;padding:0 13px}.finance-head .btn-primary,.section-toolbar .btn-primary,.section-toolbar .btn-soft{align-items:center;gap:7px;height:42px;display:flex}.finance-head svg,.section-toolbar svg{width:17px}.finance-kpis{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.finance-kpis article{background:#fff;border:1px solid #edf1f2;border-radius:15px;align-items:flex-start;gap:13px;padding:16px;display:flex;box-shadow:0 5px 18px #1a333c0a}.finance-kpis small,.finance-kpis em{color:#74838c;font-size:11px;font-style:normal;display:block}.finance-kpis b{margin:2px 0;font-size:20px;display:block}.finance-kpi-icon{color:#118c80;background:#e5f7f4;border-radius:11px;flex:none;place-items:center;width:39px;height:39px;display:grid}.finance-kpi-icon.expense{color:#e26956;background:#fff1ed}.finance-kpi-icon.balance{color:#4787bf;background:#edf5ff}.finance-kpi-icon.pending{color:#c99225;background:#fff6df}.finance-kpi-icon svg{width:20px}.finance-tabs{background:#fff;border:1px solid #e8edef;border-radius:13px;gap:5px;width:max-content;max-width:100%;margin:15px 0;padding:5px;display:flex;overflow:auto}.finance-tabs a{white-space:nowrap;color:#64757d;border-radius:9px;padding:8px 14px;font-size:13px}.finance-tabs a.active{color:#fff;background:#063b42}.finance-table{padding:0;overflow:hidden}.finance-table>header{border-bottom:1px solid #edf1f2;padding:16px 18px}.finance-filters{gap:7px;display:flex}.finance-filters input,.finance-filters select{background:#fff;border:1px solid #dce4e7;border-radius:9px;min-width:115px;height:36px;padding:0 10px}.finance-filters input{min-width:190px}.btn-soft{color:#087e77;background:#eff9f8;border:1px solid #bed7d6;border-radius:9px;padding:0 14px}.finance-table table th{color:#809098;background:#f8fafb;font-size:11px}.finance-table table td{padding-top:12px;padding-bottom:12px}.finance-table td small{color:#86949b;font-size:10px;display:block}.text-right{text-align:right}.transaction-title{align-items:center;gap:9px;display:flex}.type-dot{background:#ef745f;border-radius:50%;width:9px;height:9px}.type-dot.income{background:#35b69d}.row-actions{justify-content:flex-end;gap:3px;display:flex}.row-actions form,.card-actions form{margin:0}.mini-action{color:#4e666e;cursor:pointer;background:#f0f5f6;border:0;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.mini-action svg{width:14px}.mini-action.danger{color:#df6657;background:#fff2ef}.pagination-wrap{padding:12px 18px}.finance-empty{color:#8a999f;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:190px;display:flex}.finance-empty svg{color:#80aaa7;width:34px;height:34px}.finance-empty b{color:#3d555e}.finance-empty.wide{background:#fff;border:1px dashed #cfdcdf;border-radius:15px;grid-column:1/-1}.section-toolbar{justify-content:space-between;align-items:center;margin:18px 0 12px;display:flex}.section-toolbar h2{margin:0;font-size:20px}.management-grid,.budget-grid,.account-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.management-card,.budget-card,.account-card{background:#fff;border:1px solid #e9eff1;border-radius:15px;padding:16px;box-shadow:0 5px 18px #1a333c09}.management-card{align-items:center;gap:12px;display:flex}.management-card.muted,.account-card.muted{opacity:.6}.color-orb{background:color-mix(in srgb,var(--orb) 16%,white);width:42px;height:42px;color:var(--orb);border-radius:12px;flex:none;place-items:center;display:grid}.color-orb svg{width:19px}.grow{flex:1;min-width:0}.management-card h3,.budget-card h3,.account-card h3{margin:0;font-size:15px}.management-card p{color:#849198;margin:2px 0;font-size:11px}.management-card .grow>b{font-size:16px}.card-actions{gap:4px;display:flex}.budget-card header{align-items:center;gap:8px;display:flex}.budget-card header h3{flex:1}.color-dot{border-radius:50%;flex:none;width:9px;height:9px;display:inline-block}.budget-numbers{justify-content:space-between;align-items:baseline;margin:18px 0 8px;display:flex}.budget-numbers b{font-size:21px}.budget-numbers span,.budget-card>small{color:#829096;font-size:11px}.progress{background:#edf1f2;border-radius:10px;height:7px;overflow:hidden}.progress i{border-radius:10px;height:100%;display:block}.account-card{border-top:3px solid var(--account-color)}.account-card>div:first-child{justify-content:space-between;display:flex}.account-icon{width:42px;height:42px;color:var(--account-color);background:color-mix(in srgb,var(--account-color) 14%,white);border-radius:12px;place-items:center;display:grid}.account-icon svg{width:20px}.account-card h3{margin-top:14px}.account-card>small{color:#849198}.account-card>b{margin:12px 0;font-size:23px;display:block}.link-button{color:#087f78;cursor:pointer;background:0 0;border:0;padding:0}.category-columns{grid-template-columns:1fr 1fr;gap:12px;display:grid}.category-columns .card h3{margin-top:0}.category-line{border-bottom:1px solid #edf1f2;align-items:center;gap:10px;padding:11px 0;display:flex}.category-line b{flex:1;font-size:13px}.category-line small{color:#8a979c}.form-grid textarea{resize:vertical;border:1px solid #d7e0e3;border-radius:10px;width:100%;padding:10px}.check-label{align-items:center;gap:8px;padding-top:24px;flex-direction:row!important;display:flex!important}.check-label input{width:auto!important}@media (width<=1100px){.finance-kpis,.management-grid,.budget-grid,.account-grid{grid-template-columns:1fr 1fr}.finance-table>header{align-items:flex-start;gap:10px}.finance-filters{flex-wrap:wrap;justify-content:flex-end}}@media (width<=767px){.finance-head,.section-toolbar{flex-direction:column;align-items:flex-start;gap:10px}.finance-head-actions,.section-toolbar>div:last-child{width:100%}.finance-kpis,.management-grid,.budget-grid,.account-grid,.category-columns{grid-template-columns:1fr}.finance-tabs{width:100%}.finance-table>header{display:block}.finance-filters{grid-template-columns:1fr 1fr;margin-top:10px;display:grid}.finance-filters input{grid-column:1/-1;min-width:0}.finance-table table{min-width:790px}.finance-head .btn-primary{flex:1;justify-content:center}.section-toolbar>div:last-child{flex-wrap:wrap}}.finance-overview-grid{grid-template-columns:1.35fr .65fr;gap:12px;display:grid}.finance-overview-grid>.card{padding:0;overflow:hidden}.finance-overview-grid>.card>header{border-bottom:1px solid #edf1f2;padding:16px 18px}.overview-row{border-bottom:1px solid #edf1f2;align-items:center;gap:10px;padding:12px 18px;display:flex}.overview-row>div{flex:1}.overview-row b,.overview-row small{display:block}.overview-row small{color:#839198;font-size:10px}.overview-row strong{font-size:14px}.color-orb.small{border-radius:9px;width:34px;height:34px}.color-orb.small svg{width:15px}@media (width<=900px){.finance-overview-grid{grid-template-columns:1fr}}.transaction-toolbar{justify-content:space-between;align-items:flex-end;margin:17px 0 12px;display:flex}.transaction-toolbar h2{margin:0;font-size:20px}.transaction-toolbar p{color:#7b8b92;margin:2px 0 0;font-size:12px}.transaction-accounts{grid-template-columns:1fr 1fr;align-items:start;gap:13px;display:grid}.transaction-account{background:#fff;border:1px solid #e7edef;border-radius:16px;overflow:hidden;box-shadow:0 5px 18px #1a333c0a}.transaction-account>header{background:linear-gradient(100deg,#f0fbf8,#fff);border-bottom:1px solid #e9eff1;justify-content:space-between;align-items:center;padding:16px 17px;display:flex}.transaction-account.expense>header{background:linear-gradient(100deg,#fff4f1,#fff)}.transaction-account-title{align-items:center;gap:10px;display:flex}.transaction-account-title>span{color:#1b9b83;background:#dff5ef;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.transaction-account.expense .transaction-account-title>span{color:#df6d59;background:#ffe6df}.transaction-account-title svg{width:19px}.transaction-account h2{margin:0;font-size:16px}.transaction-account p{color:#819097;margin:1px 0;font-size:10px}.transaction-account>header>strong{color:#249e86;font-size:19px}.transaction-account.expense>header>strong{color:#df6d59}.transaction-item{border-bottom:1px solid #edf1f2;align-items:center;gap:9px;padding:12px 14px;display:flex}.transaction-item time{text-align:center;flex:none;width:34px}.transaction-item time b,.transaction-item time small{display:block}.transaction-item time b{font-size:16px}.transaction-item time small{color:#819097;font-size:9px}.transaction-category{--category:#0b8f87;width:34px;height:34px;color:var(--category);background:color-mix(in srgb,var(--category) 13%,white);border-radius:10px;flex:none;place-items:center;display:grid}.transaction-category svg{width:16px}.transaction-info{flex:1;min-width:0}.transaction-info b,.transaction-info small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.transaction-info b{font-size:12px}.transaction-info small{color:#829097;font-size:9px}.transaction-value{text-align:right}.transaction-value>b{margin-bottom:3px;font-size:12px;display:block}.transaction-value .badge{padding:2px 6px;font-size:8px}.transaction-item .row-actions{opacity:.35;transition:all .15s}.transaction-item:hover .row-actions{opacity:1}@media (width<=1050px){.transaction-accounts{grid-template-columns:1fr}.transaction-toolbar{flex-direction:column;align-items:flex-start;gap:10px}.transaction-item .row-actions{opacity:1}}@media (width<=600px){.transaction-value .badge{display:none}.transaction-item{padding:10px 8px}.transaction-item .row-actions{gap:1px}.transaction-item .mini-action{width:27px;height:27px}}.finance-pagination{border-top:1px solid #edf1f2;justify-content:center;align-items:center;gap:5px;padding:13px;display:flex}.finance-pagination a,.finance-pagination span{color:#526970;background:#fff;border:1px solid #dce5e7;border-radius:8px;place-items:center;width:30px;height:30px;font-size:12px;text-decoration:none;display:grid}.finance-pagination a:hover{color:#087d75;background:#effaf8;border-color:#178e84}.finance-pagination span.active{color:#fff;background:#087d75;border-color:#087d75}.finance-pagination span.disabled{opacity:.35}.finance-pagination i{color:#8d999e;padding:0 2px;font-style:normal}.nav-item,.nav-group button,.nav-group a{transition:background-color .16s,color .16s,transform .16s,box-shadow .16s}.nav-item:hover,.nav-group button:hover{color:#fff;background:#ffffff17;transform:translate(2px)}.nav-item.active,.nav-group.active>button{color:#fff;background:linear-gradient(90deg,#17a99e,#07505a);box-shadow:0 6px 16px #00000029}.nav-group.active>button svg{color:#f2ce82}.nav-group>div a{border-radius:7px;padding-left:8px;display:block}.nav-group>div a:hover{color:#f5d68f;background:#ffffff12;transform:translate(3px)}.nav-group>div a.active{color:#f2ca78;background:#f0c97824;font-weight:500}.nav-group>div a.active:before{background:#f0c978;border-radius:50%;width:7px;height:7px;left:-32px;box-shadow:0 0 0 4px #f0c97821}.nav-item:focus-visible,.nav-group button:focus-visible,.nav-group a:focus-visible{outline-offset:2px;outline:2px solid #f0c978}.sidebar:after{display:none!important}.freelance-head{justify-content:space-between;align-items:flex-end;margin:22px 0 16px;display:flex}.freelance-head .eyebrow{color:#0a8b83;letter-spacing:1.8px;margin-bottom:5px;font-size:10px;font-weight:600;display:block}.freelance-head h1{color:#102c35;margin:0;font-size:27px;line-height:1.2}.freelance-head p{color:#6b7d84;margin:6px 0 0;font-size:13px}.freelance-main-action,.freelance-section-head .btn-primary{align-items:center;gap:7px;height:42px;display:flex}.freelance-main-action svg,.freelance-section-head .btn-primary svg{width:17px}.freelance-kpis{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px;display:grid}.freelance-kpis article{background:#fff;border:1px solid #e5ecee;border-radius:15px;align-items:center;gap:12px;padding:15px 16px;display:flex;box-shadow:0 5px 18px #1a333c0a}.fk-icon{color:#14977f;background:#e5f6f2;border-radius:12px;flex:none;place-items:center;width:42px;height:42px;display:grid}.fk-icon.projects{color:#4b82b4;background:#edf4fb}.fk-icon.billing{color:#bf8520;background:#fff3dc}.fk-icon.renewals{color:#dc6d58;background:#fff0ec}.fk-icon svg{width:20px}.freelance-kpis small,.freelance-kpis em{color:#72838a;font-size:11px;font-style:normal;display:block}.freelance-kpis b{color:#17343d;margin-right:4px;font-size:20px;line-height:1.3;display:inline-block}.freelance-tabs{background:#fff;border:1px solid #e5ecee;border-radius:14px;gap:5px;width:max-content;max-width:100%;margin-bottom:16px;padding:5px;display:flex;overflow:auto}.freelance-tabs a{color:#60747b;white-space:nowrap;border-radius:9px;align-items:center;gap:7px;padding:9px 13px;font-size:12px;text-decoration:none;display:flex}.freelance-tabs a svg{width:16px}.freelance-tabs a b{background:#edf2f3;border-radius:10px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:9px;display:grid}.freelance-tabs a:hover{color:#087e77;background:#f0f8f7}.freelance-tabs a.active{color:#fff;background:#073f47;box-shadow:0 4px 12px #073f4733}.freelance-tabs a.active b{color:#fff;background:#ffffff2b}.freelance-section-head{justify-content:space-between;align-items:center;margin:4px 0 12px;display:flex}.freelance-section-head h2{color:#17323b;margin:0;font-size:20px}.freelance-section-head p{color:#72838a;margin:3px 0 0;font-size:12px}.client-grid{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.client-card{background:#fff;border:1px solid #e4ebed;border-radius:16px;overflow:hidden;box-shadow:0 5px 20px #1a333c0b}.client-card>header{border-bottom:1px solid #edf1f2;align-items:center;gap:10px;padding:17px;display:flex}.client-avatar{color:#fff;background:linear-gradient(145deg,#0a8780,#07505b);border-radius:13px;flex:none;place-items:center;width:43px;height:43px;font-size:18px;font-weight:600;display:grid}.client-card header>div{flex:1;min-width:0}.client-card h3{white-space:nowrap;text-overflow:ellipsis;color:#14323b;margin:0;font-size:14px;overflow:hidden}.client-card header p{color:#75868d;margin:2px 0 0;font-size:11px}.client-status{color:#168166;background:#e4f6ef;border-radius:20px;padding:4px 7px;font-size:9px}.client-contact{gap:9px;padding:13px 17px;display:grid}.client-contact>span{grid-template-columns:18px 52px 1fr;align-items:center;gap:5px;font-size:11px;display:grid}.client-contact svg{color:#71868c;width:14px}.client-contact b{color:#7e8e94;font-weight:400}.client-contact em{color:#27434b;white-space:nowrap;text-overflow:ellipsis;font-style:normal;overflow:hidden}.client-stats{background:#f6f9f9;border-block:1px solid #edf1f2;grid-template-columns:repeat(3,1fr);display:grid}.client-stats span{text-align:center;border-right:1px solid #e5ebed;padding:10px 4px}.client-stats span:last-child{border:0}.client-stats b,.client-stats small{display:block}.client-stats b{color:#123a42;font-size:16px}.client-stats small{color:#7c8d93;font-size:9px}.client-card>footer{justify-content:space-between;align-items:center;padding:12px 17px;display:flex}.client-card footer a,.client-card footer button{color:#087f78;background:0 0;border:0;padding:0;font-size:10px;text-decoration:none}.client-card footer a{align-items:center;gap:4px;display:flex}.client-card footer svg{width:13px}.freelance-table-card{background:#fff;border:1px solid #e3eaec;border-radius:16px;overflow:hidden;box-shadow:0 5px 20px #1a333c0a}.freelance-table-card table{min-width:820px}.freelance-table-card th{color:#60747b;background:#f3f7f7;padding:13px 16px;font-size:11px}.freelance-table-card td{color:#425a62;padding:15px 16px;font-size:12px}.freelance-table-card td small{color:#829198;max-width:240px;margin-top:3px;font-size:10px}.main-cell{color:#193840;font-size:12px}.money-cell{color:#173b43;font-size:13px}.invoice-no{color:#087e77;font-size:12px}.customer-cell{align-items:center;gap:8px;display:flex}.customer-cell span{color:#087f78;background:#e6f4f2;border-radius:9px;place-items:center;width:30px;height:30px;font-weight:600;display:grid}.customer-cell b{max-width:180px;font-size:11px}.renewal-grid{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.renewal-card{background:#fff;border:1px solid #e3eaec;border-radius:16px;overflow:hidden;box-shadow:0 5px 20px #1a333c0a}.renewal-card.urgent{border-color:#efb7aa}.renewal-card>header{border-bottom:1px solid #edf1f2;align-items:center;gap:10px;padding:16px;display:flex}.renewal-card header>span{color:#0a887f;background:#e8f5f3;border-radius:11px;place-items:center;width:40px;height:40px;display:grid}.renewal-card header svg{width:19px}.renewal-card header>div{flex:1}.renewal-card h3{margin:0;font-size:14px}.renewal-card header p{color:#74858b;margin:2px 0 0;font-size:10px}.renewal-card header>b{color:#b87c18;background:#fff3dc;border-radius:20px;padding:5px 8px;font-size:10px}.renewal-card.urgent header>b{color:#d45747;background:#ffebe7}.renewal-card dl{grid-template-columns:1fr 1fr;gap:12px;margin:0;padding:13px 16px;display:grid}.renewal-card dl div{min-width:0}.renewal-card dt{color:#819097;font-size:9px}.renewal-card dd{color:#263f47;white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;font-size:11px;overflow:hidden}.renewal-card>footer{color:#708289;background:#f7f9f9;padding:10px 16px;font-size:10px}.freelance-empty{text-align:center;background:#fff;border:1px dashed #cbd9dc;border-radius:16px;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;min-height:280px;padding:25px;display:flex}.freelance-empty>span{color:#0a8980;background:#e9f6f4;border-radius:16px;place-items:center;width:56px;height:56px;display:grid}.freelance-empty span svg{width:25px}.freelance-empty h3{margin:12px 0 4px;font-size:16px}.freelance-empty p{color:#73858c;margin:0 0 14px;font-size:11px}.freelance-empty.compact{border:0;min-height:180px}.badge.draft{color:#63757c;background:#edf1f2}.badge.cancelled{color:#728087;background:#f0f2f3}@media (width<=1150px){.freelance-kpis,.client-grid,.renewal-grid{grid-template-columns:1fr 1fr}}@media (width<=767px){.freelance-head,.freelance-section-head{flex-direction:column;align-items:flex-start;gap:10px}.freelance-main-action,.freelance-section-head .btn-primary{justify-content:center;width:100%}.freelance-kpis{grid-template-columns:1fr 1fr}.freelance-tabs{width:100%}.client-grid,.renewal-grid{grid-template-columns:1fr}.freelance-head h1{font-size:23px}}@media (width<=430px){.freelance-kpis{grid-template-columns:1fr}.freelance-tabs a span{display:none}.freelance-tabs{justify-content:space-between}.freelance-tabs a{flex:1;justify-content:center}}.freelance-kpis small{font-size:12px}.freelance-kpis b{font-size:23px}.freelance-kpis em{font-size:11px}.freelance-tabs a,.freelance-section-head p{font-size:13px}.client-card h3{font-size:16px}.client-card header p{font-size:12px}.client-status{font-size:10px}.client-contact>span{grid-template-columns:20px 62px 1fr;font-size:13px}.client-contact b{font-size:12px}.client-contact em{font-size:13px}.client-stats b{font-size:18px}.client-stats small{font-size:10px}.client-card footer a,.client-card footer button,.freelance-table-card th{font-size:12px}.freelance-table-card td{font-size:13px}.freelance-table-card td small{font-size:11px}.main-cell,.invoice-no,.money-cell{font-size:13px}.renewal-card h3{font-size:15px}.renewal-card header p,.renewal-card dd{font-size:12px}.renewal-card dt,.renewal-card>footer{font-size:11px}.renewal-card>footer{justify-content:space-between;align-items:center;display:flex}.renewal-actions{align-items:center;gap:5px;display:flex}.renewal-actions form{margin:0}.renewal-actions button{color:#087d74;background:#e5f4f1;border:0;border-radius:7px;align-items:center;gap:4px;padding:6px 8px;font-size:10px;display:flex}.renewal-actions button.danger{color:#d65747;background:#ffebe7}.renewal-actions svg{width:13px;height:13px}.account-grid{grid-template-columns:repeat(auto-fit,minmax(300px,410px))}.account-balance{margin:14px 0 12px}.account-balance small{color:#7b8c92;font-size:11px;display:block}.account-card .account-balance>b{margin:2px 0;font-size:25px;display:block}.account-flow{grid-template-columns:1fr 1fr;gap:8px;margin:0 0 13px;display:grid!important}.account-flow span{background:#f6f9f9;border-radius:9px;padding:9px 10px}.account-flow small,.account-flow b{display:block}.account-flow small{color:#7e8e94;font-size:9px}.account-flow b{margin-top:2px;font-size:11px}.account-status{white-space:nowrap;flex:none;align-items:center;gap:6px;font-weight:500;border-radius:999px!important;width:auto!important;min-width:0!important;height:26px!important;padding:0 10px!important;font-size:10px!important;line-height:1!important;display:inline-flex!important}.account-status i{border-radius:50%;flex:none;width:7px;height:7px;display:block}.account-status.active{color:#167b62;background:#e2f5ed}.account-status.active i{background:#27a67e;box-shadow:0 0 0 3px #27a67e1f}.account-status.inactive{color:#6e7d82;background:#edf1f2}.account-status.inactive i{background:#8b999e}