:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172536;background:#f2f5f8;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;background:#f2f5f8}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45;transform:none!important}h1,h2{color:#102b49}h1{margin:0;font-size:clamp(1.55rem,3vw,2.15rem)}h2{margin:0 0 18px;font-size:1.25rem}small{font-size:.78rem;font-weight:500;color:#6c7a8a}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 15% 10%,#e8f3fb 0,transparent 35%),linear-gradient(145deg,#f7f9fb,#e7edf3)}.login-card{width:min(430px,100%);padding:34px;border:1px solid #d9e1e8;border-radius:18px;background:#fff;box-shadow:0 22px 65px #112b4724}.login-logo{display:block;width:180px;max-height:82px;margin:0 auto 18px;object-fit:contain}.login-card h1,.center{text-align:center}.login-card label{margin-top:16px}.wide{width:100%;margin-top:18px}.link-button{display:block;margin:15px auto 0;border:0;background:transparent;color:#1464a0;text-decoration:underline}.app-shell{min-height:100vh;display:grid;grid-template-columns:230px minmax(0,1fr);grid-template-rows:76px minmax(0,1fr)}.app-header{grid-column:1 / -1;position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:11px 24px;border-bottom:1px solid #dbe2e9;background:#fffffff7;box-shadow:0 2px 12px #112b470d}.app-header>img{width:155px;max-height:52px;object-fit:contain}.account{display:flex;align-items:center;gap:16px}.account>div{display:flex;flex-direction:column;text-align:right}.account span{color:#647487;font-size:.78rem}.side-nav{padding:22px 14px;background:linear-gradient(180deg,#173e68,#102b49 80%)}.side-nav button{width:100%;min-height:45px;margin:0 0 7px;padding:11px 13px;border:0;border-radius:9px;background:transparent;color:#dce9f5;text-align:left;font-weight:700}.side-nav button:hover{background:#ffffff17;color:#fff}.side-nav button.active{background:#1680ce;color:#fff;box-shadow:0 8px 22px #00234447}.content{min-width:0;padding:28px}.page-title{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:22px}.page-title p{margin:5px 0 0;color:#657588}.page-title label{min-width:170px}.card{margin:0 0 22px;padding:24px;border:1px solid #dce3ea;border-radius:14px;background:#fff;box-shadow:0 8px 26px #142d480e}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:22px}.stats-grid.compact{margin:0 0 18px}.stat{min-width:0;padding:18px;border:1px solid #dce3ea;border-radius:12px;background:#fff;box-shadow:0 5px 16px #142d480b}.stat span{display:block;margin-bottom:7px;color:#657588;font-size:.8rem}.stat b{display:block;font-size:clamp(1.25rem,2vw,1.65rem);color:#102b49}.stat small{display:block;margin-top:5px}label{display:flex;flex-direction:column;gap:7px;color:#35485d;font-size:.82rem;font-weight:750}input,select,textarea{width:100%;min-height:43px;padding:10px 12px;border:1px solid #c9d4df;border-radius:8px;background:#fff;color:#172536;outline:none}textarea{min-height:78px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#1a6baa;box-shadow:0 0 0 3px #1a6baa21}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:16px;align-items:end}.span-2{grid-column:span 2}.primary,.secondary,.approve,.danger{min-height:42px;padding:10px 16px;border:1px solid transparent;border-radius:8px;font-weight:750;transition:.15s ease}.primary{background:#173f6d;color:#fff}.primary:hover{background:#0e3158;transform:translateY(-1px)}.secondary{border-color:#c6d1dd;background:#fff;color:#173f6d}.secondary:hover{background:#edf3f8}.approve{background:#157b43;color:#fff}.danger{background:#bf3040;color:#fff}.small{min-height:34px;padding:7px 10px;border-radius:7px;font-size:.78rem}.actions{display:flex;flex-wrap:wrap;gap:7px}.top-gap{margin-top:16px}.delete-warning{align-self:center;color:#a9202d;font-size:.8rem;font-weight:750}.clock-head{display:flex;justify-content:space-between;align-items:flex-start;gap:22px}.clock-head h2{margin-bottom:4px}.clock-head>label{width:min(330px,100%)}.big-time{font-size:clamp(2.7rem,6vw,4.3rem);font-weight:800;letter-spacing:.02em;color:#102b49}.clock-head p{margin:2px 0 0;color:#647487}.stamp-grid{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:11px;margin-top:24px}.stamp{min-height:57px;padding:10px;border:0;border-radius:9px;color:#fff;font-weight:800;box-shadow:0 5px 12px #142d4821}.green{background:#168b48}.blue{background:#1675bd}.amber{background:#a75b08}.red{background:#c83240}.privacy-note{margin:16px 0 0;padding-top:14px;border-top:1px solid #e5eaf0;color:#647487;font-size:.78rem}.table-wrap{width:100%;overflow-x:auto;border:1px solid #dfe6ec;border-radius:10px}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:12px 13px;border-bottom:1px solid #e6ebf0;text-align:left;vertical-align:middle;white-space:nowrap}th{background:#f4f7fa;color:#435469;font-size:.7rem;font-weight:850;text-transform:uppercase;letter-spacing:.035em}td{font-size:.82rem}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#f9fbfc}.wrap-cell{min-width:250px;max-width:420px;white-space:normal}.voided{color:#738091;text-decoration:line-through;background:#f5f6f7}.block{display:block;margin-top:3px}.toolbar{display:flex;flex-wrap:wrap;align-items:end;gap:11px}.toolbar label{min-width:155px}.notice{margin:15px 0;padding:12px 14px;border-radius:8px;font-weight:650}.notice.success{border:1px solid #a9dec0;background:#edf9f2;color:#126c39}.notice.error{border:1px solid #edb2b7;background:#fff0f1;color:#a9202d}.muted{color:#68798b;font-size:.85rem}.pill{display:inline-block;padding:5px 8px;border-radius:999px;background:#e9eef3;color:#485b6f;font-size:.72rem;font-weight:800}.pill.approved{background:#e2f5e9;color:#176b3a}.pill.pending{background:#fff1d8;color:#855006}.pill.rejected{background:#fde5e7;color:#9b2430}.admin-list{display:grid;gap:10px}.reset-card{border-color:#8eb8db;background:#f7fbff}.admin-item{border:1px solid #dce3ea;border-radius:10px;overflow:hidden}.admin-item summary{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:15px;background:#f7f9fb;cursor:pointer}.admin-item summary span{color:#647487;font-size:.8rem}.admin-item>.form-grid,.admin-item>.actions{margin:18px}.tag-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.tag-list span{padding:7px 10px;border-radius:8px;background:#edf3f8;font-size:.8rem}@media(max-width:1180px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}.stamp-grid{grid-template-columns:repeat(3,minmax(130px,1fr))}}@media(max-width:780px){.app-shell{display:block}.app-header{position:static;padding:10px 14px}.app-header>img{width:118px}.account>div{display:none}.side-nav{display:flex;gap:7px;overflow-x:auto;padding:10px}.side-nav button{width:auto;flex:0 0 auto;min-height:40px;margin:0;white-space:nowrap}.content{padding:14px}.page-title{align-items:flex-start;flex-direction:column}.card{padding:17px}.stats-grid,.form-grid,.stamp-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.clock-head{flex-direction:column}.clock-head>label{width:100%}.stamp{min-height:52px}th,td{padding:10px}.login-card{padding:25px 20px}}@media(max-width:420px){.stats-grid{gap:10px}.stat{padding:14px}.toolbar>*{width:100%}.actions{flex-direction:column}}