*{box-sizing:border-box;margin:0;padding:0}html,body{overscroll-behavior-y:none;height:100%}body{color:#1a1a1a;-webkit-tap-highlight-color:transparent;background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app{min-height:100dvh;display:flex}.topbar{z-index:50;color:#fff;padding:10px 12px;padding-top:max(10px, env(safe-area-inset-top));background:#1a1a2e;align-items:center;gap:12px;display:none;position:sticky;top:0;left:0;right:0;box-shadow:0 2px 6px #00000026}.topbar-title{font-size:16px;font-weight:600}.menu-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:36px;height:36px;padding:0;display:flex}.menu-toggle span{background:#fff;border-radius:2px;width:22px;height:2px;display:block}.overlay{z-index:90;background:#00000080;position:fixed;inset:0}.sidebar{color:#fff;background:#1a1a2e;flex-direction:column;gap:4px;width:220px;padding:20px 0;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.sidebar h2{border-bottom:1px solid #333;margin-bottom:8px;padding:0 20px 16px;font-size:18px}.sidebar a{color:#aaa;padding:12px 20px;font-size:14px;text-decoration:none;transition:all .15s}.sidebar a:hover{color:#fff;background:#16213e}.sidebar a.active{color:#fff;background:#0f3460;font-weight:600}.nav-group{color:#666;text-transform:uppercase;letter-spacing:.5px;margin-top:4px;padding:12px 20px 4px;font-size:11px}.content{flex:1;width:100%;max-width:1200px;margin-left:220px;padding:24px}h1{margin-bottom:16px;font-size:22px}h3{color:#555;margin-bottom:12px;font-size:16px}.cards{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:24px;display:grid}.card{background:#fff;border-radius:8px;padding:16px;box-shadow:0 1px 3px #00000014}.card .label{color:#888;margin-bottom:4px;font-size:12px}.card .value{font-size:24px;font-weight:700}.card .value.warn{color:#e67e22}.card .value.ok{color:#27ae60}table{border-collapse:collapse;background:#fff;border-radius:8px;width:100%;overflow:hidden;box-shadow:0 1px 3px #00000014}th,td{text-align:left;border-bottom:1px solid #f0f0f0;padding:10px 12px;font-size:13px}th{color:#555;text-transform:uppercase;background:#fafafa;font-size:12px;font-weight:600}tr:hover{background:#f8f9fa}tr:last-child td{border-bottom:none}.status{border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.status.draft{color:#991b1b;background:#fee2e2}.status.needs_review{color:#92400e;background:#fef3c7}.status.approved{color:#065f46;background:#d1fae5}.status.awaiting_payout{color:#1e40af;background:#dbeafe}.status.paid{color:#3730a3;background:#e0e7ff}.status.closed{color:#374151;background:#f3f4f6}.status.new{color:#1e40af;background:#dbeafe}.status.assigned{color:#92400e;background:#fef3c7}.status.scheduled{color:#3730a3;background:#e0e7ff}.status.in_progress{color:#9a3412;background:#fed7aa}.status.awaiting_act{color:#78350f;background:#fef3c7}.status.done,.status.completed{color:#065f46;background:#d1fae5}.status.problem{color:#991b1b;background:#fee2e2}.status.cancelled{color:#374151;background:#f3f4f6}.status.problematic{color:#991b1b;background:#fee2e2}.timeline-item{background:#f9f9f9;border-left:3px solid #ddd;border-radius:6px;margin-bottom:10px;padding:8px 12px}.timeline-meta{color:#888;margin-bottom:2px;font-size:11px}.timeline-body{font-size:13px}.btn{cursor:pointer;border:none;border-radius:6px;min-height:36px;padding:8px 14px;font-size:13px;font-weight:500}.btn-primary{color:#fff;background:#0f3460}.btn-primary:hover{background:#1a4a8a}.btn-success{color:#fff;background:#27ae60}.btn-warning{color:#fff;background:#e67e22}.btn-danger{color:#fff;background:#e74c3c}.btn-sm{min-height:30px;padding:5px 10px;font-size:12px}.filters{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.filters select,.filters input{border:1px solid #ddd;border-radius:6px;padding:8px 10px;font-size:13px}.detail-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;display:grid}.detail-section{background:#fff;border-radius:8px;padding:16px;box-shadow:0 1px 3px #00000014}.field{margin-bottom:8px}.field .label{color:#888;font-size:12px}.field .val{font-size:14px;font-weight:500}.photos-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;display:grid}.photos-grid img{object-fit:cover;cursor:pointer;border-radius:6px;width:100%;height:120px}.actions{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.tabs{border-bottom:2px solid #e0e0e0;gap:0;margin-bottom:16px;display:flex}.tab{cursor:pointer;color:#888;border-bottom:2px solid #0000;margin-bottom:-2px;padding:8px 20px;font-size:14px}.tab.active{color:#0f3460;border-bottom-color:#0f3460;font-weight:600}.back-link{color:#0f3460;margin-bottom:12px;font-size:13px;text-decoration:none;display:inline-block}.empty{color:#999;text-align:center;padding:20px}input[type=text],input[type=number],input[type=date],textarea,select{border:1px solid #ddd;border-radius:6px;width:100%;padding:8px 10px;font-size:13px}textarea{resize:vertical;min-height:60px}.form-row{margin-bottom:12px}.form-row label{color:#666;margin-bottom:4px;font-size:12px;display:block}@media (width<=768px){.app{flex-direction:column}.topbar{display:flex}.sidebar{z-index:100;width:280px;padding-top:calc(16px + env(safe-area-inset-top));transition:transform .25s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar a{padding:14px 20px;font-size:15px}.content{padding:14px 12px calc(20px + env(safe-area-inset-bottom));max-width:100%;margin-left:0}h1{margin-bottom:12px;font-size:18px}h3{font-size:14px}.detail-grid{grid-template-columns:1fr;gap:12px}.cards{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;margin-bottom:16px}.card{padding:12px}.card .value{font-size:20px}.filters{gap:8px}.filters select,.filters input{flex:calc(50% - 4px);min-width:0}.content table{white-space:nowrap;-webkit-overflow-scrolling:touch;max-width:100%;display:block;overflow-x:auto}.content table thead,.content table tbody,.content table tr{table-layout:auto;width:100%;display:table}.photos-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.photos-grid img{height:100px}.btn{min-height:42px;padding:10px 14px;font-size:14px}.btn-sm{min-height:32px;padding:6px 10px;font-size:12px}input[type=text],input[type=number],input[type=date],input[type=tel],input[type=email],textarea,select{padding:10px 12px;font-size:16px}.tabs{white-space:nowrap;-webkit-overflow-scrolling:touch;border-bottom-width:1px;overflow-x:auto}.tab{flex-shrink:0;padding:8px 14px}.detail-section{padding:14px}.detail-section>div[style*=grid-template-columns]{grid-template-columns:1fr!important}}.pwa-install-hint{color:#92400e;text-align:center;background:#fef3c7;padding:10px 12px;font-size:13px;display:none}