:root{color-scheme:dark;font-family:Inter,sans-serif;font-size:16px;--bg: #0b3c4b;--surface: rgba(255,255,255,.08);--surface-strong: rgba(255,255,255,.12);--surface-soft: rgba(255,255,255,.04);--text: #eef5ff;--text-secondary: #c3d6ec;--success: #48d659;--accent: #20c0e8;--accent-strong: #06a2d4;--warning: #f7b500;--danger: #f96464;--card: rgba(255,255,255,.12);--shadow: 0 28px 80px rgba(2,25,42,.18);--theme-start: #0f5b68;--theme-mid: #0c3b48;--theme-end: #112b40;--theme-accent: #6cd6ff;--theme-accent-contrast: #082433;--theme-border: rgba(255,255,255,.14)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at top left,rgba(32,192,232,.28),transparent 28%),radial-gradient(circle at bottom right,rgba(34,138,245,.26),transparent 30%),linear-gradient(135deg,#0f5b68,#0c3b48 42%,#112b40);color:var(--text)}body{font-family:inherit;line-height:1.5}button,select{font:inherit}.app-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px 16px;background:linear-gradient(135deg,var(--theme-start) 0%,var(--theme-mid) 42%,var(--theme-end) 100%);transition:background .22s ease}.app-shell.theme-role-select{--theme-start: #0d6f57;--theme-mid: #1c7d78;--theme-end: #2f64a0;--theme-accent: #71f0c1;--theme-accent-contrast: #07231d;--theme-border: rgba(255,255,255,.18)}.app-shell.theme-resident{--theme-start: #4f1524;--theme-mid: #8c2f3f;--theme-end: #c34f63;--theme-accent: #ff8e98;--theme-accent-contrast: #26050d;--theme-border: rgba(255,255,255,.18)}.app-shell.theme-company{--theme-start: #0c3764;--theme-mid: #0f5880;--theme-end: #2180bc;--theme-accent: #7ecbf7;--theme-accent-contrast: #062238;--theme-border: rgba(255,255,255,.18)}.app-shell.theme-farmer{--theme-start: #0d503b;--theme-mid: #1d7b4b;--theme-end: #3fa96b;--theme-accent: #8ff0b2;--theme-accent-contrast: #082418;--theme-border: rgba(255,255,255,.18)}.page-wrapper{width:min(1200px,100%)}.loader{color:var(--text-secondary);font-size:.95rem;text-align:center;padding:160px 0}.page-card{background:#ffffff14;border:1px solid var(--theme-border);border-radius:28px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);overflow:hidden}.hero-panel{display:grid;grid-template-columns:1.5fr 1fr;gap:32px;padding:52px}.hero-panel .hero-copy{max-width:540px}.logo-label{display:inline-flex;align-items:center;gap:12px;background:#ffffff14;border:1px solid rgba(255,255,255,.14);padding:14px 18px;border-radius:999px;margin-bottom:28px}.logo-mark{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,#8af8d3,#18c0e1 42%,#0e7aa1);box-shadow:inset 0 0 0 1px #ffffff2e}.logo-mark svg{width:22px;height:22px}.logo-label .brand{display:grid;gap:4px}.logo-label .brand strong{font-size:.95rem}.hero-panel h1{margin:0;font-size:clamp(2.5rem,4vw,4rem);line-height:.95;letter-spacing:-.04em}.hero-copy p{margin:22px 0 0;color:var(--text-secondary);max-width:600px;font-size:1rem}.role-grid{display:grid;gap:18px;margin-top:38px}.role-card{display:flex;align-items:center;gap:16px;padding:22px 24px;border-radius:22px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);cursor:pointer;transition:transform .22s ease,border-color .22s ease,background .22s ease}.role-card:hover{transform:translateY(-2px);border-color:#ffffff38;background:#ffffff1f}.role-card-icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:#ffffff1f}.role-card-icon svg{width:24px;height:24px;color:#fff}.role-card h3{margin:0;font-size:1.05rem}.role-card p{margin:6px 0 0;color:var(--text-secondary)}.subtle-note{color:var(--text-secondary);font-size:.92rem}.centered-panel{display:grid;place-items:center;min-height:78vh}.dashboard-shell{padding:28px;display:grid;gap:26px}.form-card{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:26px;display:grid;gap:20px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.form-field{display:grid;gap:10px}.form-field-full{grid-column:1 / -1}.input-field,.select-status{width:100%;border-radius:16px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:var(--text);padding:14px 16px;font:inherit}.input-field:focus,.select-status:focus{outline:none;border-color:#20c0e899;box-shadow:0 0 0 3px #20c0e82e}.form-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.link-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:#88d5ff;font-weight:700;cursor:pointer;text-decoration:underline;padding:0}.link-button:hover{color:#fff}.alert{border-radius:18px;padding:16px 18px;font-size:.95rem}.alert-error{background:#f9646424;border:1px solid rgba(249,100,100,.2);color:#ffb3b3}.alert-success{background:#48d6591f;border:1px solid rgba(72,214,89,.22);color:#d4ffe0}.top-summary{display:flex;flex-wrap:wrap;gap:18px}.summary-pill{flex:1 1 180px;min-width:180px;background:#ffffff14;border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:22px 24px}.summary-pill strong{display:block;font-size:1.9rem;line-height:1}.summary-pill small{color:var(--text-secondary)}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:18px}.panel-header h2{margin:0;font-size:1.4rem}.panel-header .subtitle{color:var(--text-secondary)}.card-list{display:grid;gap:20px}.dashboard-card{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:28px}.dashboard-card h3{margin:0 0 12px;font-size:1.12rem}.dashboard-card .report-meta{display:flex;flex-wrap:wrap;gap:10px 24px;color:var(--text-secondary);font-size:.95rem}.dashboard-card .status-tag{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;font-size:.86rem;font-weight:600}.tag-ready{background:#48d6591f;color:#9cebac}.tag-processing{background:#20c0e824;color:#9ad7f4}.tag-pending{background:#f7b50026;color:#ffe093}.tag-dispatched{background:#3a72ff24;color:#b7d4ff}.tag-cleared{background:#48d65924;color:#c5ffdf}.status-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:22px}.status-step{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:14px 12px;text-align:center}.status-step.active{border-color:#20c0e873;background:#20c0e829}.status-step span{display:block;font-weight:700;margin-bottom:6px}.status-step small{display:block;color:var(--text-secondary)}.report-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:22px}.primary-button{border:none;color:var(--theme-accent-contrast);background:var(--theme-accent);border-radius:999px;padding:13px 22px;cursor:pointer;font-weight:700;transition:transform .22s ease,background .22s ease}.primary-button:hover{background:#48b4de;transform:translateY(-1px)}.action-bar{display:flex;align-items:center;justify-content:space-between;gap:14px}.action-bar button{min-width:160px}.select-status{width:100%;max-width:260px;border-radius:999px;border:1px solid rgba(255,255,255,.14);padding:12px 16px;background:#ffffff0f;color:var(--text)}.location-tag{display:inline-flex;gap:6px;color:var(--text-secondary)}.location-tag svg{width:14px;height:14px}.small-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:18px;background:#ffffff0d;color:var(--text-secondary)}.footer-note{color:var(--text-secondary);font-size:.95rem}.back-link{display:inline-flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-weight:600}.back-link:hover{color:#fff}.back-link svg{width:16px;height:16px}@media (max-width: 900px){.hero-panel{grid-template-columns:1fr;padding:32px}.role-grid{grid-template-columns:1fr}}@media (max-width: 680px){.page-wrapper{padding:0 8px}.dashboard-shell{padding:20px}.panel-header{flex-direction:column;align-items:flex-start}}