:root{--kraft: #e8dcc4;--kraft-dark: #d6c8a8;--card: #fdfbf5;--char: #241f18;--red: #b8412a;--green: #3d6b4f;--amber: #c1811f;--steel: #6b6355;--line: rgba(36, 31, 24, .14);--teal: #2f6f6a;--navy: #28425e;--slate: #565f6b;--plum: #6b4a7a;--rust: #8a4f2b;--gold: #a97a1f;--tile: var(--kraft);--tile-2: var(--kraft-dark);--white: var(--card);--mustard: var(--amber)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 1px 1px,rgba(36,31,24,.05) 1px,transparent 0) 0 0 / 14px 14px,var(--kraft);color:var(--char);font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased}.display{font-family:Oswald,sans-serif;text-transform:uppercase}.mono{font-family:IBM Plex Mono,monospace}.handwritten{font-family:Caveat,cursive}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:Inter,sans-serif;font-size:15px;padding:11px 13px;border-radius:3px;border:1.5px solid var(--char);background:var(--card);color:var(--char);outline:none;width:100%}label{display:block;font-family:IBM Plex Mono,monospace;font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--steel);margin-bottom:6px}.field{margin-bottom:16px}.btn{padding:11px 18px;border-radius:3px;border:1.5px solid var(--red);background:var(--red);color:var(--card);font-family:IBM Plex Mono,monospace;text-transform:uppercase;font-weight:600;letter-spacing:.03em;font-size:12.5px;transition:background .15s ease,transform .1s ease}.btn:hover{background:#9c3520;transform:translateY(-1px)}.btn:active,.btn-secondary:active{transform:translateY(1px) scale(.97)}.btn:disabled{background:var(--steel);border-color:var(--steel);cursor:not-allowed;transform:none}.btn-secondary{background:var(--card);color:var(--char);border:1.5px solid var(--char);transition:background .15s ease,transform .1s ease}.btn-secondary:hover{background:var(--kraft-dark)}.btn-text{background:none;border:none;color:var(--steel);font-family:IBM Plex Mono,monospace;font-size:12.5px;text-decoration:underline;padding:4px}.app-shell{max-width:860px;margin:0 auto;padding:22px 24px 60px}.app-nav{display:flex;align-items:center;justify-content:space-between;padding:10px 0 22px;margin-bottom:20px}.logo{display:flex;align-items:center;gap:9px;font-family:Oswald,sans-serif;text-transform:uppercase;font-weight:700;font-size:18px}.logo-badge{width:20px;height:20px;border-radius:50%;border:2.5px solid var(--red);position:relative;flex-shrink:0}.logo-badge:after{content:"";position:absolute;top:50%;left:50%;width:5px;height:5px;background:var(--red);border-radius:50%;transform:translate(-50%,-50%)}.clip-header{position:relative;margin-bottom:30px;padding-top:16px}.clip{position:absolute;top:-8px;left:50%;transform:translate(-50%);width:60px;height:24px;background:linear-gradient(180deg,#8a8478,#5c564c);border-radius:6px;box-shadow:0 3px 6px #00000040;z-index:2}.clip:before{content:"";position:absolute;top:6px;left:8px;right:8px;height:5px;background:#00000040;border-radius:3px}.header-inner{background:var(--card);border-radius:6px;padding:18px 22px 20px;box-shadow:0 10px 24px #241f1824;border:1px solid var(--line)}.header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.logout-link{font-family:IBM Plex Mono,monospace;font-size:11.5px;color:var(--steel);text-decoration:underline;background:none;border:none;padding:0}.biz-row{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:12px}.biz-name{font-family:Oswald,sans-serif;text-transform:uppercase;font-size:22px;font-weight:700;margin:0}.actions,.dash-actions{display:flex;gap:8px;flex-wrap:wrap}.stat-strip{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.stat-chip{display:flex;align-items:center;gap:6px;padding:7px 12px;border-radius:20px;font-family:IBM Plex Mono,monospace;font-size:11.5px;font-weight:600;background:var(--kraft);border:1px solid var(--line);opacity:0;transform:translateY(6px);animation:chipIn .4s ease forwards}.stat-chip:nth-child(1){animation-delay:.05s}.stat-chip:nth-child(2){animation-delay:.15s}.stat-chip:nth-child(3){animation-delay:.25s}.stat-chip:nth-child(4){animation-delay:.35s}@keyframes chipIn{to{opacity:1;transform:translateY(0)}}.stat-dot{width:8px;height:8px;border-radius:50%}.dot-active{background:var(--green)}.dot-due{background:var(--amber)}.dot-urgent{background:var(--rust)}.dot-expired{background:var(--red)}.section-label{font-family:Caveat,cursive;font-size:21px;color:var(--steel);margin:0 0 12px 4px;transform:rotate(-1deg);display:inline-block}.dash-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:20px;gap:16px;flex-wrap:wrap}.dash-title{font-family:Oswald,sans-serif;text-transform:uppercase;font-size:22px;font-weight:700;margin:0}.auth-wrap{max-width:380px;margin:70px auto;padding:0 24px}.auth-card{background:var(--card);border:1px solid var(--line);border-radius:6px;padding:30px;box-shadow:0 10px 24px rgba(36,31,24,.ticket-tab svg {width: 19px; height: 19px;} .tab-health {background: var(--teal);} .tab-fire {background: var(--red);} .tab-propane {background: var(--slate);} .tab-business_license {background: var(--plum);} .tab-commissary {background: var(--rust);} .tab-insurance {background: var(--navy);} .tab-vehicle_registration {background: var(--green);} .tab-staff_certification {background: var(--gold);} .ticket-body {flex: 1; padding: 15px 17px 15px 15px; position: relative;} .ticket-perf {position: absolute; left: 0; top: 0; bottom: 0; width: 0; border-left: 2px dashed rgba(36,31,24,.16);} .ticket-top,.permit-row-top {display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; flex-wrap: wrap; width: 100%;} .ticket-type,.permit-type {font-family: "Oswald",sans-serif; text-transform: uppercase; font-weight: 600; font-size: 14.5px; margin: 0 0 3px;} .ticket-meta,.permit-meta {font-family: "IBM Plex Mono",monospace; font-size: 11px; color: var(--steel )})}