@font-face{font-family:'Open Sans';src:url('fonts/OpenSans-400.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Open Sans';src:url('fonts/OpenSans-500.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:'Open Sans';src:url('fonts/OpenSans-600.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
/* V3.1: Source Sans 3, bright silver-blue, light/dark palettes. */
:root{--accent:#477eac;--ink:#203752;--muted:#576e89;--line:#d9e4ef;--bg:#f3f7fc;--surface:#fff;--surface-2:#f5f8fc;--surface-3:#eaf2f9;--sidebar:#e4eff9;--sidebar-hover:#d9eaf8;--selected:#cde4f6;--selected-ink:#214c76;--brand:#162e52;--shadow:0 3px 16px #2b5d8b06;--field:#fff;--field-border:#c8d7e7;--focus:#6489b9;color-scheme:light}
body{font-family:'Open Sans','Segoe UI',Arial,sans-serif;font-size:14px;line-height:1.5;color:var(--ink);background:var(--bg);font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility}button,input,select,textarea{font-family:inherit}h1{font-size:27px;font-weight:600;letter-spacing:-.35px}h2{font-size:18px;font-weight:600;letter-spacing:-.15px}h3{font-size:15px;font-weight:600}strong,b{font-weight:600}aside{background:var(--sidebar);color:var(--ink);border-color:var(--line)}.brand,.brand:hover,.loginbox .brand{color:var(--brand);font-size:32px;letter-spacing:-1px;font-weight:600}.brand b,.loginbox .brand b{color:inherit}.smartiko-symbol{background:currentColor;width:37px;height:42px}.product,.product span,.navlabel{color:var(--muted)}nav a{font-size:13px;font-weight:400;min-height:44px;color:var(--ink);padding:10px 12px}nav a:hover{background:var(--sidebar-hover);color:var(--selected-ink)}nav a.active{background:var(--selected);color:var(--selected-ink);box-shadow:inset 3px 0 var(--accent);font-weight:500}.nav-icon{width:20px;height:20px}.sidebottom .textbtn{color:var(--accent)}.sidebottom .secondary{background:var(--surface);border-color:var(--line);color:var(--ink)}.profile{border-color:var(--line);font-size:12px}.profile small{color:var(--muted);font-size:11px}.avatar{background:var(--selected);color:var(--selected-ink)}header{background:var(--surface);border-color:var(--line);min-height:88px;height:auto;gap:16px;padding-top:12px;padding-bottom:12px}.tenant-heading{flex:1}.tenant-heading strong{font-size:18px;font-weight:600;color:var(--ink)}.tenant-heading span{font-size:13px;color:var(--muted)}.tenant-logo{width:76px;height:58px;object-fit:contain}.client-logo{width:58px;height:44px}.company-logo-preview{background:var(--surface-2);border-color:var(--line)}.headright{font-size:11px;color:var(--muted)}.demotag{color:var(--muted);border-color:var(--line);font-size:9px}.intro .muted,.muted{font-size:13px;color:var(--muted)}.panel,.metric{background:var(--surface);border-color:var(--line);box-shadow:var(--shadow);border-radius:12px}.panelhead p{font-size:13px;color:var(--muted)}.metric .muted{font-size:12px;color:var(--muted)}.metric strong{font-size:29px;font-weight:600;color:var(--ink)}.metric-icon{background:#e0efff;color:#3179af}.metric:nth-child(2) .metric-icon{background:#ddf4ef;color:#208272}.metric:nth-child(3) .metric-icon{background:#ede9fc;color:#7163b0}.metric:nth-child(4) .metric-icon{background:#e1f3fb;color:#2783a0}.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-size:13px;font-weight:500;box-shadow:none}.primary:hover{background:#386b96;color:#fff}.secondary{background:var(--surface);border-color:var(--field-border);color:var(--ink);font-size:13px;font-weight:500}.secondary:hover{background:var(--surface-3);color:var(--selected-ink)}.textbtn{font-size:13px;color:var(--accent);font-weight:500}.actions .primary,.actions .secondary{font-size:13px}.danger{font-size:13px;font-weight:500}.tablewrap{border-color:var(--line);scrollbar-color:#a8bdcf var(--surface-3)}table{background:var(--surface);color:var(--ink)}th{font-size:12px;font-weight:600;background:var(--surface-3);color:var(--selected-ink);border-color:var(--line)}td{font-size:13px;color:var(--ink);border-color:var(--line)}td small{font-size:12px;color:var(--muted)}tbody tr:nth-child(even){background:var(--surface-2)}tbody tr:hover{background:var(--surface-3)}.badge{font-size:11px;font-weight:500}.badge.new{background:#edeafa;color:#67549f;border-color:#ded5f0}.badge.work{background:#e1efff;color:#226aa6;border-color:#cbdff4}.badge.done{background:#e0f4ef;color:#227765;border-color:#c6e7dc}.priority-mark{font-size:11px}.urgent-panel{border-left-color:#d89a54}.urgent-panel h2{color:#91602c}.reportnote{font-size:12px;color:var(--muted)}label{font-size:13px;font-weight:500;color:var(--ink)}input,select,textarea,.filters input,.filters select{background:var(--field);color:var(--ink);border-color:var(--field-border)!important;font-size:14px!important;font-weight:400}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.9}fieldset{background:var(--surface-2);border-color:var(--line)}legend,summary{color:var(--selected-ink);font-weight:500;font-size:15px}.check{font-size:13px}input[type=checkbox],input[type=radio]{accent-color:var(--accent)}.sharebox,.field-instructions,.photo-input{background:var(--surface-2);border-color:var(--line)}.field-instructions summary{font-size:13px}.sharebox p{font-size:13px}.schedule-item,.schedule-item.task{background:var(--surface-2);border-color:var(--line);border-left-color:var(--accent)}.schedule-item.task{border-left-color:#30a2ae}.schedule-item:hover{background:var(--surface-3)}.schedule-item strong{font-size:13px;font-weight:500;color:var(--ink)}.schedule-item time{font-size:14px;color:var(--ink)}.schedule-item small,.schedule-day{font-size:12px;color:var(--muted)}.analytics-details summary{color:var(--ink)}.month-bar div{background:#6a9bc5}.month-bar:nth-child(even) div{background:#47a9b3}.month-bar span{color:var(--muted)}.status-overview a{background:var(--surface-2);color:var(--ink)}.column{background:var(--surface-3);border-color:var(--line)}.taskcard{background:var(--surface);border-color:var(--line)}.taskcard h3{font-size:15px}.taskcard .muted{font-size:12px}.calendar,.v2-calendar{background:var(--line);border-color:var(--line)}.day,.v2-calendar .day{background:var(--surface);color:var(--ink);border-color:var(--line)}.day.head{background:var(--surface-3);color:var(--selected-ink)}.v2-calendar .day.dim{background:var(--surface-2);color:var(--muted)}.v2-calendar .today{background:var(--surface-3);box-shadow:inset 0 0 0 2px var(--accent)}.day-heading{color:var(--muted)}.calendar-event{background:#e8edf9;border-color:#cfd9eb;border-left-color:#6884b1}.calendar-event strong{font-size:13px;color:#263c62}.calendar-event span,.calendar-event time{font-size:11px;color:#4f6688}.calendar-event.task{background:#e3f3f3;border-color:#c5e0e2;border-left-color:#4e939d}.agenda-event,.agenda-event.task{background:var(--surface);border-color:var(--line);border-left-color:var(--accent)}.agenda-event.task{border-left-color:#43a0aa}.agenda-event h3{font-size:15px}.agenda-event small,.agenda-event p{font-size:12px;color:var(--muted)}.view-switch a{font-size:13px;color:var(--ink);background:var(--surface);border-color:var(--line)}.view-switch a.selected{color:#fff;background:var(--accent);border-color:var(--accent)}.legend{color:var(--muted)}.alert{background:#eaf1f9;border-color:#c5d7ea;border-left-color:var(--accent);color:var(--ink);font-size:13px}.alert.error{background:#fff0ec;border-color:#dfb3a5;color:#8c3825}.danger-zone{background:#fff7f7;border-color:#e2c0c5}dl{font-size:13px}dt{color:var(--muted)}.loginbox{background:var(--surface);border-color:var(--line)}.field-page h1{font-size:23px}.field-submit{font-size:16px}.comment,.debt{border-color:var(--line)}.empty{font-size:14px;color:var(--muted)}footer{color:var(--muted);border-color:var(--line);background:transparent}footer a{font-size:12px;color:var(--accent)}.theme-tools{margin-left:auto;display:flex;align-items:center}.theme-toggle{display:inline-flex;gap:3px;padding:3px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);flex:none}.theme-toggle button{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:transparent;color:var(--muted);border:1px solid transparent;border-radius:7px;min-height:38px;padding:7px 11px;font-size:13px;font-weight:500;margin:0;cursor:pointer}.theme-toggle button[aria-pressed=true]{background:var(--selected);color:var(--selected-ink);border-color:var(--field-border)}.theme-toggle svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.standalone-tools{position:absolute;right:20px;top:16px;z-index:2}.loginpage{padding-top:75px}.field-main{padding-top:75px}.field-main>.brand{font-size:29px}.support-footer{width:100%}.loginpage .support-footer{grid-column:1/-1}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,.tablewrap:focus-visible{outline-color:var(--focus)}
:root[data-theme=dark]{--accent:#72a7d0;--ink:#dce8f5;--muted:#a2b5ca;--line:#34465d;--bg:#111b29;--surface:#1a283a;--surface-2:#1e3045;--surface-3:#263c54;--sidebar:#172a3c;--sidebar-hover:#233e57;--selected:#2d4c68;--selected-ink:#e0efff;--brand:#e5effb;--shadow:0 3px 18px #00000016;--field:#162638;--field-border:#415b76;--focus:#95bde2;color-scheme:dark}
[data-theme=dark] .primary{background:#5989b2;border-color:#5989b2;color:#fff}[data-theme=dark] .primary:hover{background:#6b9ac2}[data-theme=dark] .metric-icon{background:#263e5c;color:#9ac5ee}[data-theme=dark] .metric:nth-child(2) .metric-icon{background:#203f40;color:#88d6c3}[data-theme=dark] .metric:nth-child(3) .metric-icon{background:#373353;color:#bcb0ef}[data-theme=dark] .metric:nth-child(4) .metric-icon{background:#1f3c50;color:#90cbe6}[data-theme=dark] .badge.new{background:#393553;color:#d1c2f2;border-color:#514469}[data-theme=dark] .badge.work{background:#234666;color:#b3d9fb;border-color:#3a6289}[data-theme=dark] .badge.done{background:#224640;color:#a4dfcc;border-color:#37665a}[data-theme=dark] .priority-mark{background:#4a3038;border-color:#79505a;color:#ffc5cc}[data-theme=dark] .urgent-panel h2{color:#e9c087}[data-theme=dark] .urgent-panel{border-left-color:#b48c5a}[data-theme=dark] .danger{background:#432b37;border-color:#7a4c61;color:#f2becd}[data-theme=dark] .danger-zone{background:#2a2533;border-color:#624052}[data-theme=dark] .alert{background:#23394e;border-color:#416582;color:#dce8f5}[data-theme=dark] .alert.error{background:#422d30;border-color:#805651;color:#f0c2b3}[data-theme=dark] .calendar-event{background:#293957;border-color:#435576;border-left-color:#89a7d7}[data-theme=dark] .calendar-event.task{background:#203d44;border-color:#365e68;border-left-color:#65b1bd}[data-theme=dark] .calendar-event strong{color:#dce8fa}[data-theme=dark] .calendar-event time,[data-theme=dark] .calendar-event span{color:#b5c9e1}[data-theme=dark] .calendar-event small{background:#142436;color:#c8d9eb}[data-theme=dark] .month-bar div{background:#739cc8}[data-theme=dark] .month-bar:nth-child(even) div{background:#62a5af}[data-theme=dark] .company-logo-preview,[data-theme=dark] .tenant-logo,[data-theme=dark] .client-logo{background:#fff;border-radius:6px;padding:4px}[data-theme=dark] canvas#signature{background:#fff;border-color:#728397}[data-theme=dark] dialog{background:var(--surface);color:var(--ink);border-color:var(--line)}
@media(max-width:1250px){header{gap:12px}.headright{display:none}}
@media(max-width:960px){header{min-height:0;gap:10px}.theme-tools{order:0;margin-left:0}#mobile{order:1;background:var(--surface-3);color:var(--selected-ink);border-color:var(--line)}.tenant-logo{order:2;width:56px;height:43px}.tenant-heading{order:3;flex:1 1 65%}.tenant-heading strong{font-size:16px}.tenant-heading span{font-size:12px}.mobile-brand{margin-right:auto;font-size:27px}.mobile-brand .smartiko-symbol{background:currentColor;width:30px;height:36px}.theme-toggle button{min-height:40px;padding:7px 9px}.metric strong{font-size:27px}.intro .muted{font-size:13px}.theme-tools{display:flex!important}.theme-toggle{flex:none}}
@media(max-width:600px){body{font-size:14px}header{padding:12px;gap:8px}.mobile-brand{font-size:25px;gap:6px}.mobile-brand .smartiko-symbol{width:27px;height:32px}.theme-toggle{padding:2px;gap:1px}.theme-toggle button{padding:8px;min-width:38px;min-height:40px;font-size:12px;gap:5px}.theme-toggle svg{width:16px;height:16px}#mobile{width:40px;height:40px;font-size:21px}.tenant-heading{margin-top:2px}.tenant-logo{width:58px;height:44px}.tenant-heading strong{font-size:15px}.tenant-heading span{font-size:12px}h1{font-size:25px}h2{font-size:18px}.intro .actions .primary{font-size:14px}.metric{padding:13px;gap:7px}.metric .muted{font-size:12px}.metric strong{font-size:27px}.panel{padding:15px}.actions .primary,.actions .secondary{font-size:14px}input,select,textarea,.filters input,.filters select{font-size:16px!important}.theme-tools{margin:0}.standalone-tools{right:12px;top:12px}.brand{font-size:29px}table.order-table tr{background:var(--surface);border-color:var(--line)}table.order-table tr:nth-child(even){background:var(--surface-2)}table.order-table td{color:var(--ink);font-size:13px}table.order-table td:before{color:var(--muted);font-size:12px}.agenda-event h3{font-size:15px}.agenda-event time{font-size:14px}.schedule-item strong{font-size:14px}.field-page h1{font-size:23px}.field-page .brand{font-size:27px}.field-submit{font-size:17px}.field-main{padding-top:72px}.loginbox h1{font-size:25px}footer{font-size:12px}.support-footer{padding:15px}}
@media(max-width:380px){header .theme-toggle button span{display:none}.theme-toggle button{min-width:38px}.mobile-brand{font-size:24px}.mobile-brand .smartiko-symbol{width:25px;height:31px}}
@media print{.theme-tools,.theme-toggle,.standalone-tools{display:none!important}:root[data-theme=dark]{--ink:#203752;--muted:#576e89;--surface:#fff;--surface-2:#fff;--surface-3:#eef3f7;--bg:#fff;--line:#cad5e0;--brand:#162e52}body{background:#fff;color:#203752}}
/* V3.2: Open Sans and roughly +10% typography; larger original symbol. */
body{font-size:15.4px;line-height:1.55}h1{font-size:29.7px}h2{font-size:19.8px}h3{font-size:16.5px}nav a{font-size:14.3px}.muted,.intro .muted,.panelhead p{font-size:14.3px}.metric .muted{font-size:13.2px}.metric strong{font-size:31.9px}.textbtn,.primary,.secondary,.actions .primary,.actions .secondary,.danger{font-size:14.3px}th{font-size:13.2px}td,dl{font-size:14.3px}td small{font-size:13.2px}label,.check{font-size:14.3px}input,select,textarea,.filters input,.filters select{font-size:15.4px!important}.reportnote{font-size:13.2px}.badge{font-size:12.1px}.sharebox p{font-size:14.3px}.schedule-item strong{font-size:14.3px}.schedule-item time{font-size:15.4px}.schedule-item small,.schedule-day{font-size:13.2px}.taskcard h3{font-size:16.5px}.taskcard .muted{font-size:13.2px}.calendar-event strong{font-size:14.3px}.calendar-event span,.calendar-event time{font-size:12.1px}.agenda-event h3{font-size:16.5px}.agenda-event small,.agenda-event p{font-size:13.2px}.empty{font-size:15.4px}.alert{font-size:14.3px}.view-switch a{font-size:14.3px}.tenant-heading strong{font-size:19.8px}.tenant-heading span{font-size:14.3px}footer a{font-size:13.2px}
.brand,.brand:hover,.loginbox .brand{font-size:27px;gap:7px;letter-spacing:-.7px;line-height:1.15}.brand .smartiko-symbol{width:50px;height:60px;-webkit-mask-size:auto 116%;mask-size:auto 116%;background:currentColor}.brand b,.loginbox .brand b{color:inherit}
@media(max-width:960px){.mobile-brand{font-size:24px;gap:6px}.mobile-brand .smartiko-symbol{width:42px;height:50px}.metric strong{font-size:29.7px}.tenant-heading strong{font-size:17.6px}.tenant-heading span{font-size:13.2px}}
@media(max-width:600px){body{font-size:15.4px}h1{font-size:27.5px}h2{font-size:19.8px}.mobile-brand{font-size:22px;gap:6px;letter-spacing:-.6px}.mobile-brand .smartiko-symbol{width:36px;height:44px}.tenant-heading strong{font-size:16.5px}.tenant-heading span{font-size:13.2px}.intro .actions .primary,.actions .primary,.actions .secondary{font-size:15.4px}.metric .muted{font-size:13.2px}.metric strong{font-size:29.7px}input,select,textarea,.filters input,.filters select{font-size:16px!important}table.order-table td{font-size:14.3px}table.order-table td:before{font-size:13.2px}.agenda-event h3{font-size:16.5px}.agenda-event time{font-size:15.4px}.schedule-item strong{font-size:15.4px}.field-page h1{font-size:25.3px}.field-main>.brand,.field-page .brand,.loginbox .brand{font-size:27px;gap:7px}.field-main>.brand .smartiko-symbol,.field-page .brand .smartiko-symbol,.loginbox .brand .smartiko-symbol{width:46px;height:55px}.field-submit{font-size:18px}.loginbox h1{font-size:27.5px}}
@media(max-width:380px){.mobile-brand{font-size:21px}.mobile-brand .smartiko-symbol{width:34px;height:42px}}
.profile{font-size:13.2px}.profile small{font-size:12.1px}.headright{font-size:12.1px}.product span{font-size:13.2px}.theme-toggle button{font-size:14.3px}.field-instructions summary{font-size:14.3px}
@media(max-width:600px){.theme-toggle button{font-size:13.2px}}