html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input,button,select,textarea{font-family:inherit;font-size:inherit}:root{--color-bg: #f7f7f8;--color-bg-elevated: #ffffff;--color-surface: #ffffff;--color-surface-hover: #f0f0f2;--color-border: #d8d9de;--color-border-subtle: #e8e9ed;--color-accent: #c9872e;--color-accent-dim: #a87025;--color-accent-glow: rgba(201, 135, 46, .14);--color-accent-soft: rgba(201, 135, 46, .07);--color-success: #3a9e5c;--color-success-dim: rgba(58, 158, 92, .1);--color-warning: #d97706;--color-danger: #d14d40;--color-danger-dim: rgba(209, 77, 64, .1);--color-info: #3b7fc4;--color-info-dim: rgba(59, 127, 196, .1);--color-text: #1a1d23;--color-text-secondary: #50545e;--color-text-muted: #8b8e96;--color-text-inverse: #ffffff;--font-body: "DM Sans", system-ui, -apple-system, sans-serif;--font-display: "Instrument Serif", Georgia, serif;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .9375rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.25rem;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-tight: 1.2;--leading-normal: 1.5;--leading-loose: 1.7;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.04);--shadow-lg: 0 10px 30px rgba(0,0,0,.1), 0 4px 10px rgba(0,0,0,.06);--shadow-glow: 0 0 20px rgba(201, 135, 46, .12);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .12s;--duration-normal: .2s;--duration-slow: .35s;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1400px;--max-width: 1280px;--min-tap-target: 44px;--backdrop-blur: blur(16px);--glass-bg: rgba(255, 255, 255, .85);--glass-border: rgba(216, 217, 222, .6);--z-dropdown: 100;--z-modal: 200;--z-toast: 300}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text);line-height:var(--leading-normal);font-size:var(--text-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--weight-medium);line-height:var(--leading-tight)}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit;font-size:inherit;transition:all var(--duration-normal) var(--ease-out)}input,select,textarea{font-family:inherit;font-size:inherit;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);width:100%;outline:none;transition:all var(--duration-normal) var(--ease-out);background-color:var(--color-bg-elevated);color:var(--color-text)}input:focus,select:focus,textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow)}.page-enter{animation:fadeIn var(--duration-slow) var(--ease-out) forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.app-container{min-height:100vh;display:flex;flex-direction:column;width:100%;max-width:var(--max-width);margin:0 auto;background-color:var(--color-bg-elevated);position:relative;transition:all var(--duration-normal) var(--ease-out)}button:active,.portal-card:active,.pin-key:active{transform:scale(.97)}@media(min-width:768px){body{padding:var(--space-6) var(--space-4)}.app-container{min-height:calc(100vh - var(--space-12));width:calc(100% - var(--space-8));border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--color-border-subtle);padding-bottom:0}}@media(max-width:767px){.app-container{min-height:100vh;border-radius:0;box-shadow:none;border:none}}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--max-width);height:64px;background-color:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--color-border-subtle);display:flex;justify-content:space-around;align-items:center;z-index:var(--z-dropdown);box-shadow:0 -4px 10px #00000008}.nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;font-size:10px;color:var(--color-text-muted);font-weight:var(--weight-medium);gap:4px}.nav-btn svg{width:20px;height:20px;stroke-width:1.8}.nav-btn.active{color:var(--color-accent)}.nav-btn:hover{color:var(--color-accent-dim)}.toast-container{position:fixed;top:24px;left:50%;transform:translate(-50%);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2);width:90%;max-width:360px;pointer-events:none}.toast{background-color:var(--color-text);color:var(--color-text-inverse);padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--weight-medium);box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:var(--space-3);animation:slideDown var(--duration-normal) var(--ease-spring) forwards;pointer-events:auto}.toast.success{border-left:4px solid var(--color-success)}.toast.error{border-left:4px solid var(--color-danger)}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.portal-page{padding:var(--space-8) var(--space-4);display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;min-height:100vh;width:100%}@media(min-width:768px){.portal-page{padding:var(--space-12) var(--space-8)}}.portal-header{margin-bottom:var(--space-8);max-width:600px}.portal-header h1{font-size:var(--text-2xl);color:var(--color-text);margin-bottom:var(--space-2)}@media(min-width:768px){.portal-header h1{font-size:var(--text-3xl)}}.portal-header h1 span{color:var(--color-accent)}.portal-header p{color:var(--color-text-muted);font-size:var(--text-sm)}@media(min-width:768px){.portal-header p{font-size:var(--text-base)}}.portal-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4);width:100%;max-width:1080px;margin:0 auto}@media(min-width:768px){.portal-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-6)}}.portal-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-5);text-align:left;transition:all var(--duration-normal) var(--ease-out);box-shadow:var(--shadow-sm);display:flex;flex-direction:row;align-items:center;gap:var(--space-4);position:relative;overflow:hidden;width:100%;cursor:pointer}@media(min-width:768px){.portal-card{flex-direction:column;align-items:flex-start;padding:var(--space-8) var(--space-6);height:100%}}.portal-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background-color:var(--color-accent);opacity:0;transition:opacity var(--duration-normal) var(--ease-out)}@media(min-width:768px){.portal-card:before{width:100%;height:4px}}.portal-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-accent)}.portal-card:hover:before{opacity:1}.portal-icon{background-color:var(--color-accent-soft);color:var(--color-accent);padding:var(--space-3);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--duration-normal) var(--ease-out)}.portal-card:hover .portal-icon{background-color:var(--color-accent);color:var(--color-text-inverse);transform:scale(1.08)}.portal-icon svg{width:24px;height:24px;stroke-width:1.8}@media(min-width:768px){.portal-icon svg{width:28px;height:28px}}.portal-info h3{font-size:var(--text-base);margin-bottom:2px;color:var(--color-text);font-weight:var(--weight-semibold)}@media(min-width:768px){.portal-info h3{font-size:var(--text-lg);margin-bottom:var(--space-2)}}.portal-info p{color:var(--color-text-secondary);font-size:var(--text-xs);line-height:1.4}@media(min-width:768px){.portal-info p{font-size:var(--text-sm)}}.portal-footer{margin-top:var(--space-10);font-size:var(--text-xs);color:var(--color-text-muted);letter-spacing:.5px}.device-layout{background-color:#0b0d11;color:#f7f7f8;min-height:100vh;display:flex;flex-direction:column;padding:var(--space-6);position:relative;overflow:hidden}.device-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:var(--space-4)}.device-logo{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-medium);color:var(--color-accent)}.device-back-btn{background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font-size:var(--text-xs);display:flex;align-items:center;gap:4px}.device-back-btn:hover{background-color:#ffffff1a}.clock-widget{text-align:center;margin-bottom:var(--space-8)}.clock-time{font-family:var(--font-body);font-size:3.5rem;font-weight:300;letter-spacing:-1px;color:#fff;line-height:1}.clock-date{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-2)}.employee-select-wrapper{margin-bottom:var(--space-8);width:100%}.employee-select-wrapper label{display:block;font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--space-2)}.device-select{background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;font-size:var(--text-base);height:48px;padding:0 var(--space-4);border-radius:var(--radius-md);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:16px}.device-select:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #c9872e33}.device-select option{background-color:#0b0d11;color:#fff}.scanner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;margin-bottom:var(--space-8);position:relative}.scanner-pad{width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,#c9872e0d,#0b0d1133 70%);border:2px dashed rgba(201,135,46,.3);display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:all var(--duration-normal) var(--ease-out)}.scanner-pad:after{content:"";position:absolute;top:-8px;left:-8px;right:-8px;bottom:-8px;border-radius:50%;border:1px solid rgba(201,135,46,.1);animation:pulse-ring 2.5s cubic-bezier(.215,.61,.355,1) infinite}.scanner-pad:hover{border-color:var(--color-accent);transform:scale(1.02)}.scanner-pad svg{width:80px;height:80px;color:var(--color-text-muted);transition:color var(--duration-normal) var(--ease-out)}.scanner-pad:hover svg{color:var(--color-accent)}.scanner-pad.scanning{border-color:var(--color-accent);border-style:solid;animation:scan-glow 1s infinite alternate}.scanner-pad.scanning svg{color:var(--color-accent)}.scanner-beam{position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,transparent,var(--color-accent),transparent);box-shadow:0 0 10px var(--color-accent);opacity:0;pointer-events:none}.scanner-pad.scanning .scanner-beam{opacity:1;animation:laser-slide 1.5s linear infinite}.scanner-instruction{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-4);text-align:center}.scanner-instruction.ready{color:var(--color-accent);animation:pulse-text 1.2s infinite alternate}.employee-status-badge{display:inline-block;padding:6px 12px;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.5px;margin-top:var(--space-2)}.status-in{background-color:var(--color-success-dim);color:var(--color-success);border:1px solid rgba(58,158,92,.2)}.status-out{background-color:var(--color-danger-dim);color:var(--color-danger);border:1px solid rgba(209,77,64,.2)}.scan-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0b0d11f2;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:var(--z-modal);opacity:0;pointer-events:none;transition:opacity var(--duration-normal) var(--ease-out)}.scan-overlay.active{opacity:1;pointer-events:auto}.scan-success-icon{width:80px;height:80px;border-radius:50%;background-color:var(--color-success-dim);color:var(--color-success);display:flex;align-items:center;justify-content:center;border:2px solid var(--color-success);margin-bottom:var(--space-4);transform:scale(.8);transition:transform var(--duration-slow) var(--ease-spring)}.scan-overlay.active .scan-success-icon{transform:scale(1)}.scan-success-title{font-size:var(--text-2xl);font-family:var(--font-display);color:#fff;margin-bottom:var(--space-2)}.scan-success-details{font-size:var(--text-base);color:var(--color-text-muted);text-align:center}@keyframes pulse-ring{0%{transform:scale(.95);opacity:.8}50%{opacity:.3}to{transform:scale(1.15);opacity:0}}@keyframes scan-glow{0%{box-shadow:0 0 10px #c9872e33}to{box-shadow:0 0 30px #c9872e99}}@keyframes laser-slide{0%{top:5%}50%{top:95%}to{top:5%}}@keyframes pulse-text{0%{opacity:.6}to{opacity:1}}@media(max-width:767px){.device-layout{padding:var(--space-4)}.clock-time{font-size:2.75rem}.device-select{height:52px;font-size:16px}.scanner-pad{width:180px;height:180px}}@media(min-width:768px){.device-layout{padding:var(--space-10) var(--space-12)}.clock-time{font-size:4.5rem}.scanner-pad{width:220px;height:220px}.scanner-pad svg{width:100px;height:100px}}@media(min-width:1024px){.device-layout{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr auto;column-gap:var(--space-12);row-gap:var(--space-6);align-content:center}.device-header{grid-column:1 / -1;margin-bottom:var(--space-4)}.clock-widget{grid-column:1 / 2;text-align:left;margin-bottom:var(--space-6);align-self:end}.employee-select-wrapper{grid-column:1 / 2;margin-bottom:0;align-self:start;max-width:440px}.scanner-container{grid-column:2 / 3;grid-row:2 / 4;margin-bottom:0;justify-content:center;border-left:1px solid rgba(255,255,255,.08);padding-left:var(--space-12)}}.admin-page{padding:var(--space-6)}.admin-header{margin-bottom:var(--space-6);display:flex;justify-content:space-between;align-items:center}.admin-header h1{font-size:var(--text-2xl);color:var(--color-text)}.admin-header h1 span{color:var(--color-accent)}.admin-back-btn{background-color:var(--color-bg);border:1px solid var(--color-border-subtle);color:var(--color-text-secondary);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font-size:var(--text-xs);display:flex;align-items:center;gap:4px}.admin-back-btn:hover{background-color:var(--color-surface-hover)}.admin-tabs{display:flex;border-bottom:1px solid var(--color-border-subtle);margin-bottom:var(--space-6);gap:var(--space-4);overflow-x:auto}.admin-tab{padding:var(--space-3) 0;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-muted);border-bottom:2px solid transparent;white-space:nowrap}.admin-tab:hover{color:var(--color-text)}.admin-tab.active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.tab-panel{display:none}.tab-panel.active{display:block;animation:fadeIn var(--duration-normal) var(--ease-out) forwards}.admin-card{background-color:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm);margin-bottom:var(--space-5)}.admin-card-title{font-size:var(--text-base);font-weight:var(--weight-semibold);margin-bottom:var(--space-4);color:var(--color-text);display:flex;justify-content:space-between;align-items:center}.form-group{margin-bottom:var(--space-4)}.form-group label{display:block;font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.btn-primary{background-color:var(--color-accent);color:var(--color-text-inverse);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-medium);width:100%;text-align:center}.btn-primary:hover{background-color:var(--color-accent-dim)}.btn-secondary{background-color:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text-secondary);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-medium);width:100%;text-align:center}.btn-secondary:hover{background-color:var(--color-surface-hover)}.btn-danger{background-color:var(--color-danger-dim);color:var(--color-danger);border:1px solid rgba(209,77,64,.2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-medium)}.btn-danger:hover{background-color:var(--color-danger);color:var(--color-text-inverse)}.flex-row{display:flex;gap:var(--space-4)}.flex-row>*{flex:1}.employee-list{display:flex;flex-direction:column;gap:var(--space-3)}.employee-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background-color:var(--color-bg-elevated)}.employee-meta h4{font-size:var(--text-base);color:var(--color-text);margin-bottom:2px}.employee-meta p{font-size:var(--text-xs);color:var(--color-text-muted)}.employee-actions{display:flex;gap:var(--space-2)}.btn-action{font-size:var(--text-xs);padding:6px 12px;border-radius:var(--radius-sm);border:1px solid var(--color-border);color:var(--color-text-secondary)}.btn-action:hover{background-color:var(--color-surface-hover);border-color:var(--color-text-muted)}.btn-action.primary{background-color:var(--color-accent-soft);color:var(--color-accent);border-color:#c9872e33}.btn-action.primary:hover{background-color:var(--color-accent);color:var(--color-text-inverse)}.table-wrapper{overflow-x:auto;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);margin-bottom:var(--space-4);background-color:var(--color-bg-elevated)}table{width:100%;border-collapse:collapse;text-align:left;font-size:var(--text-sm)}th{background-color:var(--color-bg);color:var(--color-text-secondary);font-weight:var(--weight-semibold);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-subtle)}td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-subtle);color:var(--color-text);vertical-align:middle}tr:last-child td{border-bottom:none}.badge{display:inline-block;padding:2px 6px;border-radius:4px;font-size:11px;font-weight:var(--weight-medium)}.badge.danger{background-color:var(--color-danger-dim);color:var(--color-danger)}.badge.success{background-color:var(--color-success-dim);color:var(--color-success)}.badge.warning{background-color:#d977061a;color:var(--color-warning)}.badge.info{background-color:var(--color-info-dim);color:var(--color-info)}.report-period-selector{display:flex;gap:var(--space-4);align-items:center;margin-bottom:var(--space-5);flex-wrap:wrap}.report-period-selector select{width:auto;min-width:240px}.report-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.summary-tile{background-color:var(--color-bg);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-4)}.summary-tile-label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.summary-tile-value{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-text)}.report-employee-card{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);margin-bottom:var(--space-4);overflow:hidden}.report-employee-header{background-color:var(--color-bg);padding:var(--space-3) var(--space-4);display:flex;justify-content:space-between;align-items:center;cursor:pointer;border-bottom:1px solid var(--color-border-subtle)}.report-employee-header:hover{background-color:var(--color-border-subtle)}.report-employee-details{padding:var(--space-4);background-color:var(--color-bg-elevated)}.pin-dialog-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0b0d11b3;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal)}.pin-dialog{background-color:var(--color-bg-elevated);border-radius:var(--radius-lg);padding:var(--space-6);width:90%;max-width:340px;box-shadow:var(--shadow-lg);text-align:center}.pin-dialog h3{font-size:var(--text-lg);margin-bottom:var(--space-2)}.pin-dialog p{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-4)}.pin-input-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2);margin-top:var(--space-4)}.pin-key{height:50px;background-color:var(--color-bg);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);font-size:var(--text-lg);font-weight:var(--weight-bold);display:flex;align-items:center;justify-content:center}.pin-key:hover{background-color:var(--color-surface-hover)}.pin-dots{display:flex;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-4);height:12px}.pin-dot{width:12px;height:12px;border-radius:50%;border:1px solid var(--color-border)}.pin-dot.filled{background-color:var(--color-accent);border-color:var(--color-accent)}@media(max-width:767px){.admin-page{padding:var(--space-4)}.admin-header h1{font-size:var(--text-xl)}.admin-tabs{gap:var(--space-3);padding-bottom:2px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.admin-tabs::-webkit-scrollbar{display:none}.admin-tab{font-size:var(--text-xs);padding:var(--space-2) var(--space-2)}.table-wrapper{margin-left:-var(--space-4);margin-right:-var(--space-4);border-left:none;border-right:none;border-radius:0;-webkit-overflow-scrolling:touch}table{min-width:500px}.pin-key{height:60px;font-size:1.5rem}}@media(min-width:768px){.admin-page{padding:var(--space-8) var(--space-10)}.admin-header{margin-bottom:var(--space-8)}.admin-header h1{font-size:var(--text-3xl)}.admin-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-8);margin-bottom:var(--space-6)}.report-summary-grid{grid-template-columns:repeat(4,1fr);gap:var(--space-6)}.summary-tile{background:var(--glass-bg);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-6)}.summary-tile-value{font-size:var(--text-2xl)}.pin-dialog{max-width:400px;padding:var(--space-8)}.pin-key{height:56px;font-size:1.25rem}}@media(min-width:1024px){.table-wrapper{box-shadow:var(--shadow-sm);border-radius:var(--radius-lg)}table{font-size:var(--text-base)}th,td{padding:var(--space-4) var(--space-6)}}