:root{--primary:#149bcf;--primary-dark:#087aaa;--nav:#0f2a3a;--nav-soft:#17394d;--bg:#f2f7fa;--card:#fff;--text:#173141;--muted:#6b7e8a;--line:#dce7ed;--danger:#bb342b;--success:#16804a;--warning:#bd7500;--shadow:0 10px 30px rgba(15,42,58,.08);--radius:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;line-height:1.5}body.nav-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,h4,p{margin-top:0}h1{font-size:28px;margin-bottom:2px}h2{font-size:21px;margin-bottom:8px}h3{font-size:17px;margin-bottom:7px}small{display:block;color:var(--muted)}code{background:#edf4f7;padding:2px 6px;border-radius:5px}.full{width:100%;grid-column:1/-1}.mobile-only,.menu-toggle,.mobile-app-name{display:none}.desktop-only{display:inline-flex}
.auth-bg{min-height:100vh;background:linear-gradient(135deg,#e3f5fc,#f8fbfd);display:grid;place-items:center;padding:22px}.install-shell,.login-shell{width:min(900px,100%)}.login-shell{width:min(460px,100%)}.install-card,.login-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:0 24px 80px rgba(15,42,58,.15)}.install-brand{display:flex;align-items:center;gap:14px;margin-bottom:14px}.install-brand h1{font-size:25px;margin:0}.install-brand p{margin:2px 0 0;color:var(--muted)}.brand-mark{width:45px;height:45px;border-radius:13px;background:var(--primary);color:#fff;display:grid;place-items:center;font-weight:900;letter-spacing:-1px;flex:0 0 auto}.version-chip{display:inline-block;background:#eaf6fb;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800;margin-bottom:18px}.install-actions,.login-help{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.login-help{justify-content:space-between;font-size:13px;color:var(--muted)}.card-flat{border:1px solid var(--line);border-radius:14px;padding:16px;margin:18px 0}.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.check-item{padding:9px 10px;border-radius:10px;background:#f4f8fa;display:flex;gap:8px;align-items:center}.check-item span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-weight:900}.check-item.ok span{background:#dff5e9;color:var(--success)}.check-item.fail span{background:#ffe7e4;color:var(--danger)}.form-section-title{border-top:1px solid var(--line);padding-top:14px;margin-top:8px}.form-section-title p{color:var(--muted);margin:0}.install-button{padding:15px;font-size:16px}
.app-layout{min-height:100vh;display:grid;grid-template-columns:280px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;background:var(--nav);color:#fff;display:flex;flex-direction:column;padding:15px;overflow-y:auto;z-index:60}.sidebar-head{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;padding:7px}.brand strong{display:block;font-size:17px;line-height:1.1}.brand small{color:#a9c5d5;font-size:10px;margin-top:3px}.nav-list{margin-top:15px;flex:1}.nav-group-label{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#7ea3b7;padding:16px 10px 5px}.nav-link{display:flex;align-items:center;min-height:42px;padding:9px 11px;color:#cfe2ec;border-radius:10px;margin:2px 0}.nav-link:hover,.nav-link.active{background:rgba(255,255,255,.1);color:#fff}.nav-link.active{box-shadow:inset 3px 0 0 var(--primary)}.sidebar-footer{border-top:1px solid rgba(255,255,255,.12);padding-top:12px}.user-mini{margin-bottom:10px;padding:0 4px}.user-mini small{color:#9fc0d0}.sidebar-overlay{display:none}.main-content{min-width:0;padding:22px 26px 90px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.topbar-left{display:flex;align-items:flex-start;gap:10px}.topbar p{margin:0}.topbar-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.page-content{display:grid;gap:17px}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);min-width:0}.sticky-form{position:sticky;top:18px;align-self:start}.stack{display:grid;gap:16px;align-self:start}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.section-heading p{color:var(--muted);margin:0}.page-grid{display:grid;gap:17px;align-items:start}.page-grid.two-one{grid-template-columns:minmax(340px,.9fr) minmax(0,1.5fr)}.page-grid.equal{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid{display:grid;grid-template-columns:1.5fr .8fr;gap:17px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:18px;box-shadow:var(--shadow);border-top:4px solid var(--primary)}.metric-card span{display:block;color:var(--muted);font-size:13px}.metric-card strong{display:block;font-size:26px;margin-top:4px}.quick-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.quick-grid a{border:1px solid var(--line);border-radius:13px;padding:13px;background:#fbfdfe}.quick-grid a:hover{border-color:var(--primary);transform:translateY(-1px)}.quick-grid strong{display:block;font-size:13px}.quick-grid small{font-size:10px}.current-action-card,.status-strip{display:flex;align-items:center;justify-content:space-between;gap:16px}.status-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--nav);color:#fff;border-radius:16px;padding:16px}.status-strip span{display:block;color:#9fc0d0;font-size:12px}.status-strip strong{display:block;margin-top:4px}.update-banner{display:flex;justify-content:space-between;align-items:center}.update-banner p{margin:0}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.wide-form{grid-template-columns:repeat(3,minmax(0,1fr))}label{display:grid;gap:6px;font-size:12px;font-weight:800}input,select,textarea{width:100%;min-height:44px;border:1px solid #cfdde5;border-radius:10px;background:#fff;color:var(--text);padding:10px 11px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(20,155,207,.12)}textarea{min-height:94px;resize:vertical}.tall-textarea{min-height:230px}.check-label{display:flex;align-items:center;grid-template-columns:auto 1fr;gap:8px}.check-label input{width:18px;min-height:18px}.inline-form,.filter-bar,.search-bar,.test-integration{display:flex;align-items:center;gap:8px}.inline-form input,.inline-form select,.filter-bar input,.filter-bar select,.search-bar input,.test-integration input{min-width:0}.wrap{flex-wrap:wrap}.btn{border:0;border-radius:10px;min-height:44px;padding:10px 15px;font-weight:850;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.btn.primary{background:var(--primary);color:#fff}.btn.primary:hover{background:var(--primary-dark)}.btn.secondary{background:#e9f4f8;color:var(--text)}.btn.ghost{background:transparent;border:1px solid var(--line)}.btn.inverse{border-color:rgba(255,255,255,.25);color:#fff}.btn.danger{background:#ffe7e4;color:var(--danger)}.btn.warning{background:#fff0cf;color:#714900}.btn.tiny{min-height:32px;padding:6px 10px;font-size:12px}.big-action{min-height:50px}.icon-btn{border:0;background:transparent;min-width:44px;min-height:44px;border-radius:10px;font-size:24px}.menu-toggle{background:#e8f3f8}.alert{border-radius:12px;padding:13px 15px;border:1px solid transparent}.alert.success{background:#e5f6ec;color:#14653c;border-color:#bfe8d1}.alert.danger{background:#ffebe8;color:#84261f;border-color:#f4c9c4}.alert.warning{background:#fff5dd;color:#765000;border-color:#f2dfac}.alert.info{background:#eaf6fb;color:#164c66;border-color:#c5e5f2}.access-denied{max-width:680px}.note-box{background:#f3f7f9;border-left:4px solid var(--primary);padding:12px;border-radius:9px;margin-top:14px;color:#526774}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:13px}.table-wrap table{border:0}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:left;padding:11px;border-bottom:1px solid #e9f0f3;vertical-align:top;font-size:13px}th{background:#f5f9fb;color:#506674;position:sticky;top:0;z-index:1}td strong,td small{display:block}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;background:#eaf3f7;color:#31586c;font-size:11px;font-weight:850}.badge.large{padding:8px 12px;font-size:13px}.badge.success{background:#dff5e9;color:var(--success)}.muted-badge{background:#edf1f3;color:#6e808a}.sla-breached{background:#ffe5e1;color:var(--danger)}.sla-warning{background:#fff1cf;color:#755000}.record-list,.job-grid,.message-list{display:grid;gap:10px}.record-card,.job-card,.message-card{border:1px solid var(--line);border-radius:13px;padding:13px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px}.record-card.vertical{display:grid}.record-card.unread{border-left:4px solid var(--primary);background:#f8fdff}.record-card h3,.job-card h3{margin-bottom:3px}.record-card p,.job-card p{margin:0;color:#526774}.record-main{display:flex;justify-content:space-between}.record-list.compact .record-card{padding:9px}.actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.job-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.job-card{display:block}.job-card-head{display:flex;justify-content:space-between;gap:10px}.job-card .actions{margin-top:13px}.message-card{display:block}.message-card.sent{border-left:4px solid var(--primary)}.message-card.received{border-left:4px solid var(--success)}.message-card>div{display:flex;justify-content:space-between}.empty-state{text-align:center;color:var(--muted);padding:30px 15px}.preline{white-space:pre-line}.metric-inline{font-size:22px;font-weight:900}.detail-list{display:grid;gap:9px;margin:0}.detail-list>div{display:grid;grid-template-columns:140px 1fr;border-bottom:1px solid #edf2f4;padding-bottom:8px}.detail-list dt{color:var(--muted)}.detail-list dd{margin:0;font-weight:700;text-align:right}.detail-list .total{font-size:17px}.ticket-hero{display:flex;justify-content:space-between;align-items:center}.ticket-hero p{margin:0}.ticket-status{text-align:right}.timeline{display:grid}.timeline article{display:grid;grid-template-columns:18px 1fr;gap:10px;position:relative;padding-bottom:16px}.timeline article>span{width:10px;height:10px;border-radius:50%;background:var(--primary);margin-top:5px}.timeline article:after{content:"";position:absolute;left:4px;top:16px;bottom:0;border-left:1px solid #bad8e5}.timeline article:last-child:after{display:none}.timeline p{margin:4px 0 0}.tabs{display:flex;gap:6px;overflow:auto;border-bottom:1px solid var(--line);margin:-4px -4px 14px;padding:4px}.tabs button{border:0;background:transparent;padding:10px;border-radius:9px;white-space:nowrap}.tabs button.active{background:#eaf5f9;font-weight:800}.tab-panel{display:none}.tab-panel.active{display:block}.photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.photo-grid article{border:1px solid var(--line);padding:11px;border-radius:12px}.private-file{height:80px;border-radius:8px;background:#eef4f7;display:grid;place-items:center;color:#59717e;margin-bottom:8px}.sticky-job-actions{position:sticky;bottom:12px;display:flex;gap:8px;justify-content:center;background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:14px;padding:9px;z-index:20;box-shadow:var(--shadow)}.signature-wrap{border:1px solid var(--line);border-radius:12px;padding:10px}.signature-wrap canvas{width:100%;height:190px;background:#fff;border:1px dashed #9db4c0;border-radius:8px;touch-action:none}.location-status{font-size:12px;color:var(--muted)}
.role-tabs,.settings-links{display:flex;gap:7px;overflow:auto;padding-bottom:8px}.role-tabs a,.settings-links a{white-space:nowrap;padding:8px 11px;border-radius:999px;background:#eef5f8;font-size:12px;font-weight:800}.role-tabs a.active{background:var(--primary);color:#fff}.permission-form{display:grid;gap:15px}.permission-head{display:flex;justify-content:space-between;align-items:center}.permission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.permission-grid fieldset{border:1px solid var(--line);border-radius:12px;padding:11px}.permission-grid legend{font-weight:900;padding:0 6px}.permission-item{display:grid;grid-template-columns:auto 1fr;align-items:start;padding:7px 0;border-bottom:1px solid #eef3f5}.permission-item:last-child{border:0}.permission-item input{width:18px;min-height:18px;margin-top:2px}.permission-item small{font-family:ui-monospace,monospace}.permission-summary{display:flex;flex-wrap:wrap;gap:6px}.integration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.integration-card{align-self:start}.test-integration{margin-top:12px;border-top:1px solid var(--line);padding-top:12px}.settings-nav{position:sticky;top:0;z-index:30}.settings-form{display:grid;gap:16px}.settings-section{scroll-margin-top:100px}.settings-section h2{border-bottom:1px solid var(--line);padding-bottom:10px}.save-bar{position:sticky;bottom:12px;z-index:25;background:rgba(255,255,255,.95);border:1px solid var(--line);padding:10px;border-radius:14px;box-shadow:var(--shadow)}.mobile-bottom{display:none}
@media(max-width:1180px){.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.quick-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.integration-grid{grid-template-columns:1fr 1fr}.permission-grid{grid-template-columns:1fr 1fr}.wide-form{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.desktop-only{display:none!important}.mobile-only,.menu-toggle,.mobile-app-name{display:inline-flex}.mobile-app-name{font-size:10px;font-weight:900;letter-spacing:.08em;color:var(--primary);text-transform:uppercase}.app-layout{display:block}.sidebar{position:fixed;left:0;top:0;width:min(86vw,320px);transform:translateX(-105%);transition:transform .22s ease;box-shadow:20px 0 60px rgba(0,0,0,.25)}body.nav-open .sidebar{transform:translateX(0)}.sidebar-overlay{position:fixed;inset:0;background:rgba(5,18,27,.55);border:0;z-index:50}body.nav-open .sidebar-overlay{display:block}.main-content{padding:14px 14px 86px}.topbar{align-items:flex-start}.topbar h1{font-size:21px;margin:1px 0}.topbar-actions .btn{min-height:39px;padding:8px 11px}.page-grid.two-one,.page-grid.equal,.detail-grid{grid-template-columns:1fr}.sticky-form{position:static}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.job-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.integration-grid,.permission-grid{grid-template-columns:1fr}.wide-form,.form-grid{grid-template-columns:1fr}.full{grid-column:1}.status-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-bottom{display:grid;position:fixed;left:0;right:0;bottom:0;z-index:45;background:#fff;border-top:1px solid var(--line);grid-template-columns:repeat(6,1fr);padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom a,.mobile-bottom button{border:0;background:#fff;min-height:58px;display:grid;place-items:center;font-size:11px;color:#536975}.mobile-bottom a.active{color:var(--primary);font-weight:900}.mobile-bottom button{font-weight:800}.sticky-job-actions{bottom:69px;overflow:auto;justify-content:flex-start}.settings-nav{position:static}.save-bar{bottom:70px}table.responsive-table{min-width:0}.responsive-table thead{display:none}.responsive-table,.responsive-table tbody,.responsive-table tr,.responsive-table td{display:block;width:100%}.responsive-table tr{padding:10px;border-bottom:1px solid var(--line)}.responsive-table td{border:0;padding:5px 0;display:grid;grid-template-columns:112px 1fr;gap:8px}.responsive-table td:before{content:attr(data-label);font-weight:800;color:var(--muted);font-size:11px}.record-card{align-items:flex-start}.current-action-card{align-items:flex-start}.section-heading{align-items:flex-start}.install-card,.login-card{padding:20px}.check-grid{grid-template-columns:1fr}}
@media(max-width:560px){body{font-size:14px}.main-content{padding:12px 10px 85px}.topbar-actions .btn.secondary{padding:8px}.metric-grid{gap:9px}.metric-card{padding:14px}.metric-card strong{font-size:22px}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.job-grid{grid-template-columns:1fr}.section-heading{display:grid;grid-template-columns:1fr}.record-card{display:grid}.record-card .actions{width:100%}.record-card .actions .btn{flex:1}.inline-form,.filter-bar,.search-bar,.test-integration{flex-wrap:wrap}.filter-bar>*{flex:1 1 140px}.topbar-actions{gap:4px}.topbar-actions .warning{display:none}.ticket-hero{display:grid}.ticket-status{text-align:left;margin-top:9px}.status-strip{grid-template-columns:1fr 1fr}.photo-grid{grid-template-columns:1fr 1fr}.detail-list>div{grid-template-columns:110px 1fr}.mobile-bottom{grid-template-columns:repeat(6,1fr)}.mobile-bottom a,.mobile-bottom button{font-size:10px}.install-actions .btn{width:100%}}
@media print{.sidebar,.topbar,.mobile-bottom,.sticky-job-actions,.btn,.settings-nav{display:none!important}.app-layout{display:block}.main-content{padding:0}.card{box-shadow:none;border-color:#aaa;break-inside:avoid}body{background:#fff}}

/* v1.5.0 operational modules */
.brand-logo-shell{display:grid;place-items:center;width:56px;height:50px;flex:0 0 auto;border-radius:12px;background:transparent;overflow:hidden}.brand-logo-shell img{display:block;width:100%;height:100%;object-fit:contain}.brand-logo-shell.auth-logo{width:92px;height:70px}.logo-placeholder{display:grid;place-items:center;width:100%;height:100%;border:1px dashed #8ca5b1;border-radius:10px;font-size:9px;font-weight:900;letter-spacing:.08em;color:#637b86;background:#fff}.settings-logo-preview{width:180px;height:90px;object-fit:contain;background:transparent}.compact-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}.metric-card{text-decoration:none;color:inherit}.danger-edge{border-left:5px solid #c84b4b!important}.warning-card,.info-card{border-left:5px solid #e1a126}.progress{height:7px;background:#e9f0f3;border-radius:10px;overflow:hidden;margin-top:8px}.progress span{display:block;height:100%;background:#149bcf}.timeline-item{border-left:3px solid #b7d9e8;padding:8px 12px;margin:8px 0;background:#f8fbfc;border-radius:0 9px 9px 0}.timeline-item strong,.timeline-item small{display:block}.form-section-title{font-weight:900;font-size:14px;border-bottom:1px solid var(--line);padding:10px 0 5px;color:var(--primary)}.calculation-box{display:grid;grid-template-columns:1fr auto;gap:8px 16px;background:#eef7fb;border:1px solid #cde3ed;border-radius:12px;padding:12px}.calculation-box strong{text-align:right}.mapping-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mapping-card{display:grid;grid-template-columns:1.1fr 1.5fr auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:12px;background:#fff}.mapping-card small{display:block;color:var(--muted);margin-top:3px}.journal-lines{display:grid;gap:8px}.journal-line{display:grid;grid-template-columns:1.3fr 1.7fr .7fr .7fr;gap:8px}.statement>div:not(.statement-total):not(.statement-subtotal){display:grid;grid-template-columns:1fr auto;gap:12px;padding:7px 0;border-bottom:1px dotted var(--line)}.statement h3{margin:16px 0 6px;color:var(--primary)}.statement-total,.statement-subtotal{display:grid;grid-template-columns:1fr auto;gap:12px;padding:10px 0;border-top:2px solid #173141;font-weight:900;margin-top:8px}.statement-subtotal{border-top:1px solid #8da2ad}.signature-record{display:grid;gap:4px;border:1px solid var(--line);padding:10px;border-radius:10px;margin:8px 0}.signature-record img{max-width:260px;max-height:100px;object-fit:contain;background:#fff}.signature-pad canvas{width:100%;height:180px;border:1px dashed #78909c;border-radius:10px;background:#fff;touch-action:none}.location-map-preview{min-height:2px}.location-status{padding:10px;border-radius:9px;background:#eef7fb;border:1px solid #cde3ed}.text-danger{color:#b93232!important}.audit-table pre{white-space:pre-wrap;word-break:break-word;max-width:440px;max-height:260px;overflow:auto}.bank-statement td small{display:block}.mini-form{display:grid;gap:7px;min-width:190px}.note-box code,.info-card code{white-space:normal}.auth-logo+.install-brand div{min-width:0}
@media(max-width:1180px){.compact-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.mapping-grid{grid-template-columns:1fr}.mapping-card{grid-template-columns:1fr 1.2fr auto}.journal-line{grid-template-columns:1fr 1fr}.journal-line input:nth-last-child(-n+2){min-width:0}}
@media(max-width:900px){.compact-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.mapping-card{grid-template-columns:1fr}.journal-line{grid-template-columns:1fr}.settings-logo-preview{width:120px;height:65px}.brand-logo-shell.auth-logo{width:76px;height:58px}.signature-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.compact-metrics{grid-template-columns:1fr 1fr}.calculation-box{grid-template-columns:1fr auto}.signature-pad canvas{height:150px}.brand-logo-shell{width:46px;height:42px}.install-brand{align-items:flex-start}}
.install-capabilities{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 16px}.install-capabilities span{display:inline-flex;align-items:center;min-height:34px;padding:6px 10px;border:1px solid #d7e3ec;border-radius:999px;background:#f6fbfe;color:#17364a;font-size:.86rem;font-weight:700}.report-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.report-links a{display:flex;align-items:center;min-height:48px;padding:12px 14px;border:1px solid #dce6ee;border-radius:12px;background:#fff;font-weight:700;text-decoration:none;color:#17364a}.report-links a:hover{border-color:#149fd1;background:#f4fbfe}

/* v1.6.0 COLORJET mobile experience, image studio and private backup UI */
:root{--accent:#16c6a3;--primary-dark:#057aa5;--nav:#072c42;--nav-soft:#0d405a;--bg:#eef5f8;--card:#fff;--text:#102f40;--muted:#687f8c;--line:#d8e5eb;--danger:#c33d38;--success:#11805a;--warning:#b76d00;--shadow:0 14px 38px rgba(7,44,66,.09);--shadow-strong:0 24px 70px rgba(7,44,66,.16);--radius:18px;--ease:cubic-bezier(.2,.8,.2,1)}
body{background:radial-gradient(circle at 85% -10%,rgba(22,198,163,.09),transparent 29%),radial-gradient(circle at 12% 2%,rgba(7,151,201,.11),transparent 25%),var(--bg);min-height:100vh}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.35;background-image:linear-gradient(rgba(255,255,255,.7) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.7) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,black,transparent 55%);z-index:-1}
.app-layout{grid-template-columns:292px minmax(0,1fr)}
.sidebar{background:linear-gradient(180deg,#06283b 0%,#08364d 52%,#06283b 100%);box-shadow:14px 0 45px rgba(3,26,40,.12);border-right:1px solid rgba(255,255,255,.06)}
.sidebar:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 0%,rgba(22,198,163,.17),transparent 28%),radial-gradient(circle at 100% 35%,rgba(7,151,201,.18),transparent 26%);pointer-events:none}
.sidebar>*{position:relative}.brand{min-height:68px;border-radius:15px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);transition:.25s var(--ease)}.brand:hover{background:rgba(255,255,255,.075)}
.brand strong{letter-spacing:.01em}.brand small{color:#a9d1df}.nav-group-label{color:#76a8bb}.nav-link{gap:10px;position:relative;overflow:hidden;transition:transform .2s var(--ease),background .2s var(--ease),color .2s var(--ease)}.nav-link:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(22,198,163,.13),transparent);opacity:0;transition:.2s}.nav-link:hover:after,.nav-link.active:after{opacity:1}.nav-link:hover{transform:translateX(3px)}.nav-link.active{background:rgba(255,255,255,.1);box-shadow:inset 3px 0 0 var(--accent)}.nav-link>span{position:relative;z-index:1}.nav-glyph{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:rgba(255,255,255,.065);font-size:15px;font-weight:900}.nav-link.active .nav-glyph{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff}
.user-mini{display:flex;align-items:center;gap:10px}.user-avatar{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--accent));color:white;font-weight:900;box-shadow:0 8px 20px rgba(0,0,0,.18)}
.main-content{padding:24px 30px 100px}.topbar{position:relative}.topbar h1{letter-spacing:-.025em}.topbar-actions{min-height:48px}.icon-action{width:44px;height:44px;border:1px solid var(--line);background:rgba(255,255,255,.84);backdrop-filter:blur(12px);border-radius:14px;display:grid;place-items:center;position:relative;box-shadow:0 8px 24px rgba(7,44,66,.06);transition:.2s var(--ease)}.icon-action:hover{transform:translateY(-2px);border-color:var(--primary)}.icon-action span{color:var(--primary);font-size:13px}.icon-action b{position:absolute;right:-4px;top:-5px;min-width:19px;height:19px;border-radius:999px;background:var(--danger);color:#fff;display:grid;place-items:center;font-size:10px;padding:0 4px;border:2px solid var(--bg)}
.card,.metric-card,.record-card,.job-card,.message-card,.quick-grid a{transition:transform .22s var(--ease),box-shadow .22s var(--ease),border-color .22s var(--ease)}
.card{background:rgba(255,255,255,.94);backdrop-filter:blur(8px)}
.metric-card{position:relative;overflow:hidden;border-top:0;padding-top:21px}.metric-card:before{content:"";position:absolute;left:0;top:0;width:100%;height:4px;background:linear-gradient(90deg,var(--primary),var(--accent))}.metric-card:after{content:"";position:absolute;width:90px;height:90px;right:-35px;bottom:-45px;border-radius:50%;background:rgba(7,151,201,.06)}.metric-card strong{position:relative;z-index:1}.metric-text{font-size:18px!important}
.quick-grid a{position:relative;overflow:hidden}.quick-grid a:before{content:"";position:absolute;width:65px;height:65px;border-radius:50%;right:-34px;top:-35px;background:linear-gradient(135deg,rgba(7,151,201,.12),rgba(22,198,163,.15));transition:.25s var(--ease)}.quick-grid a:hover:before{transform:scale(1.6)}
.btn{position:relative;overflow:hidden;transition:transform .18s var(--ease),box-shadow .18s var(--ease),filter .18s var(--ease),background .18s var(--ease);letter-spacing:.005em}.btn.primary{background:linear-gradient(135deg,var(--primary),#0a8fbd 55%,var(--accent));box-shadow:0 10px 24px rgba(7,151,201,.22)}.btn.primary:hover{background:linear-gradient(135deg,#067fab,var(--primary),#13b99b);box-shadow:0 15px 30px rgba(7,151,201,.28)}.btn.secondary{background:linear-gradient(135deg,#e8f5f9,#edf9f6);border:1px solid #d4e8ee}.btn.danger{border:1px solid #f0c8c5}.btn:disabled{opacity:.48;cursor:not-allowed;box-shadow:none;filter:grayscale(.25)}.btn small{font-size:10px;color:inherit;opacity:.78;font-weight:650}.big-action{min-height:54px;display:grid;gap:0}.install-button{display:grid;gap:0;min-height:64px}
input,select,textarea{transition:border-color .18s,box-shadow .18s,background .18s;border-radius:12px;background:#fff}input:hover,select:hover,textarea:hover{border-color:#a9cbd8}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(7,151,201,.12)}
.hero-panel{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(220px,.55fr);align-items:center;gap:24px;background:linear-gradient(135deg,#062c42 0%,#075677 58%,#0b8f83 125%);color:#fff;border-radius:22px;padding:28px 30px;box-shadow:0 24px 60px rgba(7,44,66,.2)}.hero-panel:before,.hero-panel:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.hero-panel:before{width:240px;height:240px;right:-70px;top:-130px;background:rgba(255,255,255,.08)}.hero-panel:after{width:150px;height:150px;left:44%;bottom:-120px;background:rgba(22,198,163,.18)}.hero-panel>*{position:relative;z-index:1}.hero-panel .eyebrow{color:#9cebd9;font-weight:900}.hero-panel h2{font-size:29px;margin:4px 0 8px}.hero-panel p{margin:0;color:#d9edf4;max-width:760px}.hero-stat{padding:17px 18px;border-radius:17px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(9px)}.hero-stat span,.hero-stat small{color:#c5e2ec}.hero-stat strong{display:block;font-size:24px;margin:4px 0}
.action-card-gradient{background:linear-gradient(145deg,#fff,#f1fbfd)}.compact-metrics .metric-card{min-height:112px}.backup-control-grid{align-items:stretch}.backup-control-grid>.card{height:100%}.code-block{display:flex;align-items:center;gap:10px;background:#082b3e;color:#dff7f3;padding:13px;border-radius:13px;overflow:auto;margin:12px 0}.code-block code{background:transparent;color:inherit;white-space:nowrap;flex:1}.row-actions{display:flex;gap:6px;flex-wrap:wrap}.status-completed{background:#dff5e9;color:var(--success)}.status-partial{background:#fff1cf;color:#785000}.status-failed,.status-deleted{background:#ffe5e2;color:var(--danger)}.status-expired{background:#edf1f3;color:#657781}
.image-drop-zone{position:relative;min-height:154px;border:2px dashed #a7cedb;border-radius:17px;background:linear-gradient(145deg,#f4fbfd,#f0fbf8);display:grid;place-items:center;text-align:center;padding:22px;cursor:pointer;transition:.22s var(--ease)}.image-drop-zone:hover,.image-drop-zone.drag-active{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 14px 34px rgba(7,151,201,.12)}.image-drop-zone input{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-icon{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;display:grid;place-items:center;font-size:27px;box-shadow:0 12px 27px rgba(7,151,201,.22)}.image-preview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.image-preview-item{position:relative;aspect-ratio:1;border:1px solid var(--line);border-radius:13px;overflow:hidden;background:#edf4f7}.image-preview-item img{width:100%;height:100%;object-fit:cover}.image-preview-item span{position:absolute;left:6px;right:6px;bottom:6px;padding:4px 6px;border-radius:8px;background:rgba(6,35,51,.76);color:#fff;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-progress{height:42px;border-radius:12px;background:#e8f4f7;position:relative;overflow:hidden;display:grid;place-items:center}.upload-progress span{position:absolute;inset:0 auto 0 0;width:38%;background:linear-gradient(90deg,rgba(7,151,201,.35),rgba(22,198,163,.4));animation:uploadSweep 1.2s infinite alternate}.upload-progress strong{position:relative;z-index:1}.photo-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.photo-card{background:#fff;border:1px solid var(--line);border-radius:17px;overflow:hidden;box-shadow:0 9px 25px rgba(7,44,66,.06);transition:.22s var(--ease)}.photo-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.photo-thumb{display:block;position:relative;aspect-ratio:4/3;background:#e9f1f4;overflow:hidden}.photo-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .35s var(--ease)}.photo-card:hover .photo-thumb img{transform:scale(1.045)}.photo-lock{position:absolute;left:9px;top:9px;background:rgba(6,39,56,.78);backdrop-filter:blur(6px);color:#fff;border-radius:999px;padding:4px 8px;font-size:9px;font-weight:850}.photo-card-body{padding:12px}.photo-title{display:flex;justify-content:space-between;gap:8px;align-items:center}.photo-card-body p{font-size:12px;color:#536b78;margin:8px 0}.photo-meta{display:flex;flex-wrap:wrap;gap:7px;margin:9px 0}.photo-meta span{font-size:9px;background:#eff6f8;padding:4px 7px;border-radius:999px;color:#5d7480}
.modal{border:0;padding:0;background:transparent;max-width:min(94vw,520px);width:100%}.modal::backdrop{background:rgba(2,22,34,.65);backdrop-filter:blur(4px)}.modal-card{background:#fff;border-radius:20px;padding:22px;box-shadow:0 30px 90px rgba(0,0,0,.3);display:grid;gap:13px}.modal-actions{display:flex;justify-content:flex-end;gap:8px}
.installer-page{background:radial-gradient(circle at 5% 0%,rgba(22,198,163,.22),transparent 28%),radial-gradient(circle at 100% 10%,rgba(7,151,201,.24),transparent 28%),linear-gradient(145deg,#e8f7fb,#f7fbfc)}.install-card-premium{position:relative;overflow:hidden;box-shadow:0 35px 110px rgba(7,44,66,.19);border:1px solid rgba(255,255,255,.9)}.install-card-premium:before{content:"";position:absolute;left:0;top:0;right:0;height:5px;background:linear-gradient(90deg,var(--primary),var(--accent),var(--primary))}.install-domain-card{display:grid;gap:3px;padding:15px 17px;border-radius:15px;background:#082e43;color:#fff;margin:12px 0}.install-domain-card span,.install-domain-card small{color:#acd0dc}.install-domain-card strong{word-break:break-word}.install-success-panel{display:flex;align-items:center;gap:16px;padding:20px;border-radius:18px;background:linear-gradient(135deg,#e6f8f1,#e8f6fb);border:1px solid #c5e9dc}.success-orb{width:55px;height:55px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,var(--success),var(--accent));color:#fff;font-size:27px;box-shadow:0 12px 28px rgba(17,128,90,.2)}.install-result-list{margin-top:15px}.consent-row{display:flex;grid-template-columns:auto 1fr;align-items:center}.consent-row input{width:20px;min-height:20px}.check-item{transition:.2s}.check-item.ok{background:#effaf5}.check-item.fail{background:#fff0ee}
.mobile-bottom{box-shadow:0 -12px 30px rgba(7,44,66,.09)}.mobile-bottom a,.mobile-bottom button{gap:1px;align-content:center}.mobile-bottom b{font-size:18px;line-height:1}.mobile-bottom a.active{background:linear-gradient(to top,rgba(7,151,201,.08),transparent)}
.toast-stack{position:fixed;right:18px;bottom:18px;z-index:200;display:grid;gap:8px;max-width:min(420px,calc(100vw - 36px))}.toast{padding:13px 15px;border-radius:13px;background:#082e43;color:#fff;box-shadow:0 18px 45px rgba(0,0,0,.2);animation:toastIn .25s var(--ease)}
@keyframes uploadSweep{from{transform:translateX(-35%)}to{transform:translateX(210%)}}@keyframes toastIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes softAppear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.page-content>*{animation:softAppear .32s var(--ease) both}.page-content>*:nth-child(2){animation-delay:.035s}.page-content>*:nth-child(3){animation-delay:.07s}.page-content>*:nth-child(4){animation-delay:.105s}
@media(hover:hover) and (pointer:fine){.card:hover{border-color:#c9dde5}.metric-card:hover,.record-card:hover,.job-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-strong)}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0) scale(.985)}}
@media(max-width:1180px){.photo-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.main-content{padding:14px 14px 92px}.hero-panel{grid-template-columns:1fr;padding:22px}.hero-stat{max-width:100%}.photo-page-grid{display:block}.upload-studio{margin-bottom:15px}.photo-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.image-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sidebar{width:min(89vw,338px)}.nav-link{min-height:47px}.mobile-bottom{grid-template-columns:repeat(6,minmax(0,1fr))}.mobile-bottom a,.mobile-bottom button{min-height:64px}.toast-stack{bottom:82px}}
@media(max-width:560px){.hero-panel{padding:20px 17px;border-radius:18px}.hero-panel h2{font-size:24px}.photo-gallery{grid-template-columns:1fr}.image-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.install-card-premium{padding:18px}.install-domain-card strong{font-size:12px}.check-grid{gap:6px}.check-item{font-size:12px}.metric-card{min-height:105px}.modal-card{padding:18px}.mobile-bottom span{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}

/* Agreement v1.7 corporate format controls */
.agreement-format-intro{background:linear-gradient(135deg,#f7fdff,#f2fcf8);border-color:#c9e7ee}.format-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.format-cards article{position:relative;overflow:hidden;border:1px solid #cfe0e7;border-radius:17px;background:#fff;padding:17px;display:grid;gap:9px;min-height:145px;transition:.22s var(--ease)}.format-cards article:before{content:"";position:absolute;width:100px;height:100px;border-radius:50%;right:-48px;top:-52px;background:linear-gradient(135deg,rgba(7,151,201,.12),rgba(22,198,163,.16))}.format-cards article:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#8bcddd}.format-cards strong{font-size:16px;color:#0b435b}.format-cards span{font-size:12px;color:#5d7480;line-height:1.5}.form-section-title{margin:7px 0 0;padding:9px 11px;border-radius:11px;background:linear-gradient(90deg,#eaf7fb,#edf9f4);color:#0b5d76;font-weight:900;border-left:4px solid var(--primary)}.agreement-builder textarea{min-height:80px}.ticket-status small{display:block;color:#607783;margin-top:4px}.btn.small{min-height:34px;padding:7px 10px;font-size:11px}.entered-terms .clause.special{margin-bottom:5px}
@media(max-width:900px){.format-cards{grid-template-columns:1fr}.agreement-format-intro .section-heading{align-items:flex-start}.agreement-format-intro .actions{width:100%}.agreement-format-intro .actions .btn{flex:1}.sticky-job-actions{overflow-x:auto;flex-wrap:nowrap;padding-bottom:7px}.sticky-job-actions .btn{white-space:nowrap}}