.dept17-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.dept17-card{background:#fff;border:1px solid #d9e4ec;border-radius:18px;padding:26px;box-shadow:0 8px 26px #183a4d07}.dept17-card h2{margin:12px 0;font-size:21px}.dept17-card p{color:#677e91;font-size:13px;line-height:1.7}.dept17-card-actions{display:grid;gap:12px;margin-top:24px}.dept17-card-actions>a:last-child{font-size:12px}.dept17-mini-register{display:flex;align-items:center;justify-content:center;background:#e9f5f4;color:#176877;width:55px;height:55px;border-radius:12px;font-size:30px;margin-bottom:22px}.dept17-mini-register span{font-size:18px}.dept17-board-nav{display:flex;gap:20px;margin:20px 0 26px}.clock17-page{margin:0;background:#edf2f5;color:#18384b;font:15px/1.6 "Segoe UI",Arial,sans-serif}.clock17-page *{box-sizing:border-box}.clock17-top{display:flex;align-items:center;justify-content:space-between;gap:22px;background:#fff;padding:20px max(24px,calc((100vw - 1280px)/2));border-bottom:1px solid #dbe4ea}.clock17-brand{font-size:27px;font-weight:800;letter-spacing:-1.5px;text-decoration:none;color:#17384d}.clock17-brand span{color:#db9b2e}.clock17-top>div{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:.09em;color:#547182}.clock17-top>a:last-child:not(:first-child){color:#176c7a;font-size:13px;font-weight:650}.clock17-status-dot{background:#13a68b;width:7px;height:7px;border-radius:50%}.clock17-main{max-width:1280px;margin:auto;padding:38px 28px 65px}.clock17-heading>span{color:#527b8b;letter-spacing:.18em;font-size:11px;font-weight:700}.clock17-heading h1{font-size:clamp(30px,4vw,42px);letter-spacing:-1.3px;font-weight:750;margin:8px 0}.clock17-heading p{color:#687e8d;font-size:13px}.clock17-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:38px;align-items:start;margin-top:30px}.clock17-machine{background:linear-gradient(145deg,#274859,#183444);border:1px solid #345365;border-radius:26px 26px 18px 18px;padding:23px 24px 0;box-shadow:0 14px 0 #102a37,0 28px 45px #17374420;position:relative}.clock17-machine-top{display:flex;justify-content:space-between;align-items:center;color:#a7bcc8;font-size:10px;font-weight:700;letter-spacing:.15em;margin:0 4px 17px}.clock17-led{width:8px;height:8px;border-radius:50%;background:#69e3bf;box-shadow:0 0 12px #61d5b688}.clock17-screen{border:7px solid #112c3c;background:linear-gradient(135deg,#f0fbfa,#d5eceb);border-radius:14px;color:#154b55;min-height:290px;padding:17px 23px;box-shadow:inset 0 2px 7px #103b4720}.clock17-screen-meta{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.15em;font-weight:700;color:#4c8589}.clock17-screen-meta time{font-variant-numeric:tabular-nums;font-size:12px;letter-spacing:.09em}.clock17-prompt{text-align:center;padding-top:26px}.clock17-prompt h2{font-size:27px;font-weight:750;letter-spacing:-.7px;margin:17px 0 10px}.clock17-prompt p{font-size:13px;color:#547d83;line-height:1.7;margin-bottom:15px}.clock17-card-icon{margin:auto;width:79px;height:48px;border:2px solid #347985;border-radius:6px;transform:rotate(-8deg);position:relative}.clock17-card-icon span{position:absolute;left:10px;top:11px;width:16px;height:16px;border-radius:50%;background:#7eb7b9}.clock17-card-icon i{position:absolute;left:8px;top:29px;width:21px;height:8px;background:#7eb7b9;border-radius:8px 8px 0 0}.clock17-card-icon b{position:absolute;right:9px;top:8px;font-size:26px;line-height:1}.clock17-form{margin:22px 0 0}.clock17-form label{font-size:10px;color:#a9c1ce;letter-spacing:.14em;font-weight:700;margin-bottom:8px}.clock17-slot{display:flex;align-items:center;gap:12px;background:#102b3a;border:1px solid #496370;border-radius:10px;padding:0 14px;box-shadow:inset 0 3px 7px #0003}.clock17-slot span{font-size:25px;color:#7fa1af}.clock17-slot input{background:transparent;border:0;color:#eaf5fa;min-height:50px;width:100%;font-size:13px;outline:none;min-width:0}.clock17-slot input::placeholder{color:#94acb9}.clock17-slot:focus-within{outline:3px solid #2fa79255;border-color:#71cdbd}.clock17-main-button{width:100%;display:flex;align-items:center;justify-content:space-between;border:1px solid #53cfb8;background:linear-gradient(#279d8b,#188575);border-radius:10px;min-height:52px;padding:13px 17px;color:white;font-size:15px;font-weight:700;margin-top:14px;box-shadow:0 4px 0 #0d594f;cursor:pointer}.clock17-main-button:active{transform:translateY(2px)}.clock17-keypad{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:20px 0}.clock17-keypad button{background:#365568;color:#e8f0f6;border:1px solid #587484;border-radius:8px;min-height:45px;padding:8px 4px;box-shadow:0 3px 0 #102b3a;font-size:11px;font-weight:600;cursor:pointer}.clock17-keypad button:hover{background:#45697c}.clock17-camera-tools{display:flex;justify-content:center;gap:15px;flex-wrap:wrap;margin-bottom:12px}.clock17-camera-tools button{color:#c4e2e4;background:transparent;border:0;font-size:12px;text-decoration:underline;cursor:pointer}.clock17-camera-message{font-size:12px;color:#d5e8ed;text-align:center;line-height:1.6}.clock17-machine video{width:100%;border-radius:12px;margin:10px 0}.clock17-machine-base{margin:18px -24px 0;padding:17px 24px 12px;background:linear-gradient(#132d3b,#203b4c);border-top:1px solid #385362;border-radius:0 0 18px 18px;text-align:center}.clock17-machine-base>span:last-child{color:#7394a6;font-size:8px;letter-spacing:.15em}.clock17-drawer-slot{display:block;width:80%;height:7px;margin:0 auto 13px;background:#0b202c;border-radius:5px;box-shadow:0 1px 0 #55708066}.clock17-receipt{text-align:center;padding-top:30px}.clock17-success{font-size:10px;letter-spacing:.08em;font-weight:800;color:#167866}.clock17-receipt h2{font-size:33px;font-weight:800;margin:19px 0 9px}.clock17-receipt p{margin:4px 0;font-size:18px;font-weight:650}.clock17-receipt small{color:#5c8186}.clock17-error{background:#fff0e6;border:1px solid #f2c5a3;color:#914527;border-radius:9px;padding:12px 14px;margin-top:16px;font-size:13px;line-height:1.6}.clock17-roster{background:#fff;border:1px solid #dbe5eb;border-radius:20px;overflow:hidden}.clock17-roster>header{padding:26px 26px 20px;border-bottom:1px solid #e1e9ef}.clock17-roster header>span{font-size:10px;font-weight:750;letter-spacing:.13em;color:#5a8992}.clock17-roster h2{font-size:24px;font-weight:750;letter-spacing:-.6px;margin:10px 0}.clock17-roster header p{font-size:12px;color:#718593;line-height:1.7}.clock17-roster-list{padding:7px 24px}.clock17-roster article{display:flex;gap:22px;padding:22px 0;border-bottom:1px solid #e6edf2}.clock17-roster article:last-child{border:0}.clock17-roster-time{display:grid;align-content:center;justify-items:center;min-width:75px;color:#246776;font-size:13px;background:#eff6f7;border-radius:10px;padding:10px}.clock17-roster-time strong{font-weight:700}.clock17-roster-time span{color:#7fa6ad;font-size:12px}.clock17-roster h3{font-size:16px;font-weight:700;margin:6px 0 10px}.clock17-roster article p{font-size:12px;color:#5e7b8c;margin:8px 0}.clock17-roster article small{font-size:11px;color:#8093a0}.clock17-extra{color:#8d601d;background:#fff1d6;border-radius:6px;padding:4px 7px;font-size:10px;font-weight:700}.clock17-roster footer{padding:24px 26px;background:#f8fbfc;border-top:1px solid #e3ecf1}.clock17-roster footer strong{font-size:13px}.clock17-roster footer p{font-size:12px;color:#6c8393;line-height:1.8;margin-top:10px}.clock17-roster footer a{font-size:12px;color:#176c7a}.clock17-empty{padding:30px 8px;font-size:13px;color:#6a8391}.clock17-empty h3{font-size:16px}[hidden]{display:none!important}@media(max-width:1100px){.dept17-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:850px){.clock17-layout{grid-template-columns:1fr;gap:40px}.clock17-main{padding:28px 18px 50px}.clock17-top{padding:16px 18px;flex-wrap:wrap;gap:12px}.clock17-top>div{font-size:8px}.dept17-grid{grid-template-columns:1fr}}@media(max-width:450px){.clock17-machine{padding:18px 16px 0;border-radius:21px 21px 16px 16px}.clock17-machine-base{margin-left:-16px;margin-right:-16px;padding:16px}.clock17-screen{padding:14px 13px;min-height:275px}.clock17-screen-meta{font-size:8px}.clock17-keypad{gap:7px;grid-template-columns:repeat(2,minmax(0,1fr))}.clock17-keypad button{min-height:44px}.clock17-slot input{font-size:11px}.clock17-heading h1{font-size:30px}.clock17-roster>header,.clock17-roster footer{padding:22px}.clock17-roster-list{padding:3px 18px}}

body nav.att16-toolbar a.dept17-clock-link{background:#e4f5f1!important;color:#126b61!important;padding:8px 12px!important;border-radius:8px;font-weight:750!important}