:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f4f7fa;color:#18222f;font-synthesis:none;text-rendering:geometricPrecision;--bg: #f4f7fa;--surface: #ffffff;--surface-2: #f8fafc;--ink: #18222f;--muted: #697586;--line: #dce4ec;--teal: #227c8d;--blue: #2563eb;--green: #15945f;--amber: #c97918;--red: #d64545;--slate: #445469;--shadow: 0 18px 38px rgba(28, 39, 54, .08);--radius: 8px}*{box-sizing:border-box}body{margin:0;overflow-x:hidden;min-width:320px;min-height:100vh;background:linear-gradient(180deg,#f7fafc,#eef4f7)}button,input,select{font:inherit}button{cursor:pointer}.marketing-site{overflow-x:hidden;min-height:100vh;background:#fff;color:#1e2635;font-family:Poppins,Roboto,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.marketing-site a{color:inherit;text-decoration:none}.marketing-header{position:relative;z-index:10;background:#fff;box-shadow:0 1px #132b5214}.logo-band,.marketing-nav{width:min(1180px,calc(100% - 56px));margin:0 auto}.logo-band{display:flex;align-items:center;min-height:78px}.marketing-logo{display:inline-flex;align-items:center;gap:8px;color:#1593ff;font-size:18px;line-height:1}.marketing-logo-mark{display:grid;width:25px;height:25px;place-items:center;border:2px solid #1593ff;color:#0d429a;font-size:13px;font-weight:900}.marketing-logo strong{font-weight:600}.marketing-nav-wrap{border-top:1px solid transparent}.marketing-nav{display:flex;align-items:center;gap:32px;min-height:86px;color:#1d2f51;font-size:15px;font-weight:800;white-space:nowrap}.marketing-nav a{display:inline-flex;position:relative;align-items:center;gap:7px;min-height:46px}.marketing-nav a.active:after{position:absolute;right:0;bottom:0;left:0;height:3px;background:#0e47a1;content:""}.marketing-nav .whatsapp-link{color:#1d2f51}.marketing-nav .whatsapp-link svg{color:#21c267}.login-link{margin-left:auto;min-height:52px;padding:0 24px;border-radius:5px;background:#0f48a6;color:#fff}.marketing-nav .login-link{color:#fff}.marketing-hero{position:relative;display:grid;grid-template-columns:minmax(320px,.72fr) minmax(360px,.78fr);align-items:center;min-height:338px;overflow:hidden;background:linear-gradient(105deg,#071931f5,#0b2a4df5 55%,#09213cd1 56%,#09213c33),radial-gradient(circle at 42% 15%,rgba(62,145,220,.3),transparent 32%),linear-gradient(135deg,#06182d,#123d65)}.marketing-hero:after{position:absolute;right:-30px;bottom:0;width:170px;height:100%;transform:skew(-22deg);transform-origin:bottom;background:linear-gradient(180deg,#ffb51d,#f39414);content:""}.hero-copy{position:relative;z-index:2;width:min(460px,calc(100% - 48px));margin-left:max(80px,calc((100vw - 1180px)/2 + 28px))}.hero-copy h1{margin:0;color:#fff;font-size:clamp(40px,5vw,64px);font-weight:800;line-height:1.15}.hero-device{position:relative;z-index:2;display:flex;justify-content:center;padding:26px min(92px,6vw) 26px 10px}.hero-device:before{position:absolute;top:12px;right:74px;bottom:12px;left:0;transform:skew(-15deg);border-radius:12px;background:linear-gradient(145deg,#ffffffe6,#e2ebf8a6),linear-gradient(180deg,#e9eef8,#fff);box-shadow:0 18px 45px #00000038;content:""}.hero-device-window{position:relative;display:grid;grid-template-columns:76px minmax(0,1fr);width:min(520px,100%);min-height:212px;overflow:hidden;border:10px solid #f7f8fb;border-radius:12px;background:#fff;box-shadow:0 18px 46px #040d1c52}.device-sidebar{display:flex;flex-direction:column;gap:12px;padding:23px 12px;background:#0d438f}.device-sidebar span{width:100%;height:10px;border-radius:999px;background:#ffffffb3}.device-content{padding:18px;background:#f4f7fb}.device-topline{width:72%;height:18px;margin-bottom:17px;border-radius:999px;background:#164e9f}.device-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.device-metrics span{height:44px;border-radius:7px;background:#fff;box-shadow:inset 0 0 0 1px #dce6f2}.device-table{display:flex;flex-direction:column;gap:8px}.device-table i{height:18px;border-radius:5px;background:#fff;box-shadow:inset 0 0 0 1px #dce6f2}.marketing-section{width:min(1180px,calc(100% - 56px));margin:0 auto}.intro-section{padding:96px 0 46px}.intro-section>h2{max-width:1040px;margin:0 0 30px;color:#3b5f9f;font-size:clamp(40px,5vw,58px);font-weight:900;line-height:1.1}.intro-grid,.split-section{display:grid;grid-template-columns:minmax(320px,.96fr) minmax(360px,1.04fr);gap:52px;align-items:start}.intro-copy h3{max-width:640px;margin:0 0 22px;color:#111;font-size:25px;line-height:1.15}.intro-copy p,.why-copy p,.faq-section p{margin:0 0 22px;color:#333943;font-family:Roboto,Inter,sans-serif;font-size:17px;line-height:1.8}.intro-copy ul{display:grid;gap:10px;margin:18px 0 0;padding-left:22px;color:#333943;font-family:Roboto,Inter,sans-serif;font-size:16px;line-height:1.55}.promo-card{position:relative;overflow:hidden;min-height:620px;padding:0 0 34px;background:#fff}.promo-card:before,.promo-card:after{position:absolute;z-index:1;right:-40px;bottom:260px;left:80px;height:88px;border-radius:999px;transform:rotate(9deg);pointer-events:none;content:""}.promo-card:before{background:#d8342f}.promo-card:after{bottom:246px;left:30px;background:#2665bd;box-shadow:0 15px 22px #17407e47}.promo-image-frame{position:relative;z-index:2;overflow:hidden;min-height:360px;border-radius:0 0 100px;background:linear-gradient(135deg,#08183614,#fff0),#eef3f8;box-shadow:inset 0 0 0 1px #0d3c7824}.promo-image-frame img{display:block;width:100%;height:360px;object-fit:cover;object-position:top left;filter:saturate(1.04) contrast(1.02)}.promo-card-copy{position:relative;z-index:3;padding:44px 42px 0;text-align:center}.promo-card-copy h3{margin:0 0 8px;color:#40375f;font-size:clamp(34px,4vw,46px);font-weight:900;line-height:1.05}.promo-card-copy p{margin:0 auto 26px;max-width:440px;color:#55515f;font-size:15px;font-weight:700;line-height:1.5}.promo-card-copy a{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 18px;border-radius:999px;background:#d8342f;color:#fff;font-size:14px;font-weight:800}.download-profile{display:flex;align-items:center;gap:16px;width:min(520px,100%);min-height:66px;margin:64px 0 0 auto;padding:0 28px;border:1px solid #d0d0d0;background:#fff;color:#333943;font-size:15px;font-weight:500}.download-profile svg{color:#1593ff}.split-section{padding:28px 0 70px}.why-copy h2,.faq-section h2{margin:0 0 13px;color:#d31f2d;font-size:clamp(29px,3.1vw,38px);font-weight:900;line-height:1.18}.process-list{display:grid;gap:12px;margin-top:28px}.process-list div{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:16px;padding:13px 0;border-bottom:1px solid #e7e7e7}.process-list span{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;background:#0f48a6;color:#fff;font-size:13px;font-weight:900}.process-list strong{color:#1d2f51;font-size:16px}.estimate-box{display:grid;gap:15px;padding:30px;border-top:5px solid #0f48a6;background:#f6f8fb;box-shadow:0 16px 34px #172c4b14}.estimate-box h3{margin:0 0 6px;color:#1d2f51;font-size:27px;line-height:1.2}.estimate-box label{display:grid;gap:7px;color:#26364d;font-size:13px;font-weight:800}.estimate-box input,.estimate-box select{width:100%;min-height:48px;padding:0 13px;border:1px solid #d7dee8;border-radius:0;background:#fff;color:#26364d;font-size:14px;outline:0}.estimate-submit{display:inline-flex;align-items:center;justify-content:center;min-height:50px;margin-top:8px;background:#d31f2d;color:#fff;font-size:15px;font-weight:900}.service-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:18px 0 82px}.service-strip article{min-height:214px;padding:28px;border:1px solid #e1e6ee;background:#fff;box-shadow:0 13px 30px #1f314e12}.service-icon{display:grid;width:54px;height:54px;place-items:center;margin-bottom:18px;background:#0f48a6;color:#fff}.service-strip h3{margin:0 0 10px;color:#1d2f51;font-size:21px}.service-strip p{margin:0;color:#4d5664;font-family:Roboto,Inter,sans-serif;font-size:15px;line-height:1.65}.faq-section{display:flex;align-items:center;justify-content:space-between;gap:34px;padding:46px;margin-bottom:74px;background:#f4f7fb}.faq-section h2{color:#3b5f9f}.faq-section p{max-width:720px;margin-bottom:0}.portal-cta{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 24px;background:#0f48a6;color:#fff;font-size:15px;font-weight:900}.marketing-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:22px;padding:28px;background:#0d1f3a;color:#fff}.marketing-footer div{display:grid;gap:3px;margin-right:10px}.marketing-footer strong{font-size:16px}.marketing-footer span,.marketing-footer a{display:inline-flex;align-items:center;gap:8px;color:#ffffffc7;font-size:14px}.floating-whatsapp{position:fixed;z-index:20;right:28px;bottom:22px;display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 25px;border-radius:999px;background:#26d366;color:#fff;box-shadow:0 10px 22px #108e4738;font-size:17px;font-weight:500}.login-screen{display:grid;min-height:100vh;place-items:center;padding:32px;background:radial-gradient(circle at 20% 15%,rgba(14,156,146,.16),transparent 28%),linear-gradient(135deg,#071c2d,#0a2c44 58%,#f5f8fb 58.2%,#f5f8fb)}.login-card{width:min(440px,100%);padding:30px;border:1px solid rgba(220,229,239,.9);border-radius:8px;background:#fff;box-shadow:0 24px 70px #05152638}.loading-card{display:grid;justify-items:center;gap:18px;text-align:center}.login-logo{display:flex;align-items:center;gap:10px;color:#102238}.login-logo span{display:grid;width:38px;height:38px;place-items:center;border-radius:8px;background:#073042;color:#19b6a8}.login-logo strong{font-size:22px}.login-copy{margin-top:24px}.login-copy h1{margin:0;color:#172234;font-size:30px;line-height:1.1}.login-copy p,.loading-card p{margin:8px 0 0;color:#64748b;font-size:14px;line-height:1.55}.login-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:24px 0 18px;padding:5px;border:1px solid #dce5ef;border-radius:8px;background:#f6f9fc}.login-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;border:0;border-radius:6px;background:transparent;color:#617085;font-size:13px;font-weight:800}.login-tabs button.active{background:#fff;color:#073f48;box-shadow:0 1px 5px #15213017}.login-form{display:grid;gap:14px}.login-form label{display:grid;gap:7px;color:#27384f;font-size:12px;font-weight:800}.login-form input{min-height:44px;padding:0 12px;border:1px solid #d6e0eb;border-radius:8px;outline:0;color:#172234;font-size:14px}.login-form input:focus{border-color:#0a9b90;box-shadow:0 0 0 3px #0a9b9021}.login-submit{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;margin-top:2px;border:0;border-radius:8px;background:#0f48a6;color:#fff;font-size:14px;font-weight:900}.login-submit:disabled{opacity:.72;cursor:progress}.login-error{padding:10px 12px;border:1px solid #f2c6c8;border-radius:8px;background:#fff0f1;color:#9f2630;font-size:13px;font-weight:800}.demo-login-note{display:grid;gap:3px;margin-top:16px;padding:12px;border-radius:8px;background:#f5f8fb;color:#637083;font-size:12px}.demo-login-note strong{color:#172234}.loading-pulse{width:42px;height:42px;border:4px solid #dce9f3;border-top-color:#0a9b90;border-radius:999px;animation:spin .8s linear infinite}@keyframes spin{to{rotate:360deg}}.app-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;display:flex;flex-direction:column;gap:18px;height:100vh;padding:20px;border-right:1px solid var(--line);background:#fff}.brand-row{display:flex;align-items:center;gap:12px;min-height:48px}.brand-row strong,.profile-block h3{display:block;margin:0;font-size:16px;line-height:1.2}.brand-row span,.sidebar-footer span,.profile-block p{display:block;margin:3px 0 0;color:var(--muted);font-size:12px}.brand-mark{display:grid;flex:0 0 auto;width:42px;height:42px;place-items:center;border-radius:8px;background:#13313c;color:#fff;font-size:14px;font-weight:800}.brand-mark.large{width:58px;height:58px;font-size:18px}.portal-switch,.segmented{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2)}.portal-switch button,.segmented button{min-width:0;min-height:34px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:13px;font-weight:700}.portal-switch button.active,.segmented button.active{background:#fff;color:var(--ink);box-shadow:0 1px 4px #1c273614}.segmented.compact{width:116px}.nav-list{display:flex;flex:1;flex-direction:column;gap:4px;overflow-y:auto;padding-right:2px}.nav-item{display:flex;align-items:center;gap:10px;min-height:40px;padding:0 12px;border:0;border-radius:8px;background:transparent;color:#4f5f72;text-align:left}.nav-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700}.nav-item.active{background:#e7f4f6;color:#155a66}.nav-item:hover,.row-actions button:hover,.icon-button:hover{background:#eef4f7}.sidebar-footer{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #d9ecef;border-radius:8px;background:#f4fbfc;color:#155a66}.sidebar-footer strong{display:block;font-size:13px}.main-shell{min-width:0}.topbar{position:sticky;z-index:5;top:0;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 28px;border-bottom:1px solid var(--line);background:#f4f7faeb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.eyeline{margin:0 0 4px;color:var(--teal);font-size:12px;font-weight:800}.topbar h1,.view-title h2,.panel-head h2{margin:0;color:var(--ink);letter-spacing:0}.topbar h1{font-size:24px;line-height:1.15}.topbar-actions{display:flex;align-items:center;gap:10px;min-width:min(620px,52vw)}.topbar-actions select,.search-field{height:42px;border:1px solid var(--line);border-radius:8px;background:#fff}.topbar-actions select{width:240px;padding:0 12px;color:var(--ink)}.search-field{display:flex;flex:1;align-items:center;gap:8px;padding:0 12px;color:var(--muted)}.search-field input{width:100%;min-width:0;border:0;outline:0;color:var(--ink);background:transparent;font-size:14px}.icon-button{position:relative;display:grid;width:42px;height:42px;place-items:center;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--slate)}.icon-button span{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 5px;border:2px solid #ffffff;border-radius:999px;background:var(--red);color:#fff;font-size:10px;font-weight:800;line-height:14px}.content{padding:28px}.view-stack{display:flex;flex-direction:column;gap:18px}.view-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.view-title h2{font-size:24px;line-height:1.18}.view-title p,.record-note,.work-card>span,.panel-head p{color:var(--muted)}.view-title p{max-width:820px;margin:6px 0 0;font-size:14px;line-height:1.5}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric-card,.panel,.record-card,.work-card,.staff-card,.folder-card,.invoice-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:0 1px 2px #1c273608}.metric-card{display:flex;align-items:center;gap:14px;min-width:0;padding:16px}.metric-icon{display:grid;flex:0 0 auto;width:42px;height:42px;place-items:center;border-radius:8px;background:#e7f4f6;color:var(--teal)}.metric-card.amber .metric-icon{background:#fff4df;color:var(--amber)}.metric-card.green .metric-icon{background:#e8f7ef;color:var(--green)}.metric-card.blue .metric-icon{background:#e9f0ff;color:var(--blue)}.metric-card span,.field span,.panel-head p,.muted-cell,.stage-row span,.folder-document span,.activity-row strong{color:var(--muted);font-size:12px}.metric-card strong{display:block;margin-top:4px;overflow-wrap:anywhere;color:var(--ink);font-size:clamp(21px,3vw,30px);line-height:1.08}.metric-card p{margin:4px 0 0;color:var(--muted);font-size:12px}.dashboard-grid{display:grid;grid-template-columns:minmax(340px,.95fr) minmax(460px,1.35fr);gap:14px}.dashboard-grid.lower{grid-template-columns:minmax(480px,1.4fr) minmax(340px,.9fr)}.panel{min-width:0;padding:18px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.panel-head h2{margin-top:2px;font-size:18px}.expiry-list,.activity-list,.pipeline-bars,.settings-list,.task-list,.notification-list{display:flex;flex-direction:column;gap:10px}.expiry-row,.activity-row,.notification-row{display:grid;align-items:center;gap:12px}.expiry-row{grid-template-columns:12px minmax(0,1fr) auto;padding:10px 0;border-bottom:1px solid #eef2f6}.expiry-row:last-child,.activity-row:last-child{border-bottom:0}.expiry-row strong,.folder-document strong,.settings-list strong{display:block;overflow:hidden;color:var(--ink);font-size:14px;text-overflow:ellipsis;white-space:nowrap}.expiry-row span{display:block;overflow:hidden;color:var(--muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.expiry-date{text-align:right}.urgency-dot{width:10px;height:10px;border-radius:999px;background:var(--blue)}.urgency-dot.warm{background:var(--amber)}.urgency-dot.hot{background:var(--red)}.chart-wrap{min-height:250px}.pipeline-row{padding:12px;border:1px solid #e7edf3;border-radius:8px;background:#fbfcfd}.pipeline-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.pipeline-top strong{display:block;color:var(--ink);font-size:14px}.pipeline-top span{display:block;margin-top:2px;color:var(--muted);font-size:12px}.progress-track{height:7px;overflow:hidden;border-radius:999px;background:#e5ebf1}.progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--teal),var(--blue))}.stage-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin-top:9px}.stage-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stage-row span.complete{color:#175e6d;font-weight:800}.activity-row{grid-template-columns:12px minmax(0,1fr);padding:11px 0;border-bottom:1px solid #eef2f6}.activity-row p{margin:2px 0 0;color:var(--ink);font-size:14px;line-height:1.4}.activity-mark{width:10px;height:10px;border-radius:999px;background:var(--slate)}.activity-mark.blue{background:var(--blue)}.activity-mark.amber{background:var(--amber)}.activity-mark.green{background:var(--green)}.record-grid,.work-grid,.staff-grid,.settings-grid,.folder-grid,.invoice-cards{display:grid;gap:14px}.record-grid,.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-grid,.settings-grid,.folder-grid,.invoice-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.record-card,.work-card,.staff-card,.invoice-card{min-width:0;padding:16px}.record-card.single{max-width:980px}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.card-head p{margin:0 0 5px;color:var(--teal);font-size:12px;font-weight:800}.card-head h3,.task-row h3,.notification-row h3,.folder-title h3{margin:0;color:var(--ink);font-size:16px;line-height:1.25}.card-head span,.arabic-name{display:block;margin-top:4px;color:var(--muted);font-size:13px}.arabic-name{direction:rtl;text-align:left}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.field-grid.compact-fields{margin-top:14px}.field{min-width:0;padding:10px;border-radius:8px;background:#f8fafc}.field.wide{grid-column:1 / -1}.field strong{display:block;margin-top:4px;overflow-wrap:anywhere;color:var(--ink);font-size:13px;line-height:1.35}.field.accent{background:#fff6e7}.field.accent strong{color:#914d0e}.record-note{margin:12px 0 0;font-size:13px;line-height:1.5}.table-shell{width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:#fff}table{width:100%;border-collapse:collapse;min-width:880px}th,td{padding:14px 12px;border-bottom:1px solid #edf1f5;text-align:left;vertical-align:middle}th{background:#f8fafc;color:#566579;font-size:12px;font-weight:800}td{color:var(--ink);font-size:13px}tbody tr:hover{background:#fbfcfd}tr:last-child td{border-bottom:0}.muted-cell{display:block;margin-top:3px;line-height:1.35}.danger-text{color:var(--red)}.person-cell{display:flex;align-items:center;gap:10px;min-width:0}.person-cell>span{display:grid;flex:0 0 auto;width:34px;height:34px;place-items:center;border-radius:8px;background:#e7f4f6;color:#155a66;font-size:12px;font-weight:800}.person-cell strong,.person-cell small{display:block;overflow:hidden;max-width:240px;text-overflow:ellipsis;white-space:nowrap}.person-cell small{margin-top:2px;color:var(--muted);font-size:12px}.status-badge{display:inline-flex;align-items:center;min-height:24px;max-width:100%;padding:0 8px;border:1px solid #dfe7ee;border-radius:999px;background:#f7f9fb;color:#4e5d70;font-size:12px;font-weight:800;white-space:nowrap}.status-badge.active,.status-badge.approved,.status-badge.paid,.status-badge.completed,.status-badge.read,.status-badge.done,.status-badge[class~="2fa-on"]{border-color:#cbead8;background:#ecf9f1;color:#11623d}.status-badge.watch,.status-badge.pending,.status-badge.partial,.status-badge.payment-pending,.status-badge.waiting-client,.status-badge.high,.status-badge.renewal-due{border-color:#f6deaa;background:#fff7e7;color:#92530e}.status-badge.urgent,.status-badge.rejected,.status-badge.unpaid,.status-badge.unread,.status-badge[class~="2fa-off"]{border-color:#f3c9c9;background:#fff0f0;color:#a62f2f}.status-badge.submitted,.status-badge.in-progress,.status-badge.manager,.status-badge.admin,.status-badge.pro-officer,.status-badge.accountant{border-color:#cfe0ff;background:#eef4ff;color:#1f51b6}.history-strip,.tag-cloud,.permission-row,.reminder-rules{display:flex;flex-wrap:wrap;gap:7px}.history-strip{margin-top:14px}.history-strip span,.tag-cloud span,.permission-row span,.reminder-rules span{display:inline-flex;align-items:center;min-height:26px;padding:0 9px;border-radius:999px;background:#eef4f7;color:#48596d;font-size:12px;font-weight:700}.toolbar-row,.security-row{display:flex;flex-wrap:wrap;gap:10px}.primary-button,.secondary-button,.small-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;border-radius:8px;font-size:13px;font-weight:800}.primary-button{border:1px solid #1b6e7d;background:var(--teal);color:#fff}.secondary-button,.small-button{border:1px solid var(--line);background:#fff;color:var(--slate)}.primary-button,.secondary-button{padding:0 13px}.small-button{min-height:30px;padding:0 10px}.row-actions{display:flex;gap:5px}.row-actions button{display:grid;width:30px;height:30px;place-items:center;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--slate)}.task-row{display:grid;grid-template-columns:34px minmax(260px,1fr) auto minmax(120px,auto) auto auto;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#fff}.task-row.done{opacity:.72}.task-row.done h3{text-decoration:line-through}.task-row p{margin:4px 0 0;color:var(--muted);font-size:13px}.check-button{display:grid;width:28px;height:28px;place-items:center;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--green)}.check-button span{width:10px;height:10px;border-radius:999px;background:#d5dee7}.invoice-layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:14px}.staff-card{display:flex;flex-direction:column;gap:14px}.staff-meta{display:flex;flex-wrap:wrap;gap:8px}.notification-row{grid-template-columns:42px minmax(0,1fr) auto;padding:14px;border:1px solid var(--line);border-radius:8px;background:#fff}.notification-row.unread{border-color:#cfe0ff;background:#f7faff}.notification-row p{margin:4px 0 5px;color:var(--ink);font-size:14px}.notification-row span{color:var(--muted);font-size:12px}.channel-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:8px;background:#e7f4f6;color:var(--teal)}.profile-block{display:flex;align-items:center;gap:14px}.settings-list>div,.folder-document{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #edf1f5}.settings-list>div:last-child,.folder-document:last-child{border-bottom:0}.settings-list span{flex:0 0 auto;color:var(--muted);font-size:12px}.folder-card{padding:14px}.folder-title{display:flex;align-items:center;gap:9px;margin-bottom:8px;color:var(--teal)}.folder-title span{margin-left:auto;color:var(--muted);font-size:12px;font-weight:800}.folder-document{align-items:flex-start}.folder-document div{min-width:0}.invoice-card{display:flex;flex-direction:column;gap:14px}.ai-shell{display:grid;grid-template-rows:auto minmax(360px,1fr) auto;gap:12px;max-width:980px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:16px}.ai-suggestions{display:flex;flex-wrap:wrap;gap:8px}.ai-suggestions button{min-height:34px;padding:0 11px;border:1px solid #cfe0ff;border-radius:999px;background:#f3f7ff;color:#1f51b6;font-size:13px;font-weight:800}.chat-window{display:flex;flex-direction:column;gap:10px;overflow-y:auto;padding:12px;border-radius:8px;background:#f8fafc}.chat-bubble{max-width:min(720px,88%);padding:10px 12px;border-radius:8px;color:var(--ink);font-size:14px;line-height:1.45}.chat-bubble.assistant{align-self:flex-start;border:1px solid var(--line);background:#fff}.chat-bubble.user{align-self:flex-end;background:#dff1f4;color:#124c56}.chat-input{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.chat-input input{min-height:42px;min-width:0;padding:0 12px;border:1px solid var(--line);border-radius:8px;outline:0}.mobile-only-table{display:none}@media(max-width:1180px){.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid,.dashboard-grid.lower,.invoice-layout{grid-template-columns:1fr}.record-grid,.work-grid,.staff-grid,.settings-grid,.folder-grid,.invoice-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.app-shell{grid-template-columns:minmax(0,1fr);overflow-x:hidden}.sidebar{position:static;width:100%;min-width:0;max-width:100%;height:auto;overflow:hidden;padding:14px;border-right:0;border-bottom:1px solid var(--line)}.brand-row,.portal-switch,.main-shell,.topbar,.content{width:100%;min-width:0;max-width:100%}.nav-list{flex-direction:row;width:100%;min-width:0;overflow-x:auto;padding-bottom:2px}.nav-item{flex:0 0 auto}.sidebar-footer{display:none}.topbar{position:static;flex-direction:column;align-items:stretch;padding:16px}.topbar-actions{min-width:0;width:100%}.content{padding:16px}}@media(max-width:720px){.metrics-grid,.record-grid,.work-grid,.staff-grid,.settings-grid,.folder-grid,.invoice-cards,.field-grid{grid-template-columns:1fr}.stage-row{grid-template-columns:repeat(3,minmax(0,1fr))}.task-row,.notification-row{grid-template-columns:1fr}.check-button{align-self:flex-start}.topbar-actions{flex-wrap:wrap}.topbar-actions select,.search-field{flex:1 1 100%;width:100%}.topbar-actions .search-field{flex:1 1 calc(100% - 54px);width:auto}.topbar-actions .icon-button{flex:0 0 42px}.topbar-actions select{flex-basis:100%}.chat-input{grid-template-columns:1fr}}:root{--bg: #f5f8fb;--surface: #ffffff;--line: #dfe7ef;--ink: #172234;--muted: #617086;--teal: #049f91;--green: #13a66b;--amber: #f59e18;--red: #ee4b4b;--blue: #2f6ce5;--sidebar: #071624;--sidebar-2: #0b2032;--radius: 8px}body{background:var(--bg);color:var(--ink)}.app-shell{grid-template-columns:clamp(150px,15.4vw,220px) minmax(0,1fr);background:var(--bg)}.sidebar{gap:18px;padding:0;border-right:0;background:radial-gradient(circle at 0% 0%,rgba(0,163,152,.22),transparent 34%),linear-gradient(180deg,var(--sidebar) 0%,var(--sidebar-2) 100%);color:#d7e6ef}.brand-row{min-height:68px;padding:0 20px;border-bottom:1px solid rgba(255,255,255,.08)}.brand-symbol{display:grid;width:24px;height:24px;place-items:center;border-radius:7px;color:#0bb3a4}.brand-row strong{color:#fff;font-size:26px;font-weight:800;line-height:1}.brand-row strong span{display:inline;color:#0bb3a4;font-size:inherit}.nav-list{gap:8px;padding:0 8px 8px 0;overflow-y:auto}.nav-item{min-height:52px;padding:0 18px;border-radius:0 8px 8px 0;color:#d8e4eb}.nav-item span{color:inherit;font-size:15px;font-weight:700}.nav-item svg{stroke-width:2}.nav-item.active{background:linear-gradient(90deg,#0a8f87,#0b726f);color:#fff;box-shadow:inset 3px 0 #10b7aa}.nav-item:hover{background:#ffffff14;color:#fff}.sidebar-footer{margin:auto 12px 16px;padding:12px;border-color:#ffffff1a;background:#00a39829;color:#fff}.sidebar-footer strong{color:#fff;font-size:13px}.sidebar-footer span{color:#b8c9d3;font-size:11px}.main-shell{background:var(--bg)}.topbar{min-height:68px;padding:0 24px;border-bottom:1px solid #e1e8f0;background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;justify-content:flex-start}.menu-button,.icon-only-button{display:grid;width:38px;height:38px;place-items:center;border:0;border-radius:8px;background:transparent;color:#344358}.topbar-actions{flex:1;min-width:0;max-width:540px;margin-right:auto}.search-field{height:42px;border-color:#dce5ef;box-shadow:0 1px 2px #15213008}.search-field input{color:#1e2a3b;font-size:13px}.search-field kbd{display:inline-grid;min-width:34px;height:24px;place-items:center;border:1px solid #d7e0ea;border-radius:6px;background:#f8fafc;color:#728197;font-size:11px;font-weight:800}.topbar-right{display:flex;align-items:center;gap:14px}.portal-button,.topbar-right select{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 14px;border:1px solid #dce5ef;border-radius:8px;background:#fff;color:#172234;font-size:13px;font-weight:800;box-shadow:0 1px 2px #15213008}.topbar-right select{width:230px}.portal-button svg:first-child{color:var(--teal)}.portal-button svg:last-child,.user-menu svg{rotate:90deg;color:#718096}.icon-button{width:40px;height:40px;border-color:#dce5ef;color:#26364b}.icon-button span{top:-6px;right:-5px;min-width:18px;height:18px;border-width:2px;background:#e73f45;font-size:10px;line-height:14px}.user-menu{display:flex;align-items:center;gap:10px}.user-menu button{height:30px;padding:0 10px;border:1px solid #dce5ef;border-radius:7px;background:#fff;color:#526278;font-size:12px;font-weight:800}.user-menu button:hover{background:#f5f8fb;color:#172234}.user-menu>span{display:grid;width:40px;height:40px;place-items:center;border-radius:999px;background:#087a74;color:#fff;font-size:13px;font-weight:800}.user-menu strong,.user-menu small{display:block;white-space:nowrap}.user-menu strong{color:#1e2a3b;font-size:13px}.user-menu small{color:#6b798d;font-size:12px}.content{padding:24px}.dashboard-screen{display:flex;flex-direction:column;gap:22px}.metrics-grid{gap:20px}.metric-card.dashboard-stat{min-height:138px;padding:24px 22px;border-color:#dae4ee;box-shadow:0 1px 2px #0f1e2d05}.dashboard-stat .metric-icon{width:58px;height:58px;border-radius:8px}.dashboard-stat.teal .metric-icon,.dashboard-stat.green .metric-icon{background:#e3f7f3;color:#078979}.dashboard-stat.amber .metric-icon{background:#fff2df;color:#f47b13}.dashboard-stat.red .metric-icon{background:#ffe8e8;color:#ef4444}.dashboard-stat span{color:#637188;font-size:13px;font-weight:700}.dashboard-stat strong{margin-top:7px;color:#1c2940;font-size:32px;font-weight:800}.dashboard-stat p{display:inline-flex;align-items:center;gap:4px;margin-top:8px;color:#6c7b90;font-size:12px}.dashboard-stat p svg{color:#10a86a}.dashboard-stat.amber p svg{color:#f59e18}.dashboard-stat.red p{color:#ef4444;font-weight:800}.dashboard-stat.red p svg{display:none}.panel{border-color:#dce5ef;border-radius:8px;box-shadow:0 1px 2px #14223205}.panel-head{margin-bottom:18px}.panel-head h2{color:#162236;font-size:17px;font-weight:800}.dashboard-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.03fr);gap:20px}.dashboard-grid.lower{grid-template-columns:minmax(0,1fr) minmax(0,1.03fr);align-items:start}.expiry-panel .panel-head{flex-direction:column;align-items:stretch;gap:14px;margin-bottom:0}.expiry-tabs,.work-tabs{display:flex;align-items:center;gap:22px}.expiry-tabs button,.work-tabs button{min-height:34px;padding:0;border:0;border-bottom:3px solid transparent;background:transparent;color:#415169;font-size:13px;font-weight:700}.expiry-tabs button.active,.work-tabs button.active{border-bottom-color:var(--teal);color:#087a74}.expiry-tabs span,.work-tabs span{display:inline-grid;min-width:22px;height:20px;margin-left:4px;place-items:center;border-radius:999px;background:#edf3f7;color:#56677d;font-size:11px;font-weight:800}.expiry-table{margin:0 -18px -8px;border-top:1px solid #e8eef4}.expiry-table-head,.expiry-table-row{display:grid;grid-template-columns:52px minmax(112px,1.1fr) minmax(150px,1.35fr) minmax(100px,.9fr) 92px;align-items:center;gap:12px;padding:12px 18px}.expiry-table-head{color:#64748b;font-size:12px;font-weight:800}.expiry-table-row{border-top:1px solid #edf2f6;color:#2b394e;font-size:13px}.expiry-table-row strong{color:#263247;font-size:13px}.expiry-type-icon{display:grid;width:28px;height:28px;place-items:center;border-radius:4px}.expiry-type-icon.red{border:1px solid #f35d5d;color:#ef4444}.expiry-type-icon.green{border:1px solid #20b982;color:#13a66b}.expiry-type-icon.orange{border:1px solid #f59e18;color:#f59e18}.days-pill{display:inline-flex;justify-self:start;min-height:28px;align-items:center;padding:0 10px;border-radius:6px;font-size:12px;font-weight:800}.days-pill.red{background:#ffe8e8;color:#e23e3e}.days-pill.orange{background:#fff1dc;color:#d97706}.days-pill.green{background:#e8f8f1;color:#10875b}.panel-link{display:inline-flex;align-items:center;gap:8px;margin:14px 18px 8px;padding:0;border:0;background:transparent;color:#0b55a1;font-size:14px;font-weight:800}.card-select{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 12px;border:1px solid #dce5ef;border-radius:8px;background:#fff;color:#344358;font-size:13px;font-weight:700}.card-select svg{rotate:90deg}.revenue-copy{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:4px 12px;margin-bottom:10px}.revenue-copy span{grid-column:1 / -1;color:#637188;font-size:13px}.revenue-copy strong{color:#1b273b;font-size:24px;font-weight:800;white-space:nowrap}.revenue-copy em{display:inline-flex;align-items:center;gap:4px;color:#10a66a;font-size:13px;font-style:normal;font-weight:800}.revenue-copy em span{color:#637188;font-weight:600}.dashboard-chart{min-height:250px}.dashboard-chart text{fill:#65758b;font-size:12px}.revenue-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #e8eef4}.revenue-totals div{padding:17px 14px 4px;border-right:1px solid #e8eef4;color:#596980;font-size:12px}.revenue-totals div:last-child{border-right:0}.revenue-totals strong{display:block;margin-top:10px;color:#1b273b;font-size:16px}.legend-dot{display:inline-block;width:10px;height:10px;margin-right:7px;border-radius:999px}.legend-dot.green{background:#12a66a}.legend-dot.blue{background:#2f6ce5}.legend-dot.red{background:#ef4444}.text-button{border:0;background:transparent;color:#0b55a1;font-size:13px;font-weight:800}.dashboard-activity-list{display:flex;flex-direction:column}.dashboard-activity-row{display:grid;grid-template-columns:72px 48px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:72px;border-bottom:1px solid #edf2f6}.dashboard-activity-row:last-child{border-bottom:0}.dashboard-activity-row time{color:#6b7a90;font-size:12px}.activity-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:999px}.activity-icon.green{background:#dcf8eb;color:#13a66b}.activity-icon.orange{background:#fff0d6;color:#f59e18}.activity-icon.blue{background:#e7efff;color:#2f6ce5}.activity-icon.red{background:#ffe5e5;color:#ef4444}.dashboard-activity-row strong,.dashboard-activity-row small{display:block}.dashboard-activity-row strong{color:#1f2d42;font-size:13px}.dashboard-activity-row small{margin-top:4px;color:#66768c;font-size:12px}.dashboard-right-stack{display:grid;gap:20px}.invoice-summary{display:grid;grid-template-columns:210px minmax(0,1fr);align-items:center;gap:12px}.donut-wrap{position:relative;height:190px}.donut-center{position:absolute;top:50%;left:50%;display:grid;width:72px;height:72px;place-items:center;transform:translate(-50%,-50%);color:#5f7086;text-align:center}.donut-center span{display:block;font-size:12px}.donut-center strong{display:block;color:#1e2a3b;font-size:16px}.invoice-legend{display:grid;gap:14px}.invoice-legend>div{display:grid;grid-template-columns:minmax(110px,1fr) 84px 128px;align-items:center;gap:12px;color:#53647b;font-size:12px}.legend-label{display:inline-flex;align-items:center;gap:8px;color:#233149;font-weight:700}.legend-label i{width:10px;height:10px;border-radius:2px}.invoice-legend strong{color:#53647b;font-size:12px;font-weight:700;text-align:right}.pipeline-overview{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.pipeline-overview>div{position:relative;min-width:0}.pipeline-overview small{display:block;color:#0b55a1;font-size:12px;font-weight:800}.pipeline-overview strong{display:block;margin-top:8px;color:#172234;font-size:28px;font-weight:800}.pipeline-line{display:block;width:100%;height:4px;margin-top:12px;border-radius:999px}.pipeline-overview svg{position:absolute;top:36px;right:-17px;color:#94a3b8}.work-queue-panel .panel-head{margin-bottom:8px}.work-actions{display:flex;gap:10px}.work-actions .secondary-button,.work-actions .icon-only-button{height:38px;border-color:#dce5ef;background:#fff;color:#33435a;font-size:13px}.work-tabs{margin-bottom:14px}.dashboard-table-wrap{margin:0 -18px;overflow-x:auto;border-top:1px solid #edf2f6}.work-table{min-width:1020px}.work-table th,.work-table td{padding:13px 12px;border-bottom-color:#edf2f6;font-size:12px}.work-table th{background:#fbfcfe;color:#66758a;font-weight:800}.work-table td{color:#253348}.work-table td strong,.work-table td span{display:block}.work-table td strong{color:#253348;font-size:12px}.work-table td span{margin-top:3px;color:#7a889b;font-size:11px}.work-table input{width:16px;height:16px;accent-color:var(--teal)}.doc-count{color:#ef4444!important;font-size:13px!important;font-weight:800}.owner-avatar{display:grid!important;width:30px;height:30px;place-items:center;border-radius:999px;background:#087a74;color:#fff!important;font-size:11px!important;font-weight:800}.queue-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:16px;color:#66758a;font-size:12px}.queue-footer div{display:flex;gap:8px}.queue-footer button{display:grid;width:32px;height:32px;place-items:center;border:1px solid #dce5ef;border-radius:8px;background:#fff;color:#53647b;font-weight:800}.queue-footer button.active{border-color:#087a74;background:#087a74;color:#fff}.status-badge{min-height:24px;border-radius:5px;border:0;font-size:11px;font-weight:800}.status-badge.uploaded,.status-badge.completed,.status-badge.paid{background:#dff8ec;color:#10875b}.status-badge.approval,.status-badge.unpaid,.status-badge.needs-action{background:#fff0d6;color:#d97706}.status-badge.submitted,.status-badge.in-progress,.status-badge.with-authority,.status-badge.partially-paid{background:#e8f0ff;color:#1f5ec8}.status-badge.overdue,.status-badge.rejected{background:#ffe5e5;color:#df3434}.work-table .overdue,.work-table .unpaid,.work-table .partially-paid,.work-table .paid{font-weight:800}.work-table .overdue{color:#ef4444}.work-table .unpaid{color:#d97706}.work-table .partially-paid{color:#1f5ec8}.work-table .paid{color:#10875b}@media(max-width:760px){.app-shell{grid-template-columns:minmax(0,1fr)}.dashboard-grid,.dashboard-grid.lower,.invoice-summary{grid-template-columns:1fr}}@media(max-width:760px){.app-shell{grid-template-columns:minmax(0,1fr)}.sidebar{position:static;height:auto;padding:0 0 12px}.brand-row{min-height:64px}.nav-list{flex-direction:row;padding:0 12px;overflow-x:auto}.nav-item{flex:0 0 auto;min-height:42px;border-radius:8px}.topbar{align-items:stretch;gap:12px;padding:14px}.topbar-right{flex-wrap:wrap}.user-menu{display:none}}@media(max-width:720px){.content{padding:16px}.metrics-grid{grid-template-columns:1fr}.expiry-table-head,.expiry-table-row,.work-table{min-width:760px}.invoice-summary,.revenue-totals,.pipeline-overview{grid-template-columns:1fr}.dashboard-activity-row{grid-template-columns:68px 42px minmax(0,1fr)}.dashboard-activity-row .status-badge{grid-column:3;justify-self:start}}@media(min-width:761px){.app-shell{grid-template-columns:clamp(135px,15.4vw,220px) minmax(0,1fr);overflow-x:visible}.sidebar{position:sticky;top:0;display:flex;width:auto;min-width:0;max-width:none;height:100vh;flex-direction:column;overflow:hidden;padding:0;border-bottom:0}.brand-row,.main-shell,.topbar,.content{width:auto;max-width:none}.nav-list{flex:1;flex-direction:column;width:auto;min-width:0;overflow-x:hidden;overflow-y:auto;padding:0 8px 8px 0}.nav-item{flex:0 0 auto}.sidebar-footer{display:flex}.topbar{position:sticky;flex-direction:row;align-items:center}.topbar-actions{width:auto}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-grid,.dashboard-grid.lower{grid-template-columns:minmax(0,1fr) minmax(0,1.03fr)}}@media(min-width:761px)and (max-width:1020px){.app-shell{grid-template-columns:135px minmax(0,1fr)}.sidebar{gap:0}.brand-row{min-height:64px;gap:6px;padding:0 8px}.brand-symbol{width:20px;height:20px}.brand-row strong{font-size:22px}.nav-list{gap:2px;padding-right:5px}.nav-item{min-height:41px;gap:8px;padding:0 8px 0 2px}.nav-item span{font-size:11px}.nav-item svg{width:16px;height:16px}.sidebar-footer{margin:auto 0 12px;padding:9px 8px;border-radius:0 8px 8px 0}.sidebar-footer strong{font-size:10px}.sidebar-footer span{font-size:9px}.topbar{min-height:61px;gap:12px;padding:0 14px}.menu-button,.icon-only-button{width:30px;height:34px}.topbar-actions{flex:0 1 335px;max-width:335px}.search-field{height:36px;padding:0 10px}.search-field input{font-size:10px}.search-field kbd{min-width:28px;height:20px;font-size:9px}.topbar-right{gap:8px}.portal-button,.topbar-right select{height:36px;padding:0 10px;font-size:11px}.icon-button{width:34px;height:34px}.user-menu{gap:8px}.user-menu>span{width:35px;height:35px;font-size:11px}.user-menu strong{font-size:10px}.user-menu small{font-size:9px}.content{padding:13px 14px 14px}.dashboard-screen{gap:13px}.metrics-grid{gap:12px}.metric-card.dashboard-stat{height:84px;min-height:84px;gap:10px;padding:12px 10px}.metric-card.dashboard-stat>div:last-child{min-width:0}.dashboard-stat .metric-icon{width:38px;height:38px}.dashboard-stat .metric-icon svg{width:18px;height:18px}.dashboard-stat span{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.dashboard-stat strong{margin-top:3px;font-size:22px}.dashboard-stat p{margin-top:4px;font-size:9px;white-space:nowrap}.dashboard-grid,.dashboard-grid.lower,.dashboard-right-stack{gap:10px}.panel{padding:10px}.panel-head{gap:8px;margin-bottom:10px}.panel-head h2{font-size:12px}.expiry-panel .panel-head{gap:9px}.expiry-tabs,.work-tabs{gap:18px}.expiry-tabs button,.work-tabs button{min-height:27px;font-size:10px}.expiry-tabs span,.work-tabs span{min-width:18px;height:17px;font-size:9px}.expiry-table{margin:0 -10px -4px}.expiry-table-head,.expiry-table-row{grid-template-columns:36px 83px minmax(86px,1fr) 66px 54px;gap:5px;padding:8px 10px}.expiry-table-head,.expiry-table-row,.expiry-table-row strong{font-size:10px}.expiry-type-icon{width:24px;height:24px}.expiry-type-icon svg{width:14px;height:14px}.days-pill{min-height:22px;padding:0 7px;font-size:9px}.panel-link{margin:10px 10px 4px;font-size:11px}.card-select{height:30px;padding:0 9px;font-size:10px}.revenue-copy{gap:2px 8px;margin-bottom:4px}.revenue-copy span,.revenue-copy em{font-size:10px}.revenue-copy strong{font-size:19px}.dashboard-chart{min-height:204px}.dashboard-chart text{font-size:10px}.revenue-totals div{padding:12px 8px 2px;font-size:10px}.revenue-totals strong{margin-top:7px;font-size:11px}.dashboard-activity-row{grid-template-columns:52px 36px minmax(0,1fr) auto;gap:10px;min-height:58px}.dashboard-activity-row time,.dashboard-activity-row small{font-size:10px}.dashboard-activity-row strong{font-size:10px}.activity-icon{width:32px;height:32px}.activity-icon svg{width:15px;height:15px}.invoice-summary{grid-template-columns:120px minmax(0,1fr);gap:8px}.donut-wrap{height:142px}.invoice-legend{gap:8px}.invoice-legend>div{grid-template-columns:70px 45px 74px;gap:5px;font-size:8px}.legend-label,.invoice-legend strong{font-size:8px}.legend-label{gap:5px}.legend-label i{width:8px;height:8px}.pipeline-overview{gap:10px}.pipeline-overview small{font-size:9px}.pipeline-overview strong{margin-top:5px;font-size:20px}.pipeline-overview svg{top:25px;right:-12px;width:13px;height:13px}.pipeline-line{height:3px;margin-top:7px}.work-queue-panel .panel-head{margin-bottom:6px}.work-tabs{margin-bottom:8px}.work-actions .secondary-button,.work-actions .icon-only-button{height:32px;font-size:10px}.dashboard-table-wrap{margin:0 -10px}.work-table{min-width:690px}.work-table th,.work-table td{padding:8px 9px;font-size:9px}.work-table td strong{font-size:9px}.work-table td span{font-size:8px}.status-badge{min-height:20px;padding:0 6px;font-size:9px}.doc-count{font-size:10px!important}.owner-avatar{width:23px;height:23px;font-size:8px!important}.queue-footer{padding-top:9px;font-size:9px}.queue-footer button{width:25px;height:25px;border-radius:6px}}@media(max-width:1120px){.marketing-nav{gap:18px;overflow-x:auto;padding-bottom:4px}.login-link{margin-left:0}.marketing-hero{grid-template-columns:1fr;min-height:560px}.hero-copy{width:min(620px,calc(100% - 48px));margin:70px auto 0}.hero-device{padding:12px 70px 68px}.intro-grid,.split-section{grid-template-columns:1fr}.promo-card{min-height:auto}.download-profile{margin-left:0}}@media(max-width:820px){.logo-band,.marketing-nav,.marketing-section{width:min(100% - 32px,1180px)}.logo-band{min-height:64px}.marketing-nav{min-height:72px;gap:16px;font-size:14px}.login-link{min-height:44px;padding:0 17px}.marketing-hero{min-height:520px}.marketing-hero:after{width:92px}.hero-copy{margin-top:54px}.hero-copy h1{font-size:42px}.hero-device{padding:8px 30px 58px}.hero-device:before{right:40px}.hero-device-window{grid-template-columns:54px minmax(0,1fr);min-height:182px;border-width:7px}.device-sidebar{padding:18px 9px}.intro-section{padding-top:58px}.intro-section>h2{font-size:38px}.intro-grid,.split-section{gap:32px}.promo-image-frame,.promo-image-frame img{min-height:260px;height:260px}.promo-card-copy{padding:34px 24px 0}.service-strip{grid-template-columns:1fr}.faq-section{flex-direction:column;align-items:flex-start;padding:30px 22px}.portal-cta{width:100%}}@media(max-width:560px){.marketing-site,.marketing-header,.marketing-hero,.marketing-section{max-width:100vw;overflow-x:hidden}.logo-band,.marketing-nav,.marketing-section{width:calc(100vw - 32px);max-width:calc(100vw - 32px)}.marketing-nav{gap:18px}.marketing-hero{width:100vw;min-height:486px}.hero-copy{width:calc(100vw - 32px);max-width:330px;margin-top:42px}.hero-copy h1{font-size:33px;line-height:1.24}.hero-device{justify-content:flex-start;padding:0 16px 48px;overflow:hidden}.hero-device:before{display:none}.hero-device-window{width:calc(100vw - 32px);min-width:0}.intro-grid,.split-section{grid-template-columns:minmax(0,1fr);width:100%}.intro-copy,.why-copy,.promo-card,.estimate-box,.faq-section{min-width:0;max-width:100%}.intro-copy,.why-copy{width:100%;max-width:340px}.intro-section>h2{max-width:340px;font-size:28px;line-height:1.18;overflow-wrap:break-word}.intro-copy h3{max-width:340px;font-size:21px;line-height:1.22}.intro-copy p,.why-copy p,.faq-section p{font-size:15px}.promo-card:before,.promo-card:after{bottom:230px;left:22px;height:58px}.promo-card:after{bottom:220px}.promo-card-copy h3{font-size:31px}.download-profile{min-height:58px;padding:0 16px;font-size:14px}.estimate-box{padding:22px}.floating-whatsapp{right:16px;left:auto;bottom:14px;width:50px;min-height:50px;max-width:none;justify-content:center;padding:0;font-size:0}.floating-whatsapp svg{width:22px;height:22px}}