:root{color:#f0f5ed;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#101512;font-family:Inter,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button{font:inherit;cursor:pointer;color:#c9f36b;background:#26331f;border:1px solid #465a37;border-radius:12px;min-height:48px;padding:13px 20px}button:hover{background:#34452a}button:disabled{cursor:not-allowed;opacity:.6}button:focus-visible{outline-offset:4px;outline:2px solid #c9f36b}.app-shell{max-width:1160px;margin:0 auto;padding:0 40px}.topbar{border-bottom:1px solid #303b32;justify-content:space-between;align-items:center;gap:20px;min-height:96px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-mark{color:#14200b;background:#c9f36b;border-radius:12px;place-items:center;width:42px;height:42px;font-size:30px;font-weight:800;display:grid;transform:rotate(-6deg)}.brand strong{letter-spacing:-1px;font-size:23px}.brand-subtitle{color:#a4b2a7;letter-spacing:3px;margin-top:3px;font-size:10px;display:block}.environment{color:#a4b2a7;letter-spacing:1.4px;font-size:10px}.welcome{padding:56px 0 30px}.welcome-row{justify-content:space-between;align-items:center;gap:28px;display:flex}.eyebrow{color:#a4b2a7;letter-spacing:1.8px;margin:0 0 12px;font-size:11px;font-weight:700}h1{letter-spacing:-2px;max-width:740px;margin:0;font-size:clamp(32px,5vw,52px);font-weight:650;line-height:1.12}.welcome-row h1{font-size:clamp(30px,4vw,44px)}h2{letter-spacing:-.7px;margin:0;font-size:25px}h3{margin:26px 0 8px;font-size:21px}.subtitle{color:#a4b2a7;line-height:1.7}.primary-button{color:#14200b;white-space:nowrap;background:#c9f36b;border-color:#c9f36b;font-weight:700}.primary-button:hover{background:#d8ff88}.connection-panel{background:linear-gradient(110deg,#273821,#1b251b);border:1px solid #4b6135;border-radius:16px;align-items:center;gap:17px;margin-bottom:42px;padding:24px;display:flex}.connection-dot{background:#c9f36b;border-radius:50%;flex-shrink:0;width:10px;height:10px;box-shadow:0 0 0 6px #c9f36b12}.connection-panel p{color:#b6c9a8;margin:6px 0 0;font-size:13px;line-height:1.6}.section-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.client-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.client-card{background:#19201b;border:1px solid #303b32;border-radius:16px;min-width:0;padding:26px}.card-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.client-symbol{color:#c9f36b;background:#2b3625;border-radius:12px;flex-shrink:0;place-items:center;width:46px;height:46px;font-size:20px;font-weight:700;display:grid}.badge{color:#c2d8b2;white-space:nowrap;background:#283729;border-radius:7px;padding:7px 10px;font-size:11px}.client-card h3,.client-list-item strong{overflow-wrap:anywhere}.client-card p{color:#a4b2a7;margin:0;font-size:13px}.ticket-number{color:#a4b2a7;letter-spacing:1px;font-size:12px}.client-card .ticket-description{color:#c0ccc0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}.ticket-footer{color:#87958b;border-top:1px solid #303b32;margin-top:24px;padding-top:16px;font-size:11px}.empty,.error{color:#a4b2a7;border:1px solid #303b32;border-radius:12px;padding:24px;line-height:1.6}.error{color:#ffb5ad;border-color:#79433e}.success-message{color:#d4efb7;background:#26351f;border:1px solid #4b6135;border-radius:12px;padding:16px 20px;line-height:1.6}.empty-tickets{text-align:center;padding:42px 24px}.empty-tickets h3{color:#f0f5ed;margin-top:0}.empty-tickets p{line-height:1.6}.empty-tickets button{margin-top:12px}.clients-section{margin-top:42px}.client-list{gap:12px;display:grid}.client-list-item{background:#19201b;border:1px solid #303b32;border-radius:12px;align-items:center;gap:16px;padding:18px;display:flex}.client-list-item>div{min-width:0}.client-list-item p{color:#a4b2a7;margin:5px 0 0;font-size:12px}footer{color:#87958b;padding:40px 0;font-size:11px;line-height:1.7}.ticket-dialog{color:#f0f5ed;background:#19201b;border:1px solid #465a37;border-radius:20px;width:min(560px,100% - 24px);max-height:90vh;padding:26px;box-shadow:0 30px 100px #0008}.ticket-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#040a06bc}.dialog-heading{justify-content:space-between;align-items:center;gap:18px;margin-bottom:28px;display:flex}.close-button{background:0 0;padding:4px 14px;font-size:26px}.ticket-dialog fieldset{border:0;min-width:0;margin:0;padding:0}.ticket-dialog label{margin-bottom:10px;font-size:14px;font-weight:600;display:block}.ticket-dialog select,.ticket-dialog textarea{color:#f0f5ed;width:100%;font:inherit;background:#101712;border:1px solid #46533f;border-radius:10px;padding:14px}.ticket-dialog select{min-height:52px;margin-bottom:26px}.ticket-dialog textarea{resize:vertical;line-height:1.6}.ticket-dialog textarea::placeholder{color:#8e9c91}.ticket-dialog select:focus-visible,.ticket-dialog textarea:focus-visible{outline-offset:3px;outline:2px solid #c9f36b}.form-hint{color:#a4b2a7;font-size:12px;line-height:1.6}.form-actions{gap:12px;margin-top:26px;display:flex}.form-actions button{flex:1}@media (width<=640px){.app-shell{padding:0 20px}.topbar{min-height:82px}.environment{text-align:right;max-width:90px;line-height:1.6}.welcome{padding-top:36px}.welcome-row{flex-direction:column;align-items:flex-start;gap:12px}.welcome-row>button{width:100%;min-height:54px}h1{letter-spacing:-1.2px}.client-grid{grid-template-columns:1fr}.connection-panel{margin-bottom:32px;padding:20px}.ticket-dialog{padding:22px}}.ticket-photos{border-top:1px solid #303b32;margin-top:20px;padding-top:18px}.ticket-photos summary{cursor:pointer;color:#c9f36b;min-height:44px;padding:10px 0;font-size:14px;font-weight:600}.ticket-photos summary:focus-visible{outline-offset:4px;border-radius:5px;outline:2px solid #c9f36b}.photo-content{padding-top:16px}.photo-content label{margin-bottom:10px;font-size:13px;display:block}.photo-content input[type=file]{width:100%;min-width:0;font:inherit;color:#c0ccc0;font-size:12px;display:block}.photo-content input[type=file]::file-selector-button{color:#c9f36b;cursor:pointer;background:#26331f;border:1px solid #465a37;border-radius:8px;margin-right:10px;padding:11px 13px}.client-card .photo-hint{color:#a4b2a7;margin:12px 0;font-size:12px;line-height:1.6}.photo-actions{flex-wrap:wrap;gap:10px;margin:16px 0;display:flex}.photo-actions button{padding:11px 13px;font-size:12px}.client-card .photo-success{color:#c9f36b;margin:14px 0;line-height:1.6}.client-card .photo-content .error{color:#ffb5ad;margin:14px 0}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.photo-link{color:#c0ccc0;border:1px solid #303b32;border-radius:10px;min-width:0;text-decoration:none;display:block;overflow:hidden}.photo-link:hover{border-color:#c9f36b}.photo-link img{object-fit:cover;background:#101512;width:100%;height:130px;display:block}.photo-link span{overflow-wrap:anywhere;padding:10px;font-size:11px;display:block}@media (width<=640px){.photo-actions button{flex:1}}.ticket-timer{background:#121a14;border:1px solid #35422f;border-radius:12px;margin-top:22px;padding:18px}.ticket-timer.timer-running{background:#273821;border-color:#668547}.timer-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.timer-label{color:#a4b2a7;letter-spacing:1.2px;font-size:9px;font-weight:700}.timer-running .timer-label{color:#c9f36b}.timer-digits{color:#f0f5ed;font-variant-numeric:tabular-nums;letter-spacing:1px;margin-top:7px;font-size:29px;font-weight:600}.timer-row button{padding:12px 14px;font-size:12px}.client-card .timer-hint{color:#b6c9a8;margin-top:13px;font-size:12px;line-height:1.6}.client-card .timer-error{color:#ffb5ad;margin:14px 0;font-size:12px;line-height:1.6}.edit-ticket-button{color:#c9f36b;background:0 0;width:100%;margin-top:18px;font-size:13px;font-weight:600}.editor-client{color:#d4dfcf;overflow-wrap:anywhere;background:#101712;border:1px solid #35422f;border-radius:10px;margin:0 0 24px;padding:14px;line-height:1.6}.handoff-ticket-button{color:#c9f36b;background:0 0;width:100%;margin-top:10px;font-size:13px;font-weight:600}.handoff-explanation{color:#b6c9a8;margin:0 0 24px;font-size:13px;line-height:1.7}.finish-work-button{color:#14200b;background:#c9f36b;border-color:#c9f36b;width:100%;margin-top:18px;font-size:13px;font-weight:700}.finish-work-button:hover{background:#d8ff88}.completion-explanation{color:#b6c9a8;margin:0 0 24px;font-size:13px;line-height:1.7}.review-section{margin-top:42px}.badge-review{color:#e4d0a0;background:#423927}.completion-note-box{background:#28251b;border:1px solid #51482f;border-radius:12px;margin-top:22px;padding:18px}.completion-note-box .eyebrow{color:#d5c49c}.client-card .completion-note-text{color:#e0d7c4;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}.client-card .review-help{color:#a4b2a7;margin-top:16px;font-size:12px;line-height:1.6}.worker-review-feedback{background:#302819;border:1px solid #6b5734;border-radius:12px;margin-top:20px;padding:18px}.worker-review-feedback.feedback-approved{background:#23321e;border-color:#4b6135}.client-card .worker-review-feedback .eyebrow{color:#e4cd9b;margin:0 0 10px;font-size:10px}.client-card .feedback-approved .eyebrow{color:#c9f36b}.client-card .worker-review-note{color:#f0e4ca;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}.client-card .worker-review-date{color:#b2ad9f;margin-top:12px;font-size:11px}.worker-approved-section{margin-top:42px}.worker-office-link{color:#c9f36b;margin-top:8px;font-size:12px;line-height:1.6;display:inline-block}.workspace-link{color:#c9f36b;font-size:13px;line-height:1.6;text-decoration:none}.workspace-link:hover{text-decoration:underline}.office-identity{color:#a4b2a7;font-size:12px;line-height:1.6}.office-pending-badge{color:#e4d0a0;background:#423927}.client-card .office-ticket-title{color:#87958b;margin:0 0 14px;font-size:11px;line-height:1.6}.office-facts{background:#121a14;border:1px solid #35422f;border-radius:12px;gap:14px;margin:22px 0;padding:18px;display:grid}.office-facts>div{justify-content:space-between;align-items:center;gap:15px;font-size:12px;display:flex}.office-facts span{color:#a4b2a7}.office-facts strong{text-align:right;overflow-wrap:anywhere}.office-time{color:#c9f36b;font-variant-numeric:tabular-nums;font-size:21px}.office-note{background:#28251b;border:1px solid #51482f;border-radius:12px;margin-top:20px;padding:18px}.client-card .office-note .eyebrow{color:#d5c49c;margin:0 0 10px;font-size:10px}.client-card .office-note p{color:#e0d7c4;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}.office-actions{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.office-actions button{flex:1;padding:12px;font-size:12px}.office-approved-section{margin-top:44px}