:root{--primary:#116149;--primary-2:#0b4635;--bg:#f3f6f5;--card:#fff;--text:#17211e;--muted:#6b7773;--border:#dfe7e4;--danger:#b42318;--warning:#b54708;--success:#067647;--shadow:0 10px 30px rgba(24,62,50,.08);font-family:Tahoma,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}body{font-size:15px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.topbar{height:66px;background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;display:flex;align-items:center;padding:0 18px;gap:14px;position:sticky;top:0;z-index:40;box-shadow:0 5px 20px rgba(0,0,0,.14)}.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px}.brand-mark{width:38px;height:38px;border-radius:12px;background:#fff;color:var(--primary);display:grid;place-items:center;font-weight:900}.topbar-actions{margin-inline-start:auto;display:flex;align-items:center;gap:12px}.menu-toggle{background:transparent;color:#fff;border:0;font-size:24px;cursor:pointer;display:none}.app-shell{display:flex;min-height:calc(100vh - 66px)}.sidebar{width:240px;background:#fff;border-inline-end:1px solid var(--border);padding:16px;position:sticky;top:66px;height:calc(100vh - 66px);overflow:auto}.sidebar nav{display:grid;gap:5px}.sidebar a{padding:11px 13px;border-radius:10px;color:#33413c}.sidebar a:hover,.sidebar a.active{background:#e8f3ef;color:var(--primary);font-weight:700}.nav-heading{margin-top:15px;padding:8px 10px;color:var(--muted);font-size:12px;font-weight:700}.main-content{flex:1;min-width:0;padding:24px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.page-head h1{margin:0;font-size:26px}.muted{color:var(--muted)}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);padding:18px}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.stats-card{padding:18px}.stats-value{font-size:32px;font-weight:800;color:var(--primary)}.stats-label{color:var(--muted);margin-top:5px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:10px;padding:10px 14px;cursor:pointer;font-weight:700}.btn-sm{padding:7px 10px;font-size:13px}.btn-block{width:100%}.btn-primary{background:var(--primary);color:#fff}.btn-secondary{background:#e9efed;color:#263531}.btn-danger{background:#fee4e2;color:var(--danger)}.btn-warning{background:#fff1e5;color:var(--warning)}.btn-success{background:#dcfae6;color:var(--success)}.btn-light{background:#fff;color:var(--primary)}.form-grid{display:grid;gap:14px}.form-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid label{display:grid;gap:7px;font-weight:700;color:#34433e}.form-grid input,.form-grid select,.form-grid textarea,.input{width:100%;border:1px solid var(--border);background:#fff;border-radius:10px;padding:11px 12px;outline:none}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(17,97,73,.12)}.form-actions{display:flex;gap:10px;flex-wrap:wrap}.alert{border-radius:12px;padding:12px 14px;margin-bottom:16px}.alert.success{background:#dcfae6;color:#05603a}.alert.error{background:#fee4e2;color:#912018}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:14px;background:#fff}.table{width:100%;border-collapse:collapse;min-width:760px}.table th,.table td{padding:12px 13px;border-bottom:1px solid var(--border);text-align:right;vertical-align:middle}.table th{background:#f8faf9;color:#47544f;font-size:13px;position:sticky;top:0}.badge{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:700;background:#e8efed}.badge.waiting{background:#fff4ce;color:#7a5d00}.badge.called{background:#e0f2fe;color:#075985}.badge.serving{background:#dcfae6;color:#067647}.badge.done{background:#eaecf0;color:#344054}.badge.priority,.badge.vip{background:#fce7f6;color:#9d174d}.ticket-number{font-size:30px;font-weight:900;letter-spacing:2px;color:var(--primary)}.service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}.service-button{min-height:132px;border:0;border-radius:18px;color:#fff;padding:20px;text-align:center;cursor:pointer;box-shadow:var(--shadow);transition:.2s transform}.service-button:hover{transform:translateY(-3px)}.service-button strong{display:block;font-size:22px}.service-button small{display:block;margin-top:8px;opacity:.9}.auth-body{display:grid;place-items:center;min-height:100vh;padding:20px;background:radial-gradient(circle at top right,#d7eee7,transparent 40%),var(--bg)}.auth-card,.install-card{width:min(520px,100%);background:#fff;border-radius:20px;padding:26px;box-shadow:0 20px 60px rgba(12,54,41,.15);border:1px solid var(--border)}.auth-logo{width:72px;height:72px;border-radius:22px;background:var(--primary);color:#fff;display:grid;place-items:center;margin:0 auto 15px;font-weight:900;font-size:25px}.auth-card h1,.install-card h1{text-align:center;margin:0 0 20px}.kiosk-body{min-height:100vh;background:linear-gradient(150deg,#eef8f4,#dceee8);padding:24px}.kiosk-shell{max-width:1100px;margin:auto}.kiosk-header{text-align:center;margin-bottom:28px}.kiosk-header h1{font-size:34px;margin-bottom:6px}.queue-console{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.current-ticket{text-align:center;padding:30px}.current-ticket .ticket-number{font-size:64px}.action-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.waiting-list{display:grid;gap:10px}.waiting-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#f7faf9;border-radius:11px}.display-body{background:#07110e;color:#fff;min-height:100vh;overflow:hidden}.display-layout{display:grid;grid-template-columns:1.2fr .8fr;min-height:100vh}.display-main{padding:30px}.display-side{background:#0d1c17;padding:24px;display:flex;flex-direction:column;gap:18px}.display-title{font-size:30px;margin:0 0 20px}.display-current{background:linear-gradient(145deg,#116149,#0a3c2d);border-radius:28px;padding:30px;text-align:center;box-shadow:0 25px 70px rgba(0,0,0,.35)}.display-current .num{font-size:90px;font-weight:900}.display-current .counter{font-size:34px;color:#c8f5e8}.display-queue{display:grid;gap:12px;margin-top:18px}.display-row{display:grid;grid-template-columns:1fr 1fr;align-items:center;background:#12251f;padding:14px 18px;border-radius:14px;font-size:24px}.ticker{position:fixed;bottom:0;right:0;left:0;background:#116149;color:#fff;padding:12px;font-size:22px;white-space:nowrap;overflow:hidden}.ticker-track{display:inline-block;padding-left:100%;animation:ticker 24s linear infinite}@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-100%)}}.media-frame{width:100%;aspect-ratio:16/9;background:#000;border-radius:18px;overflow:hidden;display:grid;place-items:center}.media-frame img,.media-frame video,.media-frame iframe{width:100%;height:100%;object-fit:cover;border:0}.general-display{min-height:100vh;background:#06100d;color:#fff;display:grid;grid-template-rows:auto 1fr auto}.general-header{padding:18px 28px;background:#0c1e18;display:flex;justify-content:space-between;align-items:center}.general-content{display:grid;grid-template-columns:1.4fr .6fr;gap:18px;padding:20px}.clock{font-size:30px;font-weight:800}.print-ticket{width:80mm;margin:auto;background:#fff;color:#000;padding:4mm;text-align:center;font-family:Tahoma,Arial}.print-ticket h1{font-size:18px;margin:4px}.print-ticket .big{font-size:44px;font-weight:900;letter-spacing:3px;margin:12px 0}.print-ticket hr{border:0;border-top:1px dashed #000}.hidden{display:none!important}
@media(max-width:1000px){.grid-4{grid-template-columns:repeat(2,1fr)}.queue-console,.display-layout,.general-content{grid-template-columns:1fr}.display-side{display:none}}
@media(max-width:760px){.menu-toggle{display:block}.sidebar{position:fixed;right:-270px;z-index:50;transition:.25s;top:66px}.sidebar.open{right:0}.main-content{padding:15px}.grid-2,.grid-3,.grid-4,.form-grid.cols-2,.form-grid.cols-3{grid-template-columns:1fr}.page-head{align-items:flex-start;flex-direction:column}.topbar-actions span{display:none}.action-grid{grid-template-columns:1fr}.kiosk-body{padding:14px}.kiosk-header h1{font-size:27px}.service-grid{grid-template-columns:1fr 1fr}.service-button{min-height:115px;padding:14px}.service-button strong{font-size:18px}.display-current .num{font-size:58px}.display-main{padding:16px}.display-row{font-size:18px}.ticker{font-size:16px}}
@media print{body{background:#fff}.no-print{display:none!important}.print-ticket{width:100%;box-shadow:none}@page{margin:0}}