*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;background:#050816;color:#f9fafb}body{min-height:100vh}.page{min-height:100vh;display:flex;flex-direction:column}.page-header{padding:12px 16px;border-bottom:1px solid rgba(148,163,184,.3);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:10;background:radial-gradient(circle at top left,rgba(56,189,248,.18),transparent 55%),radial-gradient(circle at top right,rgba(129,140,248,.18),transparent 55%),#0f172ae6}.brand{display:inline-flex;align-items:center;gap:6px;font-weight:600;letter-spacing:.02em}.brand-mark{font-size:18px}.brand-text{font-size:15px}.page-main{flex:1;padding:16px 12px 20px;display:flex;flex-direction:column;gap:12px;max-width:480px;margin:0 auto}.card{background:radial-gradient(circle at top left,rgba(56,189,248,.12),transparent 55%),radial-gradient(circle at bottom right,rgba(129,140,248,.12),transparent 55%),#0f172af5;border-radius:16px;padding:14px 14px 12px;border:1px solid rgba(148,163,184,.5);box-shadow:0 18px 45px #0f172ae6,0 0 0 1px #0f172a}.check-name{margin:0 0 6px;font-size:18px}.check-location{margin:0 0 4px;font-size:13px;color:#e5e7eb}.check-description{margin:0 0 8px;font-size:13px;color:#cbd5f5}.tag-row{display:flex;flex-wrap:wrap;gap:6px}.tag-badge{font-size:11px;padding:3px 8px;border-radius:999px;background:#0f172ae6;border:1px solid rgba(148,163,184,.7);color:#e5e7eb}.section-title{margin:0 0 8px;font-size:15px}.log-form{display:flex;flex-direction:column;gap:10px}.field-group{display:flex;flex-direction:column;gap:4px}.field-label{font-size:12px;color:#e5e7eb}.field-input{border-radius:10px;border:1px solid rgba(148,163,184,.8);background:#0f172af5;color:#f9fafb;padding:8px 10px;font-size:14px;outline:none}.field-input:focus{border-color:#38bdf8;box-shadow:0 0 0 1px #38bdf899}.field-textarea{resize:vertical;min-height:72px}.primary-button{margin-top:4px;border:none;border-radius:999px;padding:9px 14px;font-size:14px;font-weight:500;color:#0b1120;background:linear-gradient(135deg,#38bdf8,#a855f7);cursor:pointer;display:inline-flex;justify-content:center;align-items:center;width:100%;box-shadow:0 12px 25px #38bdf859,0 0 0 1px #0f172ae6}.primary-button:active{transform:translateY(1px);box-shadow:0 8px 18px #38bdf847,0 0 0 1px #0f172a}.log-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px;max-height:320px;overflow-y:auto}.log-item{padding:8px 10px;border-radius:12px;background:#0f172af2;border:1px solid rgba(51,65,85,.9)}.log-header{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-bottom:4px}.status-pill{font-size:11px;padding:3px 8px;border-radius:999px;text-transform:capitalize;font-weight:500}.status-complete{background:#22c55e33;color:#bbf7d0;border:1px solid rgba(34,197,94,.7)}.status-issue{background:#f9731633;color:#fed7aa;border:1px solid rgba(249,115,22,.75)}.status-missed{background:#ef444433;color:#fecaca;border:1px solid rgba(239,68,68,.75)}.log-meta{font-size:11px;color:#9ca3af;text-align:right}.log-note{margin:0;font-size:13px;color:#e5e7eb}.empty-state{margin:0;font-size:13px;color:#9ca3af}.page-footer{padding:10px 16px 14px;text-align:center;font-size:11px;color:#6b7280}.footer-text{opacity:.9}@media (min-width: 640px){.page-main{padding-top:20px;gap:14px}.card{padding:16px 16px 14px}}