:root{--blue-950: #001233;--blue-900: #001a5e;--blue-800: #002a86;--blue: #003DA5;--teal: #37A3BA;--teal-deep:#3F9596;--green: #3C8B1A;--green-deep:#2f6d14;--sage: #71A07A;--ink: #16233d;--ink-soft: #4d5771;--muted: #8a93a8;--line: rgba(0, 61, 165, .12);--line-soft: rgba(0, 61, 165, .08);--surface: #ffffff;--surface-2: #f5f8fe;--surface-3: #eef3fc;--grad-brand: linear-gradient(120deg, #003DA5 0%, #1f76b6 55%, #37A3BA 100%);--grad-sidebar: linear-gradient(190deg, #002a86 0%, #001a5e 60%, #001233 100%);--grad-soft: linear-gradient(160deg, #f7faff 0%, #eef3fc 100%);--shadow-sm: 0 2px 8px rgba(0, 26, 94, .06);--shadow-md: 0 12px 30px rgba(0, 26, 94, .1);--shadow-lg: 0 24px 52px rgba(0, 26, 94, .16);--radius-sm: 12px;--radius: 18px;--radius-lg: 26px;--purple-dark: #001a5e;--purple-mid: #002a86;--purple-main: #003DA5;--purple-light: #37A3BA;--purple-accent: #a8cfff;--sidebar-w: 256px;--sidebar-w-collapsed: 76px;--sidebar-tr: .28s cubic-bezier(.4, 0, .2, 1);font-family:Inter,Segoe UI,system-ui,sans-serif;color:var(--ink);background:radial-gradient(1100px 620px at 100% -5%,rgba(55,163,186,.1),transparent 60%),radial-gradient(900px 560px at -5% 0%,rgba(0,61,165,.09),transparent 55%),linear-gradient(180deg,#f7faff,#eef3fc);line-height:1.55;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}html{background:#eef3fc}body{min-height:100vh}h1,h2,h3,h4{font-family:Sora,Inter,sans-serif;color:var(--ink);letter-spacing:-.015em}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.home-page{min-height:100vh;padding:40px clamp(16px,5vw,56px);max-width:1280px;margin:0 auto}.top-brand-bar,.app-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.header-actions,.home-actions{display:inline-flex;gap:10px;align-items:center}.top-brand-bar{padding:16px 22px;background:#ffffffb8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.brand-link{display:inline-flex;align-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.brand-logo{width:76px;height:76px;object-fit:contain;display:block;transition:transform .2s cubic-bezier(.2,.8,.2,1)}.brand-link:hover .brand-logo{transform:translateY(-2px) scale(1.03)}.brand-text{font-family:Sora,sans-serif;font-weight:700;color:var(--blue);font-size:1.1rem}.brand-title{margin-left:20px;display:flex;align-items:center}.brand-group{display:flex;align-items:center;gap:22px}.brand-mark{display:flex;align-items:center;gap:14px;flex-shrink:0}.brand-kicker,.section-label{margin:0 0 6px;font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--teal-deep)}.home-hero{max-width:1120px;margin:36px auto 0;display:grid;grid-template-columns:1fr;gap:24px;align-items:center}.home-dashboard{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.9fr);gap:24px;align-items:start}.route-panel{grid-column:1 / -1;max-width:1120px;margin:0 auto}.hero-copy,.hero-card,.overview-panel,.form-card,.side-note{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-md)}.hero-copy{border-radius:var(--radius-lg);padding:clamp(30px,5vw,52px);text-align:center;position:relative;overflow:hidden;background:radial-gradient(600px 300px at 50% -30%,rgba(55,163,186,.12),transparent 70%),var(--surface)}.hero-copy:before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:var(--grad-brand)}.hero-copy .primary-button{display:inline-flex;width:max-content;margin:30px auto 0;padding:16px 34px;font-size:1.02rem}@media (max-width: 640px){.hero-copy .primary-button{width:100%;padding:14px 18px}}.hero-copy h2,.overview-panel h2,.form-card h2,.form-card h3,.side-note h3{margin-top:0}.hero-copy h2{font-size:clamp(2rem,4.5vw,3.4rem);line-height:1.05;margin-bottom:14px;color:var(--blue-900)}.hero-copy p{color:var(--ink-soft);max-width:620px;margin:0 auto;font-size:1.05rem}.hero-stats{display:flex;gap:18px;margin-top:30px;justify-content:center;align-items:stretch;flex-wrap:wrap}.mini-stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px 26px;min-width:130px;text-align:center;box-shadow:var(--shadow-sm);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.mini-stat:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);border-color:#37a3ba73}.stat-number{display:block;font-family:Sora,sans-serif;font-size:1.7rem;font-weight:800;background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.stat-label{display:block;margin-top:6px;font-size:.86rem;font-weight:500;color:var(--muted)}.pill{display:inline-flex;align-items:center;border-radius:999px;padding:7px 16px;background:#003da51a;color:var(--blue);font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;width:max-content}.pill.soft{background:#003da51a;color:var(--blue)}.pill.alt{background:#3f959624;color:var(--teal-deep)}.primary-button,.secondary-button,.ghost-button,.menu-button,.segment,.sidebar-item{border:0;cursor:pointer}.primary-button,.secondary-button,.ghost-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:14px;padding:13px 22px;font-family:Sora,sans-serif;font-weight:600;font-size:.92rem;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,filter .2s ease}.primary-button{background:var(--grad-brand);color:#fff;box-shadow:0 14px 26px #003da547}.primary-button:hover{transform:translateY(-2px);filter:brightness(1.05);box-shadow:0 18px 32px #003da557}.primary-button:active{transform:translateY(0)}.secondary-button{background:#37a3ba1f;color:var(--teal-deep);border:1px solid rgba(55,163,186,.28)}.secondary-button:hover{transform:translateY(-1px);background:#37a3ba33}.ghost-button{background:#003da512;color:var(--blue);border:1px solid var(--line)}.ghost-button:hover{transform:translateY(-1px);background:#003da521}.ghost-button.danger-ghost{background:#dc262614;color:#b91c1c;border-color:#dc26262e}.ghost-button.danger-ghost:hover{transform:translateY(-1px);background:#dc262624}.hero-card{border-radius:var(--radius-lg);padding:24px;display:flex;flex-direction:column;justify-content:space-between}.hero-card-header{display:flex;justify-content:space-between;color:var(--muted);font-size:.95rem}.hero-actions,.action-buttons{display:flex;width:100%;justify-content:center;align-items:center;gap:12px}.hero-card-panel{margin-top:22px;min-height:250px;border-radius:var(--radius);background:var(--grad-soft);padding:24px;display:grid;place-items:center;text-align:center;gap:14px}.hero-icon{width:96px;height:96px;border-radius:28px;background:var(--grad-brand);box-shadow:inset 0 0 0 10px #ffffff4d}.app-shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar-w) 1fr;background:radial-gradient(900px 500px at 100% 0%,rgba(55,163,186,.08),transparent 55%),linear-gradient(180deg,#f7faff,#eef3fc);transition:grid-template-columns var(--sidebar-tr);position:relative}.app-shell.sidebar-collapsed{grid-template-columns:var(--sidebar-w-collapsed) 1fr}.sidebar{width:var(--sidebar-w);min-height:100vh;height:100vh;padding:22px 16px;background:var(--grad-sidebar);border-right:1px solid rgba(255,255,255,.06);box-shadow:0 12px 44px #00144647;position:sticky;top:0;align-self:start;z-index:10;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;transition:width var(--sidebar-tr),padding var(--sidebar-tr)}.sidebar.collapsed{width:var(--sidebar-w-collapsed);padding:22px 10px;align-items:center}.sidebar:after{content:"";position:absolute;top:60px;right:-60px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(55,163,186,.28),transparent 70%);pointer-events:none}.sidebar-brand{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 12px;margin-bottom:20px;border:1px solid rgba(255,255,255,.14);background:#fffffff5;border-radius:var(--radius);box-shadow:0 10px 24px #000a323d;overflow:hidden}.sidebar-brand .brand-logo{width:112px;height:112px;object-fit:contain;flex-shrink:0;transition:width var(--sidebar-tr),height var(--sidebar-tr)}.sidebar.collapsed .sidebar-brand{width:62px;padding:10px 6px}.sidebar.collapsed .sidebar-brand .brand-logo{width:54px;height:54px}.sidebar-brand .brand-logo-secondary{width:130px;height:auto;max-height:84px;opacity:1;transition:opacity var(--sidebar-tr),max-height var(--sidebar-tr)}.sidebar.collapsed .sidebar-brand .brand-logo-secondary{opacity:0;max-height:0;pointer-events:none}.sidebar-nav{display:flex;flex-direction:column;gap:6px;margin-top:4px;flex:1}@keyframes sidebarItemReveal{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.sidebar-item{display:flex;align-items:center;gap:12px;min-height:50px;padding:0 14px;border-radius:14px;color:#e9f0ffd1;font-family:Sora,sans-serif;font-size:.9rem;font-weight:600;white-space:nowrap;overflow:hidden;border:1px solid transparent;background:transparent;transition:background var(--sidebar-tr),color var(--sidebar-tr),border-color var(--sidebar-tr),transform .18s ease,box-shadow .18s ease;position:relative;animation:sidebarItemReveal .34s ease both}.sidebar-item:nth-child(1){animation-delay:.04s}.sidebar-item:nth-child(2){animation-delay:.08s}.sidebar-item:nth-child(3){animation-delay:.12s}.sidebar-item:nth-child(4){animation-delay:.16s}.sidebar-item:hover{background:#ffffff14;color:#fff;transform:translate(3px)}.sidebar-item.active{background:linear-gradient(102deg,var(--blue) 0%,var(--teal) 100%);color:#fff;font-weight:700;border-color:transparent;box-shadow:0 12px 22px #003da559}.sidebar-item:before{content:"";position:absolute;left:6px;top:50%;width:4px;height:0;border-radius:999px;background:linear-gradient(180deg,var(--teal),var(--blue));transform:translateY(-50%);transition:height .2s ease}.sidebar-item:hover:before,.sidebar-item.active:before{height:22px}.nav-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:22px;opacity:.95}.nav-label{flex:1;overflow:hidden;transition:opacity var(--sidebar-tr)}.sidebar.collapsed .nav-label{display:none}.sidebar.collapsed .sidebar-nav{align-items:center;width:100%}.sidebar.collapsed .sidebar-item{justify-content:center;gap:0;padding:0;width:52px;max-width:52px;margin:0 auto;overflow:visible}.sidebar.collapsed .sidebar-item:hover{transform:scale(1.05)}.sidebar.collapsed .sidebar-item:before{display:none}.sidebar.collapsed .sidebar-item:after{content:attr(data-label);position:absolute;left:calc(100% + 14px);top:50%;transform:translateY(-50%) translate(-6px);background:var(--blue-900);color:#fff;font-family:Inter,sans-serif;font-size:.78rem;font-weight:600;padding:6px 12px;border-radius:8px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease;box-shadow:0 6px 18px #00144666;z-index:200}.sidebar.collapsed .sidebar-item:hover:after{opacity:1;transform:translateY(-50%) translate(0)}.collapse-toggle{display:flex;align-items:center;justify-content:center;position:fixed;top:50vh;left:var(--sidebar-w);transform:translate(-50%,-50%);width:28px;height:54px;border-radius:14px;border:1px solid var(--line);background:#fff;color:var(--blue);cursor:pointer;z-index:30;box-shadow:var(--shadow-md);transition:left var(--sidebar-tr),background .2s ease,color .2s ease,box-shadow .2s ease}.collapse-toggle:hover{background:var(--grad-brand);color:#fff;box-shadow:var(--shadow-lg)}.app-shell.sidebar-collapsed .collapse-toggle{left:var(--sidebar-w-collapsed)}.collapse-arrow{font-size:1.4rem;line-height:1;display:block}.sidebar-mobile-header{display:none;justify-content:flex-end;padding:8px 4px 12px}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000a3280;z-index:9;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .3s ease}.sidebar-backdrop.visible{opacity:1;visibility:visible;pointer-events:auto}.menu-button{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;background:#fff;color:var(--blue);border:0;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .2s ease}.menu-button:hover{transform:scale(1.04)}.menu-button.mobile-only{display:none}.hamburger-line{display:block;width:22px;height:2px;background:var(--blue);margin:3px 0;border-radius:2px}.menu-button.close{width:42px;height:42px;padding:0;font-size:1.4rem;line-height:1;color:#fff;background:#ffffff24;border:1px solid rgba(255,255,255,.22);box-shadow:none}.menu-button.close:hover{background:#ffffff3d}@media (max-width: 900px){.app-shell,.app-shell.sidebar-collapsed{grid-template-columns:1fr}.sidebar{position:fixed;top:0;left:0;width:min(280px,84vw)!important;height:100vh;transform:translate(-100%);opacity:0;visibility:hidden;z-index:50;overflow-y:auto;transition:transform var(--sidebar-tr),opacity var(--sidebar-tr),visibility var(--sidebar-tr)}.sidebar.open{transform:translate(0);opacity:1;visibility:visible}.sidebar.collapsed{width:min(280px,84vw)!important;padding:0 16px 20px;align-items:stretch}.sidebar.collapsed .nav-label{display:block;opacity:1}.sidebar.collapsed .sidebar-item{justify-content:flex-start;padding:0 14px;width:100%;max-width:none;margin:0}.sidebar.collapsed .sidebar-brand{width:100%;padding:16px 12px}.sidebar.collapsed .sidebar-brand .brand-logo{width:112px;height:112px}.sidebar.collapsed .sidebar-brand .brand-logo-secondary{opacity:1;max-height:84px}.sidebar.collapsed .sidebar-item:after{display:none}.collapse-toggle{display:none}.sidebar-mobile-header{display:flex}.menu-button.mobile-only{display:inline-flex;position:fixed;top:16px;left:16px;z-index:110;width:52px;height:52px;border-radius:14px;background:#fffffff7;border:1px solid var(--line);box-shadow:var(--shadow-md);flex-direction:column;justify-content:center;align-items:center}.app-header{padding-top:84px!important}.header-left h2{font-size:1.5rem}}@media (min-width: 901px){.menu-button.mobile-only,.sidebar-mobile-header,.sidebar-backdrop{display:none!important}}.content-area{min-width:0;padding:22px clamp(16px,3vw,34px) 34px}.app-header{padding:4px 0 22px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px}.header-left{position:relative;padding-left:16px}.header-left:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:5px;border-radius:999px;background:var(--grad-brand)}.header-left h2{margin:0;font-size:clamp(1.4rem,2vw,2rem);font-weight:800;color:var(--blue-900)}.app-body{position:relative;min-height:calc(100vh - 106px);padding-top:28px}.overview-grid,.form-layout{position:relative;z-index:0;display:grid;grid-template-columns:2fr .9fr;gap:28px}.overview-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,.95fr)}.list-page{display:grid;gap:24px}.intro-panel{min-height:220px;position:relative;overflow:hidden;background:radial-gradient(500px 260px at 100% 0%,rgba(55,163,186,.12),transparent 70%),var(--surface)}.intro-panel h2{color:var(--blue-900);font-size:clamp(1.5rem,2.6vw,2.1rem)}.intro-panel p{color:var(--ink-soft)}.overview-cards{display:grid;gap:18px}.stat-card{min-height:120px;padding:24px 24px 24px 28px;display:grid;position:relative;gap:6px;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.stat-card:before{content:"";position:absolute;top:0;left:0;width:6px;height:100%;background:var(--grad-brand);border-radius:8px 0 0 8px}.stat-card:nth-child(2):before{background:linear-gradient(180deg,#3c8b1a,#71a07a)}.stat-card:nth-child(3):before{background:linear-gradient(180deg,#37a3ba,#3f9596)}.stat-card p,.stat-card h3{margin:0}.stat-card h3{font-size:1.05rem;color:var(--blue-900)}.stat-card p{color:var(--muted);font-size:.9rem}.stat-card strong{font-family:Sora,sans-serif;font-size:1.15rem;color:var(--ink);margin-top:6px}.summary-badges{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.summary-badges span{display:inline-flex;align-items:center;border-radius:999px;padding:10px 16px;background:#003da514;color:var(--blue);font-weight:700;font-size:.88rem}.summary-badges span:nth-child(2){background:#3c8b1a1f;color:var(--green-deep)}.summary-badges span:nth-child(3){background:#3f959624;color:var(--teal-deep)}.day-list{display:grid;gap:18px}.day-group{border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-md);padding:26px}.day-group-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.day-group h3{margin:0;font-size:1.2rem;color:var(--blue-900)}.day-label{margin:0 0 4px;font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.day-count{border-radius:999px;padding:9px 15px;background:#003da517;color:var(--blue);font-weight:700;font-size:.85rem}.record-list{display:grid;gap:14px}.record-card{border-radius:var(--radius);background:var(--grad-soft);border:1px solid var(--line);padding:18px 20px}.record-topline{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}.status-badge{display:inline-flex;align-items:center;border-radius:999px;padding:7px 13px;font-size:.8rem;font-weight:700}.status-badge.inside{background:#003da51f;color:var(--blue)}.status-badge.outside{background:#3c8b1a24;color:var(--green-deep)}.record-time,.record-meta{margin:8px 0 0;color:var(--ink-soft)}.record-card h4{margin:0;font-size:1.05rem}.record-meta.pending{color:#8b5d15;font-weight:700}.success-box{margin-top:18px;border-radius:var(--radius);padding:18px 20px;background:#3c8b1a14;color:var(--green-deep);border:1px solid rgba(60,139,26,.22);border-left:5px solid var(--green)}.success-box p,.success-box span{display:block}.empty-state{text-align:center}.empty-state h3{color:var(--blue-900)}.empty-state p{color:var(--ink-soft)}.info-badges,.note-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.info-badges span,.note-list span{display:inline-flex;align-items:center;border-radius:999px;padding:10px 14px;background:#003da514;color:var(--blue);font-weight:600}.instruction-steps{margin:12px 0 0;padding-left:20px;color:var(--ink-soft)}.instruction-steps li{margin:10px 0;line-height:1.5}.instruction-steps strong{color:var(--blue)}.overview-panel,.form-card,.side-note{border-radius:var(--radius-lg);padding:30px}.overview-panel.wide{min-height:360px}.overview-panel.compact,.side-note{align-self:start}.overview-panel h2{color:var(--blue-900)}.overview-panel p{color:var(--ink-soft)}.overview-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.overview-panel ul{margin:0;padding-left:18px;color:var(--ink-soft)}.entry-form{display:grid;gap:18px}.form-card-header{margin-bottom:22px;display:grid;gap:10px}.form-card-header h2{color:var(--blue-900);margin:0}.form-card-header p{margin:0;color:var(--ink-soft)}.entry-form label{display:grid;gap:8px;color:var(--ink);font-weight:600;font-size:.92rem}.entry-form input,.entry-form select{width:100%;border-radius:14px;border:1px solid var(--line);background:var(--surface-2);padding:14px 16px;color:var(--ink);outline:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.entry-form input:focus,.entry-form select:focus{border-color:var(--teal);background:#fff;box-shadow:0 0 0 4px #37a3ba29}.segmented-control{display:inline-flex;gap:10px;flex-wrap:wrap}.segment{border-radius:999px;padding:11px 20px;background:#003da512;color:var(--blue);font-family:Sora,sans-serif;font-weight:600;font-size:.88rem;border:1px solid var(--line);transition:background .2s ease,color .2s ease,transform .15s ease}.segment:hover{transform:translateY(-1px);background:#003da51f}.segment.active{background:var(--grad-brand);color:#fff;border-color:transparent;box-shadow:0 10px 20px #003da542}.full-width{width:100%}.feedback{margin-bottom:0;color:var(--ink-soft)}.feedback.success{color:var(--green-deep);font-weight:700}.feedback.error{color:#b91c1c;font-weight:600}.side-note{border-left:5px solid var(--teal);background:var(--grad-soft)}.side-note h3{color:var(--blue-900)}.side-note p{color:var(--ink-soft)}@media (max-width: 980px){.home-hero,.home-dashboard,.list-page,.overview-grid,.form-layout{grid-template-columns:1fr}.day-group-header{flex-direction:column}}@media (max-width: 640px){.home-page,.content-area{padding:16px}.top-brand-bar,.app-header{flex-direction:column;align-items:flex-start}.hero-copy,.hero-card,.overview-panel,.form-card,.side-note{padding:22px;border-radius:var(--radius)}.brand-group{gap:14px}.brand-title{margin-left:0}}.hero-copy{text-align:center}.hero-copy h2{margin-bottom:14px}.mini-stat .stat-label{color:var(--muted)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00144647;-webkit-backdrop-filter:blur(7px) saturate(120%);backdrop-filter:blur(7px) saturate(120%);display:flex;align-items:center;justify-content:center;z-index:1200;padding:20px;animation:modalFade .2s ease}@keyframes modalFade{0%{opacity:0}to{opacity:1}}.modal-box{background:#fff;padding:26px 26px 22px;border-radius:20px;box-shadow:0 24px 52px #001a5e38;min-width:300px;max-width:420px;width:100%;text-align:center;border-top:6px solid var(--blue, #003DA5);animation:modalPop .24s cubic-bezier(.2,.8,.2,1)}@keyframes modalPop{0%{transform:translateY(12px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.modal-success{border-top-color:#3c8b1a}.modal-error{border-top-color:#dc2626}.modal-box p{margin:0 0 16px;font-family:Sora,sans-serif;font-weight:700;font-size:1.12rem;color:#16233d}.modal-success p{color:#2f6d14}.modal-error p{color:#b91c1c}.modal-close{border:none;padding:11px 22px;border-radius:12px;cursor:pointer;font-family:Sora,sans-serif;font-weight:700;font-size:.9rem;color:#fff;background:linear-gradient(120deg,#003da5,#37a3ba);transition:filter .2s ease,transform .12s ease}.modal-success .modal-close{background:linear-gradient(120deg,#3c8b1a,#71a07a)}.modal-error .modal-close{background:linear-gradient(120deg,#dc2626,#ef4444)}.modal-close:hover{filter:brightness(1.06);transform:translateY(-1px)}.history-search-panel{margin:40px 0 20px;padding:22px 24px;border:1px solid rgba(0,61,165,.14);border-radius:16px;background:linear-gradient(135deg,#f8fbff,#eef4fc);box-shadow:0 10px 26px #14376e14}.history-search-heading{display:flex;align-items:center;gap:12px;margin-bottom:16px}.history-search-heading h3{margin:3px 0 0;color:#16233d}.history-search-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#dce9fa;color:#003da5;font-size:1.15rem}.history-search-eyebrow{color:#3974b8;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.history-search-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.history-search-controls label{color:#4d5771;font-weight:600}.history-search-controls select{width:230px;padding:11px 38px 11px 13px;border:1px solid #b8cbe5;border-radius:9px;background:#fff;color:#16233d;font:inherit;font-weight:600;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.history-month-select-wrap{position:relative;width:230px}.history-month-select-wrap:after{display:none}.history-month-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:11px 13px;border:1px solid #b8cbe5;border-radius:9px;background:#fff;color:#16233d;font:inherit;font-weight:600;text-align:left;cursor:pointer;outline:none}.history-month-trigger:focus,.history-month-trigger[aria-expanded=true]{border-color:#3974b8;box-shadow:0 0 0 3px #3974b829}.history-month-chevron{width:8px;height:8px;margin-left:12px;border-right:2px solid #24558f;border-bottom:2px solid #24558f;transform:translateY(-2px) rotate(45deg)}.history-month-menu{position:absolute;z-index:10;top:calc(100% + 6px);left:0;width:100%;max-height:min(480px,calc(100vh - 32px));overflow-y:auto;padding:5px;border:1px solid #b8cbe5;border-radius:10px;background:#fff;box-shadow:0 12px 26px #14376e2e}.history-month-menu.open-up{top:auto;bottom:calc(100% + 6px)}.history-month-option{display:block;width:100%;padding:10px 11px;border:0;border-radius:7px;background:transparent;color:#16233d;font:inherit;text-align:left;cursor:pointer}.history-month-option:hover,.history-month-option.selected{background:#eaf2fd;color:#003da5;font-weight:700}.history-search-result{margin:14px 0 0;color:#527094;font-size:.9rem}.table-wrap{height:320px;overflow-x:auto;overflow-y:auto;margin-top:8px;padding-bottom:6px;-webkit-overflow-scrolling:touch}.records-table th,.records-table td{padding:8px 10px;text-align:left;border-bottom:1px solid rgba(0,61,165,.08);font-size:.86rem;color:#4d5771}.records-table{width:100%;min-width:680px;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden;border:1px solid var(--line, rgba(0,61,165,.12))}.records-table td{color:#16233d}@media (max-width: 640px){.list-page{gap:18px}.day-group{padding:18px;border-radius:24px;box-shadow:0 10px 28px #1c1a2d0f}.day-group-header{flex-direction:column;align-items:stretch;gap:14px}.day-group-header>div:last-child{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:10px}.records-table{min-width:auto;border-radius:18px}.records-table th,.records-table td{padding:12px 16px;font-size:.95rem}.records-table thead th{font-size:.96rem}.records-table,.records-table tbody,.records-table tr,.records-table td,.records-table th{display:block}.records-table thead{position:absolute;left:-9999px;top:-9999px}.records-table tr{margin:0 0 16px;border:none;border-radius:18px;background:#fffffffa;box-shadow:0 10px 24px #1c1a2d0d}.records-table td{border:none;position:relative;padding:12px 16px;text-align:left;font-size:.95rem}.records-table td:before{display:block;position:relative;left:0;top:0;width:auto;padding-right:0;white-space:normal;font-weight:700;color:#003da5;content:attr(data-label);margin-bottom:8px}.records-table td:last-child{padding-bottom:18px}.table-wrap{margin-top:10px;overflow:visible;height:auto}}.records-table thead th{background:#003da50f;font-family:Sora,sans-serif;font-weight:700;color:#001a5e;font-size:.76rem;text-transform:uppercase;letter-spacing:.03em}.records-table tr:hover td{background:#37a3ba0f}@media (max-width: 640px){.records-table,.records-table tbody,.records-table tr,.records-table td,.records-table th{display:block}.records-table thead{position:absolute;left:-9999px;top:-9999px}.records-table tr{margin:0 0 16px;border:1px solid rgba(0,61,165,.12);border-radius:18px;background:#fffffffa;box-shadow:0 10px 24px #1c1a2d0d}.records-table td{border:none;position:relative;padding:10px 14px 10px 48%;text-align:left;font-size:.9rem}.records-table td:before{position:absolute;left:16px;top:12px;width:42%;height:auto;padding-right:10px;white-space:nowrap;font-weight:700;color:#003da5;content:attr(data-label)}.records-table td:last-child{padding-bottom:16px}}.day-count{margin-left:8px}.missing-exit{display:inline-block;padding:4px 8px;background:#ef444414;border-left:4px solid rgba(220,38,38,.95);color:#7f1d1d;font-weight:700;border-radius:6px}._page_17i02_1{--font-ui: "Sora", "Segoe UI", sans-serif;--font-copy: "Inter", "Segoe UI", sans-serif;--blue-950: #001233;--blue-900: #001a5e;--blue-800: #002a86;--blue: #003DA5;--teal: #37A3BA;--teal-deep:#3F9596;--green: #3C8B1A;--gray-100: #f3f6fc;--gray-300: #d7deea;--gray-500: #6b7488;--gray-700: #374151;--gray-900: #111827;--grad-brand: linear-gradient(120deg, #003DA5 0%, #1f76b6 55%, #37A3BA 100%);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:28px 24px;background:radial-gradient(900px 520px at 100% -10%,rgba(55,163,186,.18),transparent 60%),radial-gradient(760px 480px at -5% 100%,rgba(0,61,165,.14),transparent 58%),linear-gradient(180deg,#f7faff,#e6edf8);font-family:var(--font-copy);position:relative}._page_17i02_1:before,._page_17i02_1:after{content:"";position:absolute;width:150px;height:120px;background-image:radial-gradient(rgba(0,61,165,.16) 2px,transparent 2px);background-size:18px 18px;opacity:.7;pointer-events:none}._page_17i02_1:before{top:34px;right:46px}._page_17i02_1:after{bottom:34px;left:46px}._shell_17i02_50{width:100%;max-width:1080px;min-height:620px;display:grid;grid-template-columns:1.05fr .95fr;gap:0;background:#fff;border-radius:28px;box-shadow:0 40px 90px #001a5e3d;overflow:hidden;position:relative}._brandPanel_17i02_65{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:40px 38px;color:#fff;overflow:hidden;background:linear-gradient(180deg,#002a868c,#003da559 42%,#3f959699),url(/campus-utslrc.png);background-size:cover;background-position:center}._brandOverlay_17i02_80{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(600px 400px at 15% 10%,rgba(0,61,165,.35),transparent 60%),linear-gradient(140deg,rgba(0,26,94,.35),transparent 55%);pointer-events:none}._brandTop_17i02_89{position:relative;z-index:2}._brandLogo_17i02_94{width:220px;max-width:70%;height:auto;filter:drop-shadow(0 6px 16px rgba(0,0,0,.35))}._brandName_17i02_101{margin:14px 0 0;font-family:var(--font-ui);font-weight:700;font-size:1.05rem;line-height:1.4;text-shadow:0 2px 12px rgba(0,18,51,.5)}._brandWave_17i02_111{position:absolute;left:0;right:0;bottom:0;height:220px;z-index:1}._brandWave_17i02_111 svg{width:100%;height:100%;display:block}._brandWave_17i02_111 path{fill:#3f9596b8}._brandBottom_17i02_128{position:relative;z-index:2;display:flex;align-items:center;gap:12px}._brandTagBar_17i02_135{width:4px;align-self:stretch;min-height:44px;border-radius:4px;background:var(--teal);box-shadow:0 0 14px #37a3bacc}._brandTagline_17i02_143{margin:0;font-family:var(--font-ui);font-weight:600;font-size:1.12rem;line-height:1.4;text-shadow:0 2px 12px rgba(0,18,51,.55)}._formPanel_17i02_153{display:flex;flex-direction:column;align-items:center;gap:14px;padding:30px 40px 26px;background:#fff}._topActionsFloating_17i02_162{position:absolute;top:52px;right:24px;display:flex;justify-content:flex-end;z-index:4}._ghostButton_17i02_171{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border-radius:12px;border:1px solid rgba(0,61,165,.18);background:#ffffffb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--blue);text-decoration:none;font-size:.85rem;font-weight:700;font-family:var(--font-ui);cursor:pointer;transition:background .18s ease,transform .18s ease,box-shadow .18s ease}._ghostButton_17i02_171:hover{background:#fff;transform:translateY(-1px);box-shadow:0 8px 20px #003da51f}._card_17i02_194{width:100%;max-width:400px;background:transparent;padding:0;display:flex;flex-direction:column;position:relative}._avatar_17i02_204{position:relative;z-index:1;width:96px;height:96px;margin:4px auto 10px;display:grid;place-items:center;background:#fff;border-radius:22px;box-shadow:0 14px 30px #001a5e24;border:1px solid rgba(0,61,165,.1)}._avatar_17i02_204 ._icon_17i02_218{width:34px;height:34px;color:var(--blue)}._avatarLogo_17i02_220{width:74px;height:74px;object-fit:contain}._title_17i02_226{margin:0;text-align:center;font-size:1.5rem;font-weight:800;letter-spacing:-.015em;font-family:var(--font-ui);color:var(--blue-900)}._titleAccent_17i02_236{color:var(--teal-deep)}._subtitle_17i02_238{margin:6px 0 0;text-align:center;font-size:.85rem;color:var(--gray-500);line-height:1.45;font-family:var(--font-copy)}._divider_17i02_247{height:1px;background:linear-gradient(90deg,transparent,var(--gray-300),transparent);margin:18px 0}._form_17i02_153{display:grid;gap:10px}._form_17i02_153 label{font-size:.86rem;font-weight:700;color:var(--blue-900);font-family:var(--font-ui)}._inputWithIcon_17i02_262{position:relative;display:flex;align-items:center}._inputIcon_17i02_268{position:absolute;left:14px;width:18px;height:18px;color:var(--teal-deep);pointer-events:none}._inputWithIcon_17i02_262 input{width:100%;border:1px solid var(--gray-300);border-radius:12px;padding:12px 14px 12px 42px;font-size:.92rem;font-family:var(--font-copy);color:#0f172a;outline:none;box-sizing:border-box;background:var(--gray-100);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}._inputWithIcon_17i02_262 input:focus{border-color:var(--teal);background:#fff;box-shadow:0 0 0 4px #37a3ba29}._eyeToggle_17i02_296{position:absolute;right:12px;border:0;background:transparent;cursor:pointer;display:grid;place-items:center;color:var(--gray-500);padding:4px}._eyeToggle_17i02_296 ._icon_17i02_218{width:18px;height:18px}._row_17i02_309{display:flex;align-items:center;justify-content:space-between;margin-top:2px;flex-wrap:wrap;gap:8px}._rememberMe_17i02_318{display:flex;align-items:center;gap:6px;font-size:.84rem;font-weight:600;color:var(--gray-700);font-family:var(--font-copy)}._rememberMe_17i02_318 input{width:17px;height:17px;accent-color:var(--blue)}._linkButton_17i02_329{border:0;background:transparent;color:var(--blue);font-weight:700;font-size:.84rem;font-family:var(--font-ui);cursor:pointer;padding:0;justify-self:start}._row_17i02_309 ._linkButton_17i02_329:hover{text-decoration:underline}._form_17i02_153>._linkButton_17i02_329{margin-top:6px;color:var(--gray-500)}._form_17i02_153>._linkButton_17i02_329:hover{color:var(--blue-900)}._primaryButton_17i02_345{margin-top:10px;display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;padding:13px 18px;background:var(--grad-brand);color:#fff;font-size:.96rem;font-weight:700;font-family:var(--font-ui);cursor:pointer;box-shadow:0 14px 26px #003da547;transition:filter .2s ease,transform .12s ease,box-shadow .2s ease}._primaryButton_17i02_345 ._icon_17i02_218{width:16px;height:16px}._primaryButton_17i02_345:hover:not([disabled]){filter:brightness(1.06);transform:translateY(-2px);box-shadow:0 18px 32px #003da557}._primaryButton_17i02_345:active:not([disabled]){transform:translateY(0)}._primaryButton_17i02_345[disabled]{opacity:.75;cursor:not-allowed}._error_17i02_368{margin:0;color:#b91c1c;background:#b91c1c12;border:1px solid rgba(185,28,28,.2);border-radius:10px;padding:9px 12px;font-size:.83rem;font-weight:600;font-family:var(--font-copy)}._info_17i02_380{margin:0;color:var(--green);background:#3c8b1a14;border:1px solid rgba(60,139,26,.28);border-radius:10px;padding:9px 12px;font-size:.83rem;font-weight:600;font-family:var(--font-copy)}._security_17i02_392{display:flex;align-items:center;gap:10px;margin-top:18px}._securityLine_17i02_398{flex:1;height:1px;background:var(--gray-300)}._securityText_17i02_399{display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:.74rem;color:var(--gray-500);font-weight:600;font-family:var(--font-copy)}._securityText_17i02_399 ._icon_17i02_218{width:14px;height:14px;color:var(--teal-deep)}._footer_17i02_411{margin:0;font-size:.8rem;color:var(--gray-500);text-align:center;font-family:var(--font-copy)}._rowOnlyLink_17i02_419{display:flex;justify-content:flex-end;margin-top:2px}@media (max-width: 900px){._topActionsFloating_17i02_162{top:34px;right:18px}._shell_17i02_50{grid-template-columns:1fr;max-width:460px;min-height:0}._brandPanel_17i02_65{min-height:240px;padding:28px 30px}._brandWave_17i02_111{height:150px}._brandLogo_17i02_94{width:180px}._brandName_17i02_101{font-size:.95rem}._brandTagline_17i02_143{font-size:1rem}._page_17i02_1:before,._page_17i02_1:after{display:none}}@media (max-width: 520px){._topActionsFloating_17i02_162{top:26px;right:12px}._page_17i02_1{padding:14px 12px}._shell_17i02_50{border-radius:22px}._formPanel_17i02_153{padding:24px 22px 22px}._brandPanel_17i02_65{min-height:190px;padding:22px}._brandWave_17i02_111{height:110px}._title_17i02_226{font-size:1.28rem}._avatar_17i02_204{width:84px;height:84px}._avatarLogo_17i02_220{width:64px;height:64px}}.import-page{width:100%}.import-card{display:grid;gap:10px}.import-card h2{color:#001a5e;margin:0;font-size:1.05rem}.import-card>p{color:#4d5771;margin:0;font-size:.92rem}.import-card strong{color:#003da5}.button-icon{width:18px;height:18px;flex-shrink:0}.import-header{display:grid;gap:8px}.import-header-main{display:flex;align-items:center;gap:10px}.import-header-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:12px;background:linear-gradient(160deg,#eef3fc,#e3edfb);border:1px solid var(--line, rgba(0,61,165,.12));flex-shrink:0;box-shadow:var(--shadow-sm, 0 2px 6px rgba(0,26,94,.05))}.import-header-excel{width:48px;height:48px;object-fit:contain;mix-blend-mode:multiply}.import-header-text h2{margin:0;font-size:clamp(1.1rem,2vw,1.4rem);line-height:1.08;color:#001a5e}.import-header-text p{margin:2px 0 0;color:#4d5771;font-size:.9rem}.import-form{display:block}.import-dropzone{display:grid;justify-items:center;gap:6px;text-align:center;padding:22px 16px 18px;border:2px dashed rgba(0,61,165,.22);border-radius:14px;background:radial-gradient(520px 220px at 50% -20%,rgba(55,163,186,.06),transparent 70%),linear-gradient(180deg,#f8fbff,#f2f7fe);cursor:pointer;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease}.import-dropzone:hover,.import-dropzone:focus-visible{outline:none;border-color:var(--teal, #37A3BA);box-shadow:0 0 0 4px #37a3ba1f;transform:translateY(-1px)}.import-dropzone.has-file{border-style:solid;border-color:#3c8b1a80;background:linear-gradient(180deg,#3c8b1a0f,#3c8b1a05)}.import-dropzone.is-dragging{border-style:solid;border-color:var(--teal, #37A3BA);background:radial-gradient(520px 240px at 50% -10%,rgba(55,163,186,.18),transparent 70%),linear-gradient(180deg,#eef7fb,#e6f2f7);box-shadow:0 0 0 5px #37a3ba29;transform:translateY(-1px)}.import-file-input{display:none}.dropzone-icon{position:relative;display:inline-grid;place-items:center;width:72px;height:72px;margin-bottom:6px}.dropzone-excel{width:68px;height:68px;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 6px 12px rgba(0,26,94,.1));transition:transform .16s ease}.import-dropzone.is-dragging .dropzone-excel{transform:translateY(-2px) scale(1.04)}.dropzone-title{margin:0;font-family:Sora,sans-serif;font-weight:700;font-size:.98rem;color:#001a5e;word-break:break-word}.dropzone-sub{margin:0;color:#8a93a8;font-size:.82rem}.dropzone-submit{margin-top:12px;padding:10px 20px;font-size:.92rem}.dropzone-submit[disabled]{opacity:.75;cursor:not-allowed}.import-info-bar{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:12px;background:linear-gradient(180deg,#37a3ba0f,#003da508);border:1px solid rgba(55,163,186,.18)}.import-info-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#37a3ba24;color:var(--teal-deep, #3F9596);flex-shrink:0}.import-info-svg{width:18px;height:18px}.import-info-content{display:grid;gap:6px;min-width:0}.import-info-content p{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px;color:#4d5771;font-size:.86rem}.import-info-content strong{color:#001a5e}.info-group{display:inline-flex;align-items:center;gap:8px;color:#4d5771}.info-divider{width:1px;align-self:stretch;min-height:18px;background:#003da52e}.info-chip{display:inline-flex;align-items:center;border-radius:999px;padding:4px 10px;background:#003da51a;color:#003da5;font-family:Sora,sans-serif;font-weight:700;font-size:.74rem;letter-spacing:.02em}.info-chip.subtle{background:#37a3ba1f;color:var(--teal-deep, #3F9596)}.import-result{margin-top:8px;border-top:1px solid var(--line, rgba(0,61,165,.12));padding-top:16px}.import-result h3,.import-errors h4{margin:0 0 10px;color:#001a5e}.import-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}.import-stats span{background:#f5f8fe;border:1px solid var(--line, rgba(0,61,165,.12));border-left:4px solid var(--teal, #37A3BA);border-radius:10px;padding:8px 10px;font-weight:600;color:#16233d;font-size:.82rem}.import-errors{margin-top:14px;background:#8b5d150f;border:1px solid rgba(139,93,21,.2);border-radius:12px;padding:14px 16px}.import-errors ul{margin:0;padding-left:18px;color:#8b5d15}.staff-section{margin-top:12px;border-top:1px solid var(--line, rgba(0,61,165,.12));padding-top:12px}.staff-section-header{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.staff-section h3{margin:0;color:#001a5e;font-size:1rem}.staff-section-title{display:inline-flex;align-items:center;gap:10px;font-size:1.05rem}.staff-title-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#003da51a;color:#003da5;flex-shrink:0}.staff-title-svg{width:20px;height:20px}.staff-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.staff-search-wrap{position:relative;display:inline-flex;align-items:center}.staff-search-icon{position:absolute;left:14px;width:18px;height:18px;color:#8a93a8;pointer-events:none}.staff-search{min-width:270px;border:1px solid var(--line, rgba(0,61,165,.14));border-radius:12px;padding:11px 14px 11px 40px;background:#f5f8fe;color:#16233d;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.staff-search:focus{outline:none;background:#fff;border-color:var(--teal, #37A3BA);box-shadow:0 0 0 4px #37a3ba29}.staff-empty-state{margin-top:14px;display:grid;justify-items:center;gap:6px;text-align:center;padding:40px 24px;border:1px solid var(--line, rgba(0,61,165,.12));border-radius:18px;background:linear-gradient(180deg,#f8fbff,#f2f7fe)}.staff-empty-icon{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:#003da514;color:var(--teal, #37A3BA);margin-bottom:6px}.staff-empty-svg{width:30px;height:30px}.staff-empty-title{margin:0;font-family:Sora,sans-serif;font-weight:700;color:#001a5e;font-size:1rem}.staff-empty-sub{margin:0;color:#8a93a8;font-size:.9rem}.staff-table-wrapper{margin-top:12px;overflow-x:auto;border:1px solid var(--line, rgba(0,61,165,.12));border-radius:14px;background:#fff}.staff-table{width:100%;border-collapse:collapse;min-width:560px}.staff-table th,.staff-table td{padding:8px 10px;border-bottom:1px solid rgba(0,61,165,.08);text-align:left;color:#16233d}.staff-table th{background:#003da50f;font-family:Sora,sans-serif;font-size:.78rem;font-weight:700;color:#001a5e;text-transform:uppercase;letter-spacing:.03em}.staff-table tr:last-child td{border-bottom:none}.staff-table tbody tr:hover td{background:#37a3ba0f}.table-empty{text-align:center;color:#8a93a8;padding:20px}.table-hint{margin-top:12px;padding:14px 16px;border:1px dashed rgba(0,61,165,.28);border-radius:12px;background:#f5f8fe;color:#4d5771}.danger-button{background:linear-gradient(120deg,#dc2626,#ef4444);color:#fff;border:none;border-radius:10px;padding:8px 14px;font-family:Sora,sans-serif;font-weight:600;font-size:.85rem;cursor:pointer;transition:filter .18s ease,transform .12s ease}.danger-button:hover:not([disabled]){filter:brightness(1.06);transform:translateY(-1px)}.danger-button[disabled]{opacity:.7;cursor:not-allowed}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00144647;-webkit-backdrop-filter:blur(7px) saturate(120%);backdrop-filter:blur(7px) saturate(120%);display:flex;align-items:center;justify-content:center;z-index:1200;padding:20px}.confirm-modal{width:min(560px,100%);background:#fff;border-radius:20px;border:1px solid rgba(220,38,38,.16);border-top:6px solid #dc2626;box-shadow:0 24px 52px #001a5e38;padding:26px 24px 22px;display:grid;gap:10px}.confirm-message{margin:0;text-align:center;font-family:Sora,sans-serif;font-weight:800;font-size:1.4rem;line-height:1.2;color:#b91c1c}.confirm-person,.confirm-note{margin:0;text-align:center}.confirm-person{font-weight:600;color:#16233d}.confirm-note{color:#7f1d1d;opacity:.9;font-size:.9rem}.confirm-actions{display:flex;justify-content:center;gap:10px;margin-top:8px;flex-wrap:wrap}.manual-form-modal{border-top-color:var(--teal, #37A3BA);border-color:#003da529;background:linear-gradient(180deg,#fff,#f8fbff)}.manual-form{display:grid;gap:12px}.manual-form-intro{margin:0;color:#4d5771;font-size:.92rem}.manual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.manual-field--type{grid-column:1 / -1}.manual-field{display:grid;gap:6px}.manual-field span{color:#001a5e;font-family:Sora,sans-serif;font-weight:700;font-size:.88rem}.manual-field input,.manual-field select{border:1px solid var(--line, rgba(0,61,165,.14));border-radius:14px;padding:11px 14px;background:#f2f7fe;color:#16233d;box-shadow:inset 0 1px #fff9;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease,transform .12s ease}.manual-field input:focus,.manual-field select:focus{outline:none;background:#fff;border-color:var(--teal, #37A3BA);box-shadow:0 0 0 4px #37a3ba29;transform:translateY(-1px)}.feedback.success{color:#0f766e;border:1px solid rgba(15,118,110,.28);background:#0f766e17;border-radius:10px;padding:9px 12px}.manual-success-state{display:grid;gap:12px;justify-items:center;text-align:center;padding:10px 6px 2px}.manual-success-icon{width:92px;height:92px;border-radius:50%;border:5px solid rgba(132,204,22,.4);color:#4d9a09;display:grid;place-items:center;font-size:3rem;font-weight:900;line-height:1;text-shadow:0 1px 0 rgba(255,255,255,.45)}.manual-success-state h4{margin:2px 0 0;font-size:2rem;line-height:1.15;color:#182230}.manual-success-state p{margin:0;color:#4d5771;font-size:1.02rem}@media (max-width: 900px){.import-card{padding:20px;border-radius:22px}.dropzone-submit{width:100%}.staff-section-header{flex-direction:column;align-items:stretch}.staff-tools,.staff-search-wrap,.staff-tools .secondary-button{width:100%}.manual-grid{grid-template-columns:1fr}.manual-field--type{grid-column:auto}}@media (max-width: 640px){.staff-tools{width:100%;gap:8px}.staff-search-wrap{flex:1 1 100%;width:100%}.staff-search{flex:1 1 100%;width:100%;min-width:0}.staff-table-wrapper{margin-top:10px;overflow:visible;border:none;background:transparent}.staff-table{min-width:auto;border-collapse:separate;border-spacing:0 12px}.staff-table,.staff-table tbody,.staff-table tr,.staff-table td,.staff-table th{display:block;width:100%}.staff-table thead{position:absolute;left:-9999px;top:-9999px}.staff-table tbody tr{border:1px solid rgba(0,61,165,.12);border-radius:16px;background:#fff;box-shadow:0 10px 24px #0014460f;overflow:hidden}.staff-table td{border:none;border-bottom:1px solid rgba(0,61,165,.08);padding:11px 14px}.staff-table td:before{content:attr(data-label);display:block;margin-bottom:6px;font-family:Sora,sans-serif;font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.03em;color:#003da5}.staff-table td:last-child{border-bottom:none}.staff-table td.table-empty:before{content:none}.staff-actions-cell .danger-button{width:100%}}