body,html{overflow-x:hidden;max-width:100vw}html{-ms-overflow-style:none}html::-webkit-scrollbar{display:none}body{-ms-overflow-style:none;overflow-y:auto}body::-webkit-scrollbar{display:none;width:0;height:0}*{box-sizing:border-box;-ms-overflow-style:none}::-webkit-scrollbar{display:none;width:0;height:0}:root{--color-primary:#3b82f6;--color-primary-dark:#2563eb;--color-primary-light:#60a5fa;--color-accent:#f97316;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--color-attended:#10b981;--color-absent:#ef4444;--color-late:#f59e0b;--color-other-service:#8b5cf6;--color-undecided:#6b7280;--color-status-attended:#16a34a;--color-status-absent:#dc2626;--color-status-late:#f59e0b;--color-status-other:#7c3aed;--color-status-undecided:#6b7280;--color-status-attended-bg:#d1fae5;--color-status-absent-bg:#fee2e2;--color-status-late-bg:#fef3c7;--color-status-other-bg:#ede9fe;--color-status-undecided-bg:#f3f4f6;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-bg:#f3f4f6;--color-bg-primary:#fff;--color-bg-secondary:#f9fafb;--color-bg-tertiary:#f3f4f6;--color-surface:#fff;--color-border:#e5e7eb;--color-text-primary:#111827;--color-text-secondary:#6b7280;--color-text-tertiary:#9ca3af;--color-text-main:#111827;--color-text-sub:#6b7280;--color-text-muted:#9ca3af;--font-family-base:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR",sans-serif;--font-family-mono:"SF Mono",Monaco,"Cascadia Code",monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-base:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--border-radius-sm:0.25rem;--border-radius-base:0.375rem;--border-radius-md:0.5rem;--border-radius-lg:0.75rem;--border-radius-xl:1rem;--border-radius-full:9999px;--transition-fast:150ms ease-in-out;--transition-base:200ms ease-in-out;--transition-slow:300ms ease-in-out}*,:after,:before{box-sizing:border-box}body,html{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,-system-ui,sans-serif;background-color:var(--color-bg);color:var(--color-text-main);line-height:var(--line-height-normal);font-size:var(--font-size-base)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:4px}*{transition:color var(--transition-base),background-color var(--transition-base),border-color var(--transition-base),transform var(--transition-base),box-shadow var(--transition-base)}a{color:inherit;text-decoration:none}button{font:inherit}.app-root{min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-bg)}.app-shell{display:flex;flex:1 1}.app-header{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-6);background-color:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm);position:-webkit-sticky;position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:hsla(0,0%,100%,.95)}.app-header-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);white-space:nowrap;color:var(--color-text-primary);letter-spacing:-.02em}.app-header-user{display:flex;gap:12px;color:#4b5563}.app-header-user,.app-logout{align-items:center;font-size:14px;white-space:nowrap}.app-logout{display:inline-flex;justify-content:center;height:44px;padding:0 16px;border-radius:8px;border:none;background-color:#dc2626;color:#fff;font-weight:700;cursor:pointer;transition:all .2s;min-width:80px;gap:6px;box-shadow:var(--shadow-sm)}.app-logout:hover{background-color:#b91c1c;box-shadow:var(--shadow-md);transform:translateY(-1px)}.app-logout:active{transform:translateY(0) scale(.98);box-shadow:var(--shadow-sm)}@media (max-width:768px){.app-header{padding:0 12px}.app-header-title{font-size:18px;font-weight:800;max-width:140px;overflow:hidden;text-overflow:ellipsis}.app-header-user{font-size:12px;gap:8px}.app-header-user span{max-width:120px;overflow:hidden;text-overflow:ellipsis}.app-logout{height:36px;padding:0 12px;font-size:13px;min-width:70px}}.app-sidebar{width:240px;background-color:var(--color-bg-secondary);border-right:1px solid var(--color-border);padding:var(--spacing-6) var(--spacing-4);display:flex;flex-direction:column;transition:background-color var(--transition-base)}.sidebar-section-title{font-size:12px;font-weight:700;color:#9ca3af;margin-bottom:12px}.sidebar-menu{display:flex;flex-direction:column;gap:4px}.sidebar-item{height:44px;padding:0 var(--spacing-3);display:flex;align-items:center;gap:var(--spacing-2);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-700);cursor:pointer;transition:all var(--transition-base);text-decoration:none}.sidebar-item:hover{background-color:var(--color-gray-200);color:var(--color-text-primary);transform:translateX(2px)}.sidebar-item-active{background-color:var(--color-gray-200);color:var(--color-primary);font-weight:var(--font-weight-bold);position:relative}.sidebar-item-active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:var(--border-radius-full);background-color:var(--color-primary);box-shadow:0 0 8px rgba(59,130,246,.4)}.app-content{flex:1 1;padding:24px;background-color:var(--color-bg)}.card{background-color:var(--color-surface);border-radius:var(--border-radius-lg);padding:var(--spacing-6);box-shadow:var(--shadow-md);max-width:100%;box-sizing:border-box;overflow:hidden;-ms-overflow-style:none;transition:transform var(--transition-base),box-shadow var(--transition-base);display:flex;flex-direction:column}.card:hover{box-shadow:var(--shadow-lg)}.card::-webkit-scrollbar{display:none;width:0;height:0}.card-title{font-size:16px;font-weight:600;margin-bottom:8px}.card-subtitle{font-size:13px;color:var(--color-text-sub)}.card-row{display:flex;gap:16px}.card-row>.card{flex:1 1}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#eff6ff,#f9fafb);position:relative;overflow:hidden;padding:24px 20px;z-index:0}.login-page>*{position:relative;z-index:1}.login-page:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(59,130,246,.05) 0,transparent 70%);animation:pulse 20s ease-in-out infinite;pointer-events:none}@keyframes pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.8}}.login-card{width:100%;max-width:400px;background-color:var(--color-surface);border-radius:var(--border-radius-xl);padding:32px 28px;box-shadow:var(--shadow-xl);border:1px solid var(--color-border);animation:fadeInUp .4s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-card-header{margin-bottom:32px}.login-card-caption{font-size:16px;font-weight:700;color:var(--color-text-sub);margin-bottom:6px}.login-card-title{font-size:32px;font-weight:700;margin-bottom:4px}.login-card-subtitle{font-size:14px;color:var(--color-text-sub)}.login-card form{text-align:center}.form-field{display:flex;flex-direction:column;gap:8px;margin-top:20px;text-align:left}.form-label{font-size:13px;font-weight:500;color:#374151}.form-input{width:100%;height:44px;padding:0 var(--spacing-3);border-radius:var(--border-radius-md);border:1px solid var(--color-gray-300);background-color:var(--color-bg-secondary);font-size:var(--font-size-sm);color:var(--color-text-primary);display:flex;align-items:center;transition:all var(--transition-base);font-family:var(--font-family-base)}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(59,130,246,.1);background-color:var(--color-surface)}.form-input::placeholder{color:var(--color-text-tertiary)}input[type=date]::-webkit-datetime-edit,input[type=date]::-webkit-datetime-edit-day-field,input[type=date]::-webkit-datetime-edit-fields-wrapper,input[type=date]::-webkit-datetime-edit-month-field,input[type=date]::-webkit-datetime-edit-text,input[type=date]::-webkit-datetime-edit-year-field{display:none!important;-webkit-appearance:none;opacity:0}input[type=date]::-webkit-inner-spin-button{display:none;-webkit-appearance:none}input[type=date].form-input{position:relative;padding-right:40px}input[type=date]::-webkit-calendar-picker-indicator{position:absolute;right:8px;opacity:1;cursor:pointer;z-index:4;width:24px;height:24px}input[type=date]::-moz-datetime-edit,input[type=date]::-moz-datetime-edit-day-field,input[type=date]::-moz-datetime-edit-month-field,input[type=date]::-moz-datetime-edit-text,input[type=date]::-moz-datetime-edit-year-field{display:none}textarea.form-input{height:auto;min-height:100px;padding:10px;resize:vertical;font-family:inherit;line-height:1.5;display:block;align-items:flex-start}.primary-button{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 16px;border-radius:8px;border:none;background-color:var(--color-primary);color:#fff;font-weight:700;font-size:14px;cursor:pointer;transition:all .2s;white-space:nowrap;min-width:80px;box-shadow:var(--shadow-sm);margin-top:24px;vertical-align:middle}.primary-button.full-width{width:100%;margin-top:24px}.primary-button:hover{background-color:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.primary-button:active{transform:translateY(0) scale(.98);box-shadow:var(--shadow-sm)}.primary-button:disabled{transform:none}.secondary-button{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 16px;border-radius:8px;border:1px solid var(--color-border);background-color:transparent;color:var(--color-text-primary);font-weight:700;font-size:14px;cursor:pointer;transition:all .2s;min-width:80px;white-space:nowrap}.secondary-button:hover{background-color:var(--color-bg-secondary);border-color:var(--color-gray-400);color:var(--color-text-primary)}.secondary-button:active{transform:scale(.98);background-color:var(--color-bg-tertiary)}.secondary-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.error-text{margin-top:8px;font-size:12px;color:#dc2626}.helper-text{margin-top:16px;font-size:12px;color:var(--color-text-sub);text-align:center}.dashboard-page-title{font-size:28px;font-weight:700;margin-bottom:8px;color:var(--color-text-main)}.dashboard-page-subtitle{font-size:15px;color:var(--color-text-sub);margin-bottom:24px}.dashboard-summary-row{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:24px;max-width:100%}.dashboard-summary-row .summary-card{flex:1 1;min-width:200px;max-width:100%;box-sizing:border-box}@media (max-width:768px){.dashboard-summary-row{flex-wrap:wrap;overflow-x:hidden}.dashboard-summary-row .summary-card{min-width:0;flex:1 1 100%;max-width:100%}input[type=date].form-input{padding-right:36px;box-sizing:border-box}input[type=date]::-webkit-calendar-picker-indicator{right:6px;width:20px;height:20px}}.summary-card{background-color:var(--color-surface);border-radius:var(--border-radius-lg);padding:var(--spacing-5);box-shadow:var(--shadow-md);position:relative;overflow:hidden;transition:transform var(--transition-base),box-shadow var(--transition-base);max-width:100%;box-sizing:border-box;border:1px solid var(--color-border)}.summary-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary-light)}.summary-card-bar{position:absolute;top:0;left:0;right:0;height:4px}.summary-card-title{font-size:13px;color:var(--color-text-sub);margin-bottom:8px}.summary-card-value{font-size:32px;font-weight:700;color:var(--color-text-main);margin-bottom:4px}.summary-card-helper{font-size:12px;color:var(--color-text-sub)}.summary-card-link{font-size:13px;color:var(--color-primary);background:none;border:none;cursor:pointer;padding:0;text-decoration:underline;white-space:nowrap}@media (max-width:768px){.summary-card-link{font-size:11px}}.summary-card-link:hover{color:var(--color-primary-dark)}.dashboard-two-column{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));grid-gap:20px;gap:20px;margin-bottom:24px;max-width:100%;width:100%;justify-items:stretch}@media (max-width:768px){.dashboard-two-column{grid-template-columns:1fr;gap:16px}}.dashboard-section-title{font-size:16px;font-weight:600;margin-bottom:16px;color:var(--color-text-main)}.chart-placeholder{background-color:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;padding:60px 20px;text-align:center;color:var(--color-text-sub);font-size:14px}.table{width:100%;border-collapse:collapse;font-size:14px;table-layout:auto;max-width:100%}.table thead{background-color:#f9fafb;border-bottom:2px solid var(--color-border)}.table th{text-align:center;padding:12px 16px;font-weight:700;font-size:15px;color:var(--color-text-sub);white-space:nowrap}.table td{text-align:center;padding:14px 16px;border-bottom:1px solid var(--color-border);color:var(--color-text-main);word-wrap:break-word;overflow-wrap:break-word}.table-nowrap td,.table-nowrap th{white-space:nowrap}.table tbody tr{transition:background-color var(--transition-fast)}.table tbody tr:nth-child(2n){background-color:var(--color-bg-secondary)}.table tbody tr:hover{background-color:var(--color-gray-100);cursor:pointer}.desktop-attendance-table tbody tr:hover{background-color:inherit;cursor:default}.table tbody tr:last-child td{border-bottom:none}.table-action-cell{text-align:center}.table-action-cell>div{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:nowrap}@media (max-width:768px){.table-action-cell>div button{font-size:11px;padding:4px 8px}}.tag-outline{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 16px;border-radius:8px;border:1px solid var(--color-primary);background-color:transparent;color:var(--color-primary);font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;white-space:nowrap;min-width:80px}.tag-outline:hover{background-color:var(--color-primary);color:#fff}.primary-button:disabled{background-color:#9ca3af;cursor:not-allowed}section{margin-bottom:24px}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;font-size:var(--font-size-sm);font-weight:500;border:1px solid}.status-badge-attended{background-color:var(--color-status-attended-bg);color:var(--color-status-attended);border-color:var(--color-status-attended)}.status-badge-absent{background-color:var(--color-status-absent-bg);color:var(--color-status-absent);border-color:var(--color-status-absent)}.status-badge-late{background-color:var(--color-status-late-bg);color:var(--color-status-late);border-color:var(--color-status-late)}.status-badge-other{background-color:var(--color-status-other-bg);color:var(--color-status-other);border-color:var(--color-status-other)}.status-badge-undecided{background-color:var(--color-status-undecided-bg);color:var(--color-status-undecided);border-color:var(--color-status-undecided)}.toast-container{position:fixed;top:80px;right:24px;z-index:1000;display:flex;flex-direction:column;gap:12px;max-width:400px}.toast{display:flex;align-items:center;gap:12px;padding:14px 16px;background-color:var(--color-surface);border-radius:8px;box-shadow:var(--shadow-lg);border-left:4px solid;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.toast-success{border-left-color:var(--color-status-attended)}.toast-error{border-left-color:var(--color-status-absent)}.toast-warning{border-left-color:var(--color-status-late)}.toast-info{border-left-color:var(--color-primary)}.toast-message{flex:1 1;font-size:var(--font-size-sm)}.toast-close{background:none;border:none;cursor:pointer;color:var(--color-text-sub);font-size:18px;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.toast-close:hover{color:var(--color-text-main)}.skeleton{background:linear-gradient(90deg,#f3f4f6,#e5e7eb 50%,#f3f4f6);background-size:200% 100%;animation:loading 1.5s ease-in-out infinite;border-radius:4px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:16px;margin-bottom:8px}.skeleton-title{height:24px;width:60%;margin-bottom:12px}.skeleton-card{padding:20px;border-radius:12px;background-color:var(--color-surface)}.breadcrumb{font-size:var(--font-size-sm);color:var(--color-text-sub);margin-bottom:16px}.breadcrumb,.breadcrumb-item{display:flex;align-items:center;gap:8px}.breadcrumb-item:not(:last-child):after{content:">";color:var(--color-text-muted);margin-left:8px}.breadcrumb-link{color:var(--color-primary);text-decoration:none}.breadcrumb-link:hover{text-decoration:underline}.breadcrumb-current{color:var(--color-text-main);font-weight:500}.empty-state{text-align:center;padding:var(--spacing-12) var(--spacing-6);color:var(--color-text-secondary)}.empty-state-icon{font-size:48px;margin-bottom:var(--spacing-4);opacity:.4;color:var(--color-text-tertiary);transition:opacity var(--transition-base)}.empty-state-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.empty-state-description{font-size:var(--font-size-sm);margin-bottom:var(--spacing-6);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);max-width:400px;margin-left:auto;margin-right:auto}@media (max-width:768px){body,html{overflow-x:hidden;max-width:100vw;position:relative}.app-content,.mobile-content,.tablet-content,main,section{max-width:100%;overflow-x:hidden}.card>div[style*=overflow]{padding:"5px 0"}.table{font-size:12px;max-width:100vw;width:100%}.table th{padding:8px 6px;font-size:13px}.table td,.table th{text-align:center;white-space:nowrap}.table td{padding:10px 6px;font-size:12px}.table:not(.table-nowrap) td,.table:not(.table-nowrap) th{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;max-width:100%;text-align:center}.table-nowrap{min-width:100%}.form-field,div[style*=min-width],div[style*=minWidth]{min-width:0!important}.app-sidebar{position:fixed;left:-240px;top:64px;height:calc(100vh - 64px);z-index:100;transition:left var(--transition-base)}.app-sidebar.open{left:0}.sidebar-overlay{position:fixed;top:64px;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:99}.mobile-menu-button{display:block;background:none;border:none;cursor:pointer;padding:8px;margin-right:8px}.dashboard-two-column{grid-template-columns:1fr}.dashboard-summary-row{flex-wrap:wrap}.dashboard-summary-row .summary-card{flex:1 1 100%;min-width:0;max-width:100%}.login-card{width:90%;max-width:400px}.table-mobile{display:block}.table-mobile thead{display:none}.table-mobile tbody{display:block}.table-mobile tbody tr{display:block;margin-bottom:16px;border:1px solid var(--color-border);border-radius:8px;padding:12px;background-color:var(--color-surface);max-width:100%}.table-mobile tbody td{display:block;padding:8px 0;border-bottom:none;text-align:right;max-width:100%}.table-mobile tbody td:before{content:attr(data-label) ": ";font-weight:600;float:left;color:var(--color-text-sub)}div[style*=flex]{flex-wrap:wrap;max-width:100%}.table-responsive{overflow-x:auto;overflow-y:hidden;max-width:100vw;width:100%;-ms-overflow-style:none}.table-responsive::-webkit-scrollbar{display:none;width:0;height:0}.table-responsive .table{max-width:100%;width:100%}.app-content,.card,.dashboard-summary-row,.dashboard-two-column,.mobile-content,.tablet-content,main,section{-ms-overflow-style:none}.app-content::-webkit-scrollbar,.card::-webkit-scrollbar,.dashboard-summary-row::-webkit-scrollbar,.dashboard-two-column::-webkit-scrollbar,.mobile-content::-webkit-scrollbar,.tablet-content::-webkit-scrollbar,main::-webkit-scrollbar,section::-webkit-scrollbar{display:none}}@media (min-width:769px){.mobile-menu-button{display:none}}.mobile-attendance-page{min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-bg);padding-bottom:80px}.mobile-attendance-header{position:-webkit-sticky;position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background-color:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.mobile-back-button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:none;border:none;border-radius:8px;color:var(--color-text-main);cursor:pointer;transition:background-color var(--transition-base)}.mobile-back-button:active{background-color:var(--color-bg)}.mobile-attendance-header-content{flex:1 1;text-align:center}.mobile-attendance-title{font-size:var(--font-size-lg);font-weight:700;margin:0 0 2px;color:var(--color-text-main)}.mobile-attendance-date{font-size:var(--font-size-sm);color:var(--color-text-sub);margin:0}.mobile-attendance-main{flex:1 1;padding:16px;overflow-y:auto}.mobile-attendance-nav{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background-color:var(--color-surface);border-radius:12px;margin-bottom:16px;box-shadow:var(--shadow-sm)}.mobile-nav-button{display:flex;align-items:center;gap:4px;padding:8px 12px;background:none;border:1px solid var(--color-border);border-radius:8px;font-size:var(--font-size-sm);color:var(--color-text-main);cursor:pointer;transition:all var(--transition-base)}.mobile-nav-button:active{background-color:var(--color-bg);transform:scale(.98)}.mobile-nav-date{font-size:var(--font-size-base);font-weight:600;color:var(--color-text-main)}.mobile-attendance-list{display:flex;flex-direction:column;gap:12px}.mobile-bulk-actions{display:flex;align-items:center;gap:8px;padding:12px;background-color:var(--color-surface);border-radius:12px;margin-bottom:8px;flex-wrap:nowrap}.mobile-bulk-label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-sub)}.mobile-bulk-button{padding:8px 12px;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;font-size:var(--font-size-sm);font-weight:700;color:var(--color-text-main);cursor:pointer;transition:all var(--transition-base);min-height:44px;white-space:nowrap;flex-shrink:0}.mobile-bulk-button:active{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.mobile-attendance-cards{display:flex;flex-direction:column;gap:12px}.mobile-attendance-card{background-color:var(--color-surface);border-radius:12px;padding:16px;box-shadow:var(--shadow-md);border:1px solid var(--color-border)}.mobile-attendance-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.mobile-attendance-student-name{font-size:var(--font-size-lg);font-weight:700;margin:0;color:var(--color-text-main)}.mobile-attendance-quick-actions{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:8px;gap:8px;margin-bottom:12px}.mobile-status-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:12px 8px;min-height:64px;background-color:var(--color-bg);border:2px solid var(--color-border);border-radius:12px;font-size:var(--font-size-xs);font-weight:700;color:var(--color-text-sub);cursor:pointer;transition:all var(--transition-base);position:relative}.mobile-status-button:active{transform:scale(.95)}.mobile-status-button.active{background-color:var(--status-color);border-color:var(--status-color);color:#fff}.mobile-status-button svg{color:inherit}.mobile-attendance-note-button{width:100%;padding:12px;background-color:var(--color-bg);border:1px dashed var(--color-border);border-radius:8px;font-size:var(--font-size-sm);font-weight:700;color:var(--color-text-sub);cursor:pointer;text-align:left;display:flex;align-items:center;justify-content:space-between;transition:all var(--transition-base);min-height:44px}.mobile-attendance-note-button:active{background-color:var(--color-surface);border-color:var(--color-primary)}.mobile-note-edit{color:var(--color-primary);font-size:var(--font-size-xs)}.mobile-attendance-note-input{display:flex;gap:8px;align-items:center}.mobile-attendance-note-input .form-input{flex:1 1;min-height:44px}.mobile-note-close{padding:8px 16px;background:none;border:1px solid var(--color-border);border-radius:8px;font-size:var(--font-size-sm);color:var(--color-text-sub);cursor:pointer;white-space:nowrap;min-height:44px}.mobile-note-close:active{background-color:var(--color-bg)}.mobile-attendance-footer{position:fixed;bottom:60px;left:0;right:0;padding:12px 16px;background-color:var(--color-surface);border-top:1px solid var(--color-border);box-shadow:0 -2px 8px rgba(0,0,0,.1);z-index:20}.mobile-save-button{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;background-color:var(--color-primary);color:#fff;border:none;border-radius:12px;font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:all var(--transition-base);min-height:56px;box-shadow:var(--shadow-md)}.mobile-save-button:active{background-color:var(--color-primary-dark);transform:scale(.98)}.mobile-save-button:disabled{background-color:var(--color-text-muted);cursor:not-allowed;transform:none}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-around;padding:8px 0;background-color:var(--color-surface);border-top:1px solid var(--color-border);box-shadow:0 -2px 8px rgba(0,0,0,.1);z-index:100;min-height:60px}.mobile-bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-1);padding:var(--spacing-2) var(--spacing-4);min-width:60px;min-height:56px;color:var(--color-text-secondary);text-decoration:none;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);transition:all var(--transition-base);border-radius:var(--border-radius-md);position:relative}.mobile-bottom-nav-item span{white-space:nowrap;font-size:10px;line-height:1.2}.mobile-bottom-nav-item:active{background-color:var(--color-bg-secondary);transform:scale(.95)}.mobile-bottom-nav-item:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.mobile-bottom-nav-item.active{color:var(--color-primary);background-color:var(--color-bg-secondary);font-weight:var(--font-weight-semibold)}.mobile-bottom-nav-item.active svg{color:var(--color-primary);transform:scale(1.1)}.mobile-bottom-nav-item svg{color:var(--color-text-sub);transition:color var(--transition-base)}@media (min-width:769px){.mobile-bottom-nav{display:none}.mobile-attendance-page{padding-bottom:0}.mobile-attendance-footer{position:static;margin-top:24px}}@media (max-width:768px){.desktop-attendance-table{display:none}}.modal-overlay{inset:0;background-color:rgba(15,23,42,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn var(--transition-base);padding:var(--spacing-4)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-overlay .card{animation:slideUp var(--transition-slow) ease-out;max-width:90%;width:100%;max-width:500px;margin:var(--spacing-4);box-shadow:var(--shadow-xl);border:1px solid var(--color-border)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@page{size:A4;margin:15mm}@media print{@page{size:A4;margin:15mm}body{width:100%;margin:0;padding:0;font-size:12pt;line-height:1.4;color:#000;background:#fff}.app-header,.app-sidebar,.breadcrumb,.dashboard-page-subtitle,.mobile-attendance-footer,.mobile-bottom-nav,.mobile-header,.modal-overlay,.primary-button,.secondary-button,.tag-outline,button:not(.print-visible),footer,header,nav{display:none!important}.print-visible{display:block!important}.card,section{page-break-inside:avoid;break-inside:avoid;margin-bottom:12pt;padding:10pt;border:1px solid #ddd;background:#fff;box-shadow:none}table{width:100%;border-collapse:collapse;font-size:10pt;page-break-inside:auto}table thead{display:table-header-group}table thead tr{page-break-after:avoid;break-after:avoid}table tbody{display:table-row-group}table td,table th,table tr{page-break-inside:avoid;break-inside:avoid}table td,table th{padding:6pt;border:1px solid #ddd;text-align:center}table th{background-color:#f5f5f5;font-weight:700}.table-responsive{overflow:visible!important;max-width:100%!important;page-break-inside:auto}.table-responsive table{width:100%!important;min-width:auto!important;font-size:9pt;page-break-inside:auto}.table-responsive table td,.table-responsive table th{padding:4pt;font-size:9pt;white-space:normal!important;word-wrap:break-word;page-break-inside:avoid;break-inside:avoid}section[data-print-section=detailed-stats],section[data-print-section=detailed-stats] .table-responsive,section[data-print-section=detailed-stats] table,section[data-print-section=detailed-stats] table tbody{page-break-inside:auto}.dashboard-page-title,.dashboard-section-title,.page-header-title{font-size:16pt;font-weight:700;margin-bottom:8pt;color:#000;page-break-after:avoid}.page-break-before{page-break-before:always;break-before:page}.page-break-after{page-break-after:always;break-after:page}.no-page-break{page-break-inside:avoid;break-inside:avoid}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}body,html{overflow:visible!important;height:auto!important}.app-root,.app-shell{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}}.found-id-container{padding:24px;background-color:var(--color-gray-50);border-radius:8px;margin-bottom:24px;text-align:center}.found-id-label{font-size:14px;color:var(--color-text-sub);margin-bottom:8px}.found-id-value{font-size:20px;font-weight:600;color:var(--color-primary);letter-spacing:2px}.link-primary{color:var(--color-primary);text-decoration:underline;font-size:14px}.link-separator{color:var(--color-text-sub)}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.password-input-wrapper{position:relative}.password-input{padding-right:45px}.password-toggle-button{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:var(--color-text-sub)}.flex-center{gap:16px;justify-content:center}.flex-column{gap:8px}.loading-container{padding:80px 20px}.loading-text{color:var(--color-text-sub)}.section-header{display:flex;align-items:center;gap:8px;margin-bottom:20px}.form-container{display:flex;flex-direction:column;gap:16px}.button-group{display:flex;gap:8px;justify-content:flex-end}.button-auto{width:auto;margin:0}.icon-spacing{margin-right:8px}.section-spacing{margin-bottom:24px}.card-centered{text-align:center;padding:48px}.text-main{color:var(--color-text-main)}.text-muted{color:var(--color-text-muted)}.mb-4{margin-bottom:4px}.mb-12{margin-bottom:12px}.mb-20{margin-bottom:20px}.mb-24{margin-bottom:24px}.mt-4{margin-top:4px}.mt-8{margin-top:8px}.mt-20{margin-top:20px}.p-16{padding:16px}.flex-wrap{display:flex;flex-wrap:wrap}.flex-end{display:flex;align-items:flex-end}.flex-center{display:flex;align-items:center}.flex-column{display:flex;flex-direction:column}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.icon-right{margin-right:8px}.icon-right-small{margin-right:4px}.form-field-flex{flex:1 1}.form-field-flex-2{flex:2 1}.min-w-120{min-width:120px}.min-w-150{min-width:150px}.min-w-200{min-width:200px}.min-w-220{min-width:220px}.min-w-240{min-width:240px}.fs-12{font-size:12px}.fs-14{font-size:14px}.fs-16{font-size:16px}.fw-600{font-weight:600}.bg-gray{background-color:#f9fafb}.border-gray{border:1px solid var(--color-border)}.rounded-8{border-radius:8px}.relative{position:relative}.full-width{width:100%}.auto-width{width:auto}.text-center{text-align:center}.grid-auto-fit{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:20px;gap:20px}.bg-blue{background-color:#eff6ff}.text-blue{color:#1e40af}.bg-green{background-color:#f0fdf4}.text-green{color:#166534}.space-between{justify-content:space-between}.checkbox-label,.space-between{display:flex;align-items:center}.checkbox-label{cursor:pointer}.checkbox-input{width:20px;height:20px;cursor:pointer;margin-right:8px}.info-list{margin-top:8px;margin-bottom:0;padding-left:20px}.p-40{padding:40px}.p-12{padding:12px}.px-16{padding-left:16px;padding-right:16px}.px-24{padding-left:24px;padding-right:24px}.py-6{padding-top:6px;padding-bottom:6px}.px-12{padding-left:12px;padding-right:12px}.px-4{padding-left:4px;padding-right:4px}.mb-0{margin-bottom:0}.mt-28{margin-top:28px}.align-start{align-items:flex-start}.align-end{align-self:flex-end}.flex-1{flex:1 1}.hidden{display:none}.cursor-pointer{cursor:pointer}.text-success{color:#10b981}.text-warning{color:#f59e0b}.text-danger{color:#dc2626}.bg-danger-light{background-color:#fef2f2}.border-danger{border-color:#dc2626}.text-danger-dark{color:#991b1b}.bg-warning-light{background-color:#fef3c7}.text-warning-dark{color:#92400e}.status-active{background-color:#d1fae5;color:#16a34a}.status-inactive{background-color:#f3f4f6;color:#6b7280}.p-48{padding:48px}.gap-6{gap:6px}.mx-auto{margin-left:auto;margin-right:auto}.bg-transparent{background-color:transparent}.border-danger-2{border:2px solid #dc2626}.text-status-absent{color:var(--color-status-absent)}.mb-16{margin-bottom:16px}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-wrap-center{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.flex-center-gap-6{display:flex;align-items:center;gap:6px}.fs-13{font-size:13px}.text-sub{color:var(--color-text-sub)}.select-auto{width:auto;height:40px;padding-inline:12px;font-size:14px}.m-0{margin:0}.btn-export{margin:0;gap:6px;padding:0 16px;height:44px;border-radius:8px;border:none;background-color:#3b82f6;color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;white-space:nowrap;min-width:80px;display:flex;align-items:center;justify-content:center}.card-gray{margin-bottom:16px;background-color:#f9fafb;border:1px solid var(--color-border)}.flex-gap-8,.flex-gap-8-wrap{display:flex;gap:8px}.flex-gap-8-wrap{margin-bottom:12px;flex-wrap:wrap;align-items:center}.info-box{font-size:12px;color:var(--color-text-muted);margin-bottom:8px;padding:8px 12px;background-color:#f3f4f6;border-radius:4px}.textarea-bulk{width:100%;min-height:200px;font-family:monospace;font-size:13px;line-height:1.6;resize:vertical}.flex-gap-8-mt-12{display:flex;gap:8px;margin-top:12px;align-items:center}.p-20{padding:20px}.skeleton-mb-16{margin-bottom:16px}.skeleton-card-mb-12{margin-bottom:12px}.flex-between-start{display:flex;justify-content:space-between;align-items:flex-start}.mb-8{margin-bottom:8px}.fs-16-fw-600{font-size:16px;font-weight:600}.meta-sub{margin-bottom:8px;font-size:12px;color:var(--color-text-sub)}.flex-gap-8-mt-8{display:flex;gap:8px;margin-top:8px}.btn-delete-outline,.btn-flex-1{flex:1 1;padding:6px 12px;font-size:12px}.btn-delete-outline{color:var(--color-status-absent);border-color:var(--color-status-absent)}.table-header-sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sort-indicator{margin-left:4px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{width:90%;max-width:600px;max-height:90vh;overflow:auto;background-color:#fff}.flex-column-row{display:flex;flex-direction:column;flex-wrap:nowrap;gap:12px;margin-bottom:16px;align-items:stretch}@media (min-width:768px){.flex-column-row{flex-direction:row;flex-wrap:wrap;align-items:flex-end}}.form-field-responsive{min-width:100%;flex:none;width:100%}@media (min-width:768px){.form-field-responsive{min-width:160px;flex:1 1;width:auto}}.form-field-responsive-120{min-width:100%;flex:none;width:100%}@media (min-width:768px){.form-field-responsive-120{min-width:120px;flex:0 0 120px;width:auto}}.form-field-responsive-150{min-width:100%;flex:none;width:100%}@media (min-width:768px){.form-field-responsive-150{min-width:150px;flex:0 0 150px;width:auto}}.form-field-responsive-180{min-width:100%;flex:none;width:100%}@media (min-width:768px){.form-field-responsive-180{min-width:180px;flex:1 1;width:auto}}.flex-column-row-responsive{display:flex;flex-direction:column;flex-wrap:nowrap;gap:12px;align-items:stretch}@media (min-width:768px){.flex-column-row-responsive{flex-direction:row;flex-wrap:wrap;align-items:flex-end}}.flex-column-row-responsive-buttons{display:flex;align-items:center;gap:8px;flex-direction:column;width:100%}@media (min-width:768px){.flex-column-row-responsive-buttons{flex-direction:row;width:auto}}.btn-responsive{width:100%}@media (min-width:768px){.btn-responsive{width:auto}}.btn-responsive-m-0{width:100%;margin:0;padding:0 16px}@media (min-width:768px){.btn-responsive-m-0{width:auto}}.btn-back{display:flex;align-items:center;justify-content:center;gap:6px;padding:0 16px;height:44px;border-radius:8px;border:none;background-color:#3b82f6;color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;white-space:nowrap;min-width:80px}.loading-container{padding:40px;text-align:center;color:var(--color-text-sub)}.summary-card-bar-blue{background-color:#2563eb}.summary-card-bar-green{background-color:#16a34a}.summary-card-bar-orange{background-color:#f97316}.table-cell-center{text-align:center;padding:40px}.flex-end-responsive{display:flex;align-items:center;gap:8px;justify-content:flex-end;flex-direction:column}@media (min-width:768px){.flex-end-responsive{flex-direction:row}}.btn-auto-mt-8{width:auto;margin-top:8px;padding:0 16px}.text-no-decoration{text-decoration:none}.btn-delete-outline-border{border-color:var(--color-status-absent)}.p-mb-8{margin:0 0 8px}