.app{max-width:420px;width:calc(100% - 24px);margin:0 auto;padding:16px 16px 40px;min-height:100%;display:flex;flex-direction:column;gap:16px;box-sizing:border-box}.header{text-align:center}.header h1{font-size:1.5rem;font-weight:700;color:#f8fafc;letter-spacing:-.02em}.subtitle{font-size:.8rem;color:#94a3b8;margin-top:4px}.video-wrapper{position:relative;width:100%;aspect-ratio:4 / 3;min-height:220px;background:#020617;border-radius:16px;overflow:hidden;border:1px solid #334155;isolation:isolate;flex:0 0 auto;box-sizing:border-box}.video{position:relative;z-index:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;background:#020617}.video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:flex;align-items:center;justify-content:center;padding:16px;background:#0f172abf;box-sizing:border-box}.face-overlay-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:block;width:100%;height:100%;pointer-events:none}.distance-badge{position:absolute;z-index:3;left:50%;bottom:12px;transform:translate(-50%);display:inline-flex;align-items:center;justify-content:center;gap:8px;width:max-content;max-width:calc(100% - 24px);padding:9px 14px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#0f172aeb;box-shadow:0 4px 18px #0000003d;color:#f8fafc;font-size:.82rem;font-weight:700;line-height:1.25;text-align:center;white-space:normal;overflow-wrap:anywhere;pointer-events:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.distance-indicator{display:inline-block;flex:0 0 8px;width:8px;height:8px;border-radius:50%;background:currentColor}.distance-badge.distance-perfect{color:#bbf7d0;border-color:#22c55eb3;background:#14532df0}.distance-badge.distance-perfect .distance-indicator{background:#4ade80}.distance-badge.distance-hold-still{color:#bfdbfe;border-color:#3b82f6b3;background:#1e3a8af0}.distance-badge.distance-hold-still .distance-indicator{background:#60a5fa}.distance-badge.distance-move-closer,.distance-badge.distance-move-back{color:#fef3c7;border-color:#f59e0bbf;background:#78350ff2}.distance-badge.distance-move-closer .distance-indicator,.distance-badge.distance-move-back .distance-indicator{background:#fbbf24}.distance-badge.distance-no-face{color:#e2e8f0;border-color:#94a3b88c;background:#334155f0}.distance-badge.distance-no-face .distance-indicator{background:#94a3b8}.distance-guidance{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:42px;padding:8px 10px;border:1px solid #334155;border-radius:10px;background:#0f172ab8;color:#cbd5e1;font-size:.86rem;font-weight:600;line-height:1.4;text-align:center;box-sizing:border-box}.distance-guidance small{color:#94a3b8;font-size:.72rem;font-weight:400}.distance-guidance.distance-perfect{border-color:#22c55e59;color:#86efac}.distance-guidance.distance-hold-still{border-color:#3b82f659;color:#93c5fd}.distance-guidance.distance-move-closer,.distance-guidance.distance-move-back{border-color:#f59e0b59;color:#fcd34d}.distance-guidance.distance-no-face{color:#cbd5e1}.status-bar{text-align:center;min-height:28px;font-size:.95rem;font-weight:500;color:#e2e8f0}.status-bar .pulse{animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.verify-result{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;font-size:.9rem}.verify-result.success{background:#14532d55;border:1px solid #16a34a;color:#86efac}.verify-result.fail{background:#7f1d1d55;border:1px solid #dc2626;color:#fca5a5}.verify-icon{font-size:1.4rem;font-weight:700}.verify-detail{font-size:.8rem;opacity:.85;margin-top:2px}.gps-info{text-align:center;font-size:.8rem;color:#38bdf8;background:#0c4a6e33;padding:6px 12px;border-radius:8px}.gps-info .accuracy{color:#94a3b8}.section{background:#1e293b;border-radius:12px;padding:14px;border:1px solid #334155;box-sizing:border-box}.section h2{font-size:.85rem;font-weight:600;color:#5399d2;text-transform:uppercase;letter-spacing:.04em;margin-bottom:10px}.hint{font-size:.75rem;color:#64748b;margin-top:8px;text-align:center}.row{display:flex;gap:8px}.form-stack{display:flex;flex-direction:column;gap:8px}.form-stack input,.row input,.select{width:100%;min-width:0;padding:11px 14px;border-radius:10px;border:1px solid #475569;background:#0f172a;color:#f1f5f9;font-size:.95rem;outline:none;box-sizing:border-box}.form-stack input:focus,.row input:focus,.select:focus{border-color:#3b82f6}.form-stack input::placeholder,.row input::placeholder{color:#64748b}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px;cursor:pointer}.btn-block{width:100%}.btn{padding:11px 16px;border-radius:10px;border:none;font-size:.9rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:opacity .15s,transform .1s}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.42;filter:saturate(.65);cursor:not-allowed;transform:none}.btn-primary{background:#2563eb;color:#fff}.btn-success{flex:1;background:#16a34a;color:#fff}.btn-danger{flex:1;background:#dc2626;color:#fff}.btn-secondary{flex:1;background:#334155;color:#e2e8f0;border:1px solid #475569}.actions{margin-top:4px}.history{background:#1e293b;border-radius:12px;border:1px solid #334155;overflow:hidden}.history-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid #334155}.history-header h2{font-size:.95rem;font-weight:600;color:#f1f5f9}.btn-close{background:none;border:none;color:#94a3b8;font-size:1.4rem;cursor:pointer;line-height:1;padding:0 4px}.empty{padding:20px;text-align:center;color:#64748b;font-size:.9rem}.record-list{list-style:none;max-height:320px;overflow-y:auto}.record{padding:12px 14px;border-bottom:1px solid #334155}.record:last-child{border-bottom:none}.record-main{display:flex;align-items:center;justify-content:space-between;gap:8px}.record-main strong{font-size:.95rem;color:#f8fafc}.badge{font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:999px;letter-spacing:.03em}.badge.check-in{background:#166534;color:#86efac}.badge.check-out{background:#7f1d1d;color:#fca5a5}.record-meta{font-size:.8rem;color:#94a3b8;margin-top:4px}.match-score{color:#38bdf8}.record-gps{font-size:.75rem;color:#38bdf8;margin-top:2px}.footer{text-align:center;font-size:.75rem;color:#64748b;margin-top:8px}@supports (padding: env(safe-area-inset-bottom)){.app{padding-bottom:calc(40px + env(safe-area-inset-bottom))}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at top right,#164e63 0,#0f172a 45%,#020617);box-sizing:border-box}.login-card{width:100%;max-width:420px;display:flex;flex-direction:column;gap:10px;padding:30px;border-radius:22px;border:1px solid #334155;background:#0f172af5;box-shadow:0 24px 80px #00000059;box-sizing:border-box}.brand-mark{width:100%;max-width:350px;min-height:78px;padding:13px 16px;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#fff;background:linear-gradient(135deg,#102a43,#075b65);font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;text-align:center;box-sizing:border-box;margin-bottom:3px;border:1px solid rgba(255,255,255,.18);box-shadow:0 6px 18px #020c1b3d}.brand-title{display:block;color:#fff;font-size:1.16rem;font-weight:800;letter-spacing:.025em;line-height:1.3;text-align:center}.brand-mark p{margin:0;color:#a7f3d0;font-size:.78rem;font-weight:600;letter-spacing:.09em;line-height:1.3;text-align:center}.login-eyebrow{color:#86efac;font-size:.7rem;font-weight:800;letter-spacing:.14em;margin:0}.login-card h1{color:#f8fafc;font-size:1.8rem;letter-spacing:-.04em;margin:0}.login-subtitle{color:#94a3b8;font-size:.9rem;margin:0 0 12px;line-height:1.5}.login-card label{color:#cbd5e1;font-size:.82rem;font-weight:600;margin-top:3px}.login-card input{width:100%;padding:12px 13px;border:1px solid #475569;border-radius:10px;background:#020617;color:#f8fafc;font-size:.95rem;box-sizing:border-box;outline:none}.login-card input:focus{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1f}.captcha-label-row{display:flex;justify-content:space-between;align-items:center}.captcha-refresh{color:#86efac;background:transparent;border:0;font-size:.8rem;cursor:pointer}.captcha-question{padding:12px;border:1px dashed #64748b;border-radius:10px;background:#1e293b;color:#f8fafc;font-weight:800;font-size:1.1rem;letter-spacing:.12em;text-align:center}.login-submit{margin-top:8px;padding:13px}.login-error{padding:10px 12px;border-radius:9px;background:#7f1d1d66;border:1px solid #ef4444;color:#fecaca;font-size:.85rem}.login-footnote{color:#64748b;font-size:.75rem;text-align:center;line-height:1.5;margin:8px 0 0}.loading-card{color:#e2e8f0;text-align:center}.app-header{display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left}.app-header h1{margin-bottom:0}.user-chip{display:flex;align-items:center;gap:9px;padding:7px;border:1px solid #334155;border-radius:13px;background:#1e293b;min-width:0}.user-avatar{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;color:#052e16;background:#86efac;font-weight:800}.user-chip span:nth-child(2){display:flex;flex-direction:column;min-width:0}.user-chip strong{color:#f8fafc;font-size:.78rem;white-space:nowrap}.user-chip small{color:#94a3b8;font-size:.7rem}.logout-btn{padding:8px 10px;font-size:.78rem}.employee-selector{display:flex;flex-direction:column;gap:10px}.employee-lookup-row{display:flex;gap:8px}.employee-lookup-row input{min-width:0;flex:1;padding:11px 13px;border:1px solid #475569;border-radius:10px;background:#0f172a;color:#f1f5f9;font-size:.92rem;box-sizing:border-box}.employee-lookup-row input:focus{outline:none;border-color:#22c55e}.employee-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px;background:#0f172a;border:1px solid #334155;border-radius:10px}.employee-details div{display:flex;flex-direction:column;gap:3px;min-width:0}.employee-details small{color:#94a3b8;font-size:.7rem}.employee-details strong{color:#f8fafc;font-size:.86rem;overflow-wrap:anywhere}.lookup-message{margin:0;color:#94a3b8;font-size:.8rem}.selected-employee{margin:0 0 10px;color:#bbf7d0;font-size:.85rem}.app,.login-page,.login-card,.section,.video-wrapper{box-sizing:border-box}.row>*,.form-stack>*,.employee-lookup-row>*{min-width:0}@media (max-width: 560px){.login-page{padding:16px;align-items:flex-start;padding-top:7vh}.login-card{padding:24px 20px}.app{padding:12px 10px 28px}.app-header{align-items:flex-start;flex-direction:column}.user-chip{width:100%;box-sizing:border-box}.user-chip span:nth-child(2){flex:1}.employee-lookup-row{flex-direction:column}.employee-lookup-row .btn{width:100%}.employee-details{grid-template-columns:1fr 1fr}.video-wrapper{aspect-ratio:3 / 4;min-height:240px;max-height:62vh;border-radius:14px}.video{object-fit:cover}.distance-badge{bottom:10px;max-width:calc(100% - 20px);padding:8px 11px;font-size:.76rem}.distance-guidance{min-height:44px;padding:8px;font-size:.82rem}.row{flex-wrap:wrap}.row .btn{min-height:42px}}@media (prefers-reduced-motion: reduce){.status-bar .pulse{animation:none}.btn{transition:none}}.app-header.compact-app-header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:10px 14px}.compact-app-header .app-brand{display:flex;align-items:center;gap:10px;min-width:0}.compact-app-header .app-brand-copy{min-width:0}.compact-app-header h1{margin:0;font-size:clamp(1rem,4vw,1.35rem);line-height:1.2;overflow-wrap:anywhere}.compact-app-header .subtitle{margin:3px 0 0;font-size:.8rem;line-height:1.2}.app-brand-icon{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:12px;color:#34e99a;border:1px solid rgba(52,233,154,.45);font-size:1.4rem}.compact-app-header .logout-btn{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:8px 12px;white-space:nowrap}.logout-label{display:inline}.video-wrapper.compact-video-wrapper{position:relative;width:100%;height:clamp(230px,42vh,360px);min-height:230px;max-height:360px;overflow:hidden;border-radius:16px;isolation:isolate}.compact-video-wrapper .video{display:block;width:100%;height:100%;object-fit:cover}.compact-video-wrapper .face-overlay-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;pointer-events:none}.compact-video-wrapper .distance-badge{position:absolute;z-index:3;left:50%;bottom:10px;transform:translate(-50%);max-width:calc(100% - 20px);padding:8px 12px;border-radius:999px;font-size:.82rem;line-height:1.2;text-align:center;white-space:normal;background:#0a1423e0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.compact-distance-guidance{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 10px;margin:5px 0 10px;padding:0 2px;font-size:.85rem;line-height:1.3}.compact-distance-guidance small{font-size:.75rem;opacity:.72}.attendance-result-card{display:flex;flex-direction:column;gap:8px;margin:10px 0;padding:12px 14px;border:1px solid rgba(148,163,184,.3);border-radius:16px;background:#1e293bb8;color:#e5edf8;overflow-wrap:anywhere}.attendance-result-card.success{border-color:#22c55ebf;background:#05503752}.attendance-result-card.fail{border-color:#f87171bf;background:#7f1d1d33}.attendance-result-main{display:flex;align-items:flex-start;gap:10px;min-width:0}.attendance-result-icon{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:50%;background:#22c55e2e;color:#86efac;font-size:1.25rem;font-weight:800}.attendance-result-card.fail .attendance-result-icon{background:#f8717129;color:#fca5a5}.attendance-result-copy{min-width:0;flex:1}.attendance-result-title{display:block;font-size:.98rem;line-height:1.3;color:#a7f3d0}.attendance-result-card.fail .attendance-result-title{color:#fecaca}.attendance-result-detail,.attendance-result-status{margin-top:4px;font-size:.86rem;line-height:1.35;color:#d4e2f4;overflow-wrap:anywhere}.attendance-result-status{color:#9fb4cc}.gps-info.compact-gps-info{margin:8px 0 12px;padding:10px 12px;border-radius:12px;font-size:.9rem;line-height:1.3;overflow-wrap:anywhere}.section .row{gap:10px}@media (max-width: 480px){.app-header.compact-app-header{padding:8px 10px;gap:8px}.app-brand-icon{width:32px;height:32px;flex-basis:32px;border-radius:9px}.compact-app-header h1{font-size:.98rem}.compact-app-header .subtitle{font-size:.72rem}.compact-app-header .logout-btn{min-height:36px;padding:7px 9px;font-size:.82rem}.video-wrapper.compact-video-wrapper{height:clamp(210px,34vh,290px);min-height:210px;max-height:290px}.compact-video-wrapper .distance-badge{bottom:8px;padding:7px 10px;font-size:.76rem}.attendance-result-card{padding:10px 11px;margin:8px 0}.attendance-result-detail,.attendance-result-status{font-size:.81rem}}.device-recovery-actions{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-top:8px}.device-recovery-actions small{display:block;color:#94a3b8;font-size:.75rem;font-weight:400;line-height:1.35}.recovery-btn{min-height:34px;padding:6px 12px;font-size:.82rem}.logout-icon{display:block;width:18px;height:18px;flex:0 0 18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.compact-app-header{flex-direction:row;align-items:center}.compact-app-header .logout-btn{flex-direction:row;min-width:40px}.video-wrapper.compact-video-wrapper{height:clamp(190px,30vh,270px);min-height:190px;max-height:270px;aspect-ratio:4 / 3}.app>.section{padding-top:12px;padding-bottom:12px}@media (max-width: 560px){.app{gap:10px;padding:8px 9px 20px}.app-header.compact-app-header{flex-direction:row;align-items:center;padding:7px 9px}.compact-app-header .app-brand{flex:1 1 auto}.compact-app-header .logout-btn{width:auto;min-width:38px;min-height:36px;padding:7px 9px}.video-wrapper.compact-video-wrapper{height:clamp(165px,25vh,220px);min-height:165px;max-height:220px;aspect-ratio:4 / 3}.distance-guidance.compact-distance-guidance{min-height:38px;padding:7px 8px;font-size:.78rem}.section h2{margin-top:0;margin-bottom:8px}}.app{width:calc(100% - 24px);max-width:420px;margin-left:auto;margin-right:auto}.video-wrapper.compact-video-wrapper{width:100%;height:clamp(300px,48vh,420px);min-height:300px;max-height:420px;aspect-ratio:auto}.video-wrapper.compact-video-wrapper .video,.video-wrapper.compact-video-wrapper .face-overlay-canvas{width:100%;height:100%;object-fit:cover}@media (max-width: 560px){.app{width:calc(100% - 16px);max-width:400px}.video-wrapper.compact-video-wrapper{height:clamp(280px,45vh,400px);min-height:280px;max-height:400px;aspect-ratio:auto}}.login-card .brand-mark{position:relative;isolation:isolate;overflow:hidden;width:100%;max-width:none;min-height:126px;padding:17px 18px 15px;margin:0 0 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:1px solid rgba(153,246,228,.34);border-radius:18px;color:#f8fafc;text-align:center;background:linear-gradient(135deg,#082f49,#0f766e 58%,#115e59);box-shadow:0 12px 28px #020c1b40,inset 0 1px #ffffff1f;box-sizing:border-box}.login-card .brand-mark:before{content:"";position:absolute;z-index:-1;width:180px;height:180px;right:-88px;top:-112px;border:1px solid rgba(204,251,241,.18);border-radius:50%;box-shadow:0 0 0 18px #ccfbf109,0 0 0 38px #ccfbf106}.login-card .brand-emblem{display:inline-flex;align-items:center;justify-content:center;min-width:48px;min-height:28px;padding:3px 9px;border:1px solid rgba(204,251,241,.52);border-radius:8px;color:#ccfbf1;background:#022c3452;font-size:.8rem;font-weight:900;letter-spacing:.12em;line-height:1}.login-card .brand-title{display:block;margin:0;color:#fff;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;font-size:clamp(1.15rem,4.2vw,1.42rem);font-weight:850;letter-spacing:.025em;line-height:1.2;text-wrap:balance}.login-card .brand-divider{display:block;width:42px;height:3px;border-radius:999px;background:#99f6e4;box-shadow:0 0 12px #99f6e447}.login-card .brand-mark p{margin:0;color:#ccfbf1;font-size:.69rem;font-weight:750;letter-spacing:.19em;line-height:1.45}@media (max-width: 480px){.login-card .brand-mark{min-height:116px;padding:14px 12px;border-radius:15px}.login-card .brand-title{font-size:1.12rem}.login-card .brand-mark p{font-size:.64rem;letter-spacing:.15em}}.app>.status-bar{margin:0;min-height:0;padding:0}.app>.verify-result{margin:8px 0 0;padding:10px 14px;gap:10px;line-height:1.35}.verify-copy{min-width:0;overflow-wrap:anywhere}.verify-detail{margin-top:3px;line-height:1.35}.app>.gps-info{margin-top:8px}.app>.employee-selector+.video-wrapper{margin-top:10px}.app>.video-wrapper+.status-bar{margin-top:8px}.app>.video-wrapper+.verify-result{margin-top:8px}.app>.verify-result+.gps-info{margin-top:8px}.app{gap:8px!important;padding-bottom:16px}.compact-distance-guidance{margin-top:3px!important;margin-bottom:4px!important}.attendance-result-card{margin-top:4px!important;margin-bottom:4px!important;padding:10px 12px;gap:5px}.gps-info.compact-gps-info{margin-top:4px!important;margin-bottom:4px!important;padding:8px 10px}.section{margin-top:4px;margin-bottom:4px}@media (max-width: 480px){.app{gap:6px!important;padding-bottom:12px}.attendance-result-card{margin:3px 0!important;padding:9px 10px}.gps-info.compact-gps-info{margin:3px 0!important;padding:7px 9px}}.duty-section{display:flex;flex-direction:column;gap:10px;min-width:0}.duty-section .row{display:flex;gap:8px;width:100%}.duty-section .row .btn{flex:1;min-width:0}.duty-section .utility-action-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}.duty-section .btn-utility{width:100%;min-width:0;min-height:42px;padding:10px 12px;white-space:normal;border-radius:10px;font-weight:600;font-size:.88rem;cursor:pointer;transition:background .2s ease,box-shadow .2s ease,transform .2s ease}.duty-section .utility-action-buttons .btn-utility:first-child{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:1px solid #2563eb;box-shadow:0 3px 8px #2563eb38}.duty-section .utility-action-buttons .btn-utility:first-child:hover{background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 5px 12px #2563eb52;transform:translateY(-1px)}.duty-section .utility-action-buttons .btn-utility:last-child{background:linear-gradient(135deg,#f87171,#dc2626);color:#fff;border:1px solid #dc2626;box-shadow:0 3px 8px #dc262633}.duty-section .utility-action-buttons .btn-utility:last-child:hover{background:linear-gradient(135deg,#ef4444,#b91c1c);box-shadow:0 5px 12px #dc26264d;transform:translateY(-1px)}.duty-section .utility-action-buttons .btn-utility:focus-visible{outline:3px solid #93c5fd;outline-offset:3px}.duty-section .utility-panel{position:relative;width:100%;min-width:0;box-sizing:border-box;padding:16px 12px 12px;border:1px solid #475569;border-radius:12px;background:#0f172a;overflow-wrap:anywhere}.duty-section .utility-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:32px;margin:0 0 12px}.duty-section .utility-panel-heading h2{margin:0;padding:0;color:#60a5fa;font-size:.85rem;line-height:1.4}.duty-section .utility-panel .btn-close{position:absolute;top:7px;right:7px;display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:none;border-radius:6px;background:transparent;color:#cbd5e1;font-size:25px;line-height:1;cursor:pointer}.duty-section .utility-panel .btn-close:hover{background:#334155;color:#fff}.duty-section .utility-panel .form-stack{display:flex;flex-direction:column;gap:8px;width:100%}.duty-section .utility-panel .select,.duty-section .utility-panel input{width:100%;min-width:0;box-sizing:border-box}.duty-section .utility-panel p{overflow-wrap:anywhere;line-height:1.45}@media (max-width: 480px){.duty-section{gap:8px}.duty-section .utility-action-buttons{gap:7px}.duty-section .btn-utility{padding:10px 6px;font-size:.82rem}.duty-section .utility-panel{padding:14px 10px 10px}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0f172a;color:#e2e8f0;-webkit-font-smoothing:antialiased}