:root{--primary:#1d4ed8;--primary-dk:#1e40af;--danger:#dc2626;--success:#16a34a;--bg:#f1f5f9;--card:#fff;--border:#e2e8f0;--muted:#64748b;--text:#1e293b;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s7:32px;--radius:10px;--radius-lg:14px;--shadow-sm:0 1px 2px #16202f0f;--shadow:0 1px 3px #0000001a, 0 1px 2px #0000000f}@media (width<=480px){input,select,textarea{font-size:16px!important}}.p-shell{flex-direction:column;min-height:100dvh;display:flex}.p-shell__content{flex:1;overflow-y:auto}.p-shell--bottom-nav .p-shell__content{padding-bottom:calc(56px + env(safe-area-inset-bottom))}.p-app-bar{background:var(--primary);color:#fff;height:48px;padding:0 var(--s4);align-items:center;gap:var(--s3);z-index:50;flex-shrink:0;display:flex;position:sticky;top:0}.p-app-bar__title{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:1rem;font-weight:700;overflow:hidden}.p-app-bar__name{opacity:.85;white-space:nowrap;text-overflow:ellipsis;max-width:120px;font-size:.78rem;overflow:hidden}.p-app-bar__signout{color:#fff;cursor:pointer;white-space:nowrap;background:#ffffff26;border:1px solid #ffffff4d;border-radius:6px;min-height:32px;padding:6px 12px;font-size:.8rem;transition:background .12s}.p-app-bar__signout:hover{background:#ffffff40}.p-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--s4)}.p-badge{white-space:nowrap;text-transform:uppercase;letter-spacing:.03em;border-radius:12px;padding:2px 8px;font-size:.7rem;font-weight:700;display:inline-block}.p-badge--success{color:#166534;background:#dcfce7}.p-badge--danger{color:#991b1b;background:#fee2e2}.p-badge--warn{color:#713f12;background:#fef9c3}.p-badge--info{color:#1d4ed8;background:#dbeafe}.p-badge--neutral{color:var(--muted);background:#f1f5f9}.p-seg{border:1px solid var(--border);margin-bottom:var(--s5);border-radius:8px;display:flex;overflow:hidden}.p-seg__btn{min-height:44px;padding:0 var(--s3);cursor:pointer;color:var(--muted);background:0 0;border:none;flex:1;font-family:inherit;font-size:.95rem;font-weight:500;transition:background .15s,color .15s}.p-seg__btn+.p-seg__btn{border-left:1px solid var(--border)}.p-seg__btn--active{background:var(--primary);color:#fff}.p-seg__btn:hover:not(.p-seg__btn--active){background:var(--bg)}.p-empty{text-align:center;padding:48px var(--s4);color:var(--muted)}.p-empty__icon{margin-bottom:var(--s3);font-size:2.5rem;line-height:1}.p-empty__msg{margin-bottom:var(--s2);font-size:.9rem;font-weight:600}.p-empty__sub{font-size:.8rem}.p-offline-banner{padding:var(--s2) var(--s4);color:#92400e;text-align:center;background:#fef3c7;border-bottom:1px solid #fcd34d;flex-shrink:0;font-size:.8rem}.p-skel{background:linear-gradient(90deg, var(--border) 25%, #f8fafc 50%, var(--border) 75%);background-size:200% 100%;border-radius:4px;animation:1.4s ease-in-out infinite p-shimmer}@keyframes p-shimmer{to{background-position:-200% 0}}.p-skel--text{width:100%;height:14px;margin-bottom:var(--s2);border-radius:3px}.p-skel--text-sm{width:60%;height:12px;margin-bottom:var(--s2);border-radius:3px}.p-skel--rect{width:100%;height:48px}.p-skel--circle{border-radius:50%}.p-toast{bottom:calc(var(--s7) + env(safe-area-inset-bottom));color:#fff;padding:var(--s3) var(--s5);white-space:nowrap;z-index:300;pointer-events:none;background:#1e293b;border-radius:20px;font-size:.875rem;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #00000040}.p-tabs{background:var(--card);border-bottom:1px solid var(--border);flex-shrink:0;display:flex}.p-tabs__btn{padding:0 var(--s5);cursor:pointer;min-height:44px;color:var(--muted);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;margin-bottom:-1px;font-family:inherit;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .12s,border-color .12s;display:flex}.p-tabs__btn--active{color:var(--primary);border-bottom-color:var(--primary)}.p-tabs__btn:hover:not(.p-tabs__btn--active){color:var(--text)}.p-bottom-tabs{background:var(--card);border-top:1px solid var(--border);height:calc(56px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);z-index:50;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -1px 8px #0000000f}.p-bottom-tabs__item{cursor:pointer;color:var(--muted);min-height:44px;padding:var(--s2) var(--s1);-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-family:inherit;font-size:.7rem;font-weight:500;text-decoration:none;transition:color .12s;display:flex}.p-bottom-tabs__item--active{color:var(--primary)}.p-bottom-tabs__icon{font-size:1.25rem;line-height:1}.p-bottom-tabs__label{letter-spacing:.01em;font-size:.65rem;font-weight:600}.p-page-header{margin-bottom:var(--s5);padding:var(--s5) var(--s4) 0}.p-page-header__title{color:var(--text);font-size:1.15rem;font-weight:700}.p-page-header__sub{color:var(--muted);margin-top:2px;font-size:.82rem}.p-stat-row{gap:var(--s2);margin-bottom:var(--s3);scrollbar-width:none;display:flex;overflow-x:auto}.p-stat-row::-webkit-scrollbar{display:none}.p-stat-row__cell{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);min-width:56px;padding:var(--s3) var(--s2);flex-direction:column;flex:1;align-items:center;gap:2px;display:flex}.p-stat-row__val{color:var(--text);font-size:1.25rem;font-weight:700;line-height:1}.p-stat-row__lbl{color:var(--muted);text-align:center;text-transform:uppercase;letter-spacing:.03em;font-size:.65rem}.p-data-list{gap:var(--s2);flex-direction:column;display:flex}.p-data-list-row{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--s3) var(--s4);gap:var(--s1);flex-direction:column;display:flex}.p-data-list-row__primary{font-size:.9rem;font-weight:600}.p-data-list-row__secondary{color:var(--muted);font-size:.8rem}@media (width>=640px){.p-data-list{border:1px solid var(--border);border-radius:var(--radius);gap:0;overflow:hidden}.p-data-list-row{align-items:center;gap:var(--s4);padding:var(--s3) var(--s4);border-top:none;border-left:none;border-right:none;border-radius:0;flex-direction:row}.p-data-list-row:first-child{border-top:1px solid var(--border)}.p-data-list-row__primary{flex:1}.p-data-list-row__secondary{flex:none}}.p-modal-scrim{z-index:200;background:#00000080;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}.p-modal{background:var(--card);border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;padding:var(--s6) var(--s5) calc(var(--s6) + env(safe-area-inset-bottom));max-height:85dvh;overflow-y:auto}.p-modal__header{margin-bottom:var(--s5);justify-content:space-between;align-items:center;display:flex}.p-modal__title{font-size:1.05rem;font-weight:700}.p-modal__close{cursor:pointer;color:var(--muted);background:0 0;border:none;justify-content:center;align-items:center;min-width:44px;min-height:44px;font-size:1.2rem;line-height:1;display:flex}.p-modal__footer{gap:var(--s3);margin-top:var(--s5);justify-content:flex-end;display:flex}@media (width>=640px){.p-modal-scrim{padding:var(--s4);justify-content:center;align-items:center}.p-modal{border-radius:var(--radius);width:480px;max-height:90dvh;padding:var(--s6) var(--s6) var(--s6)}}.p-last-updated{color:var(--muted);text-align:center;padding:var(--s2) var(--s4) var(--s5);font-size:.72rem}.p-error-fallback{padding:var(--s7) var(--s4);max-width:480px;margin:4rem auto}.p-error-fallback__title{color:var(--danger);margin-bottom:var(--s3);font-size:1.1rem;font-weight:700}.p-error-fallback__msg{padding:var(--s3) var(--s4);color:#991b1b;margin-bottom:var(--s5);word-break:break-word;background:#fef2f2;border:1px solid #fca5a5;border-radius:6px;font-size:.9rem}.p-error-fallback__btn{background:var(--primary);color:#fff;padding:var(--s2) var(--s5);cursor:pointer;border:none;border-radius:6px;min-height:44px;font-family:inherit;font-size:.95rem;transition:background .12s}.p-error-fallback__btn:hover{background:var(--primary-dk)}.p-btn{min-height:44px;padding:0 var(--s5);cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;font-family:inherit;font-size:.9rem;font-weight:600;text-decoration:none;transition:background .12s,border-color .12s,opacity .12s;display:inline-flex}.p-btn--primary{background:var(--primary);color:#fff;border-color:var(--primary)}.p-btn--primary:hover{background:var(--primary-dk);border-color:var(--primary-dk)}.p-btn--primary:disabled{opacity:.5;cursor:not-allowed}.p-btn--danger{background:var(--danger);color:#fff;border-color:var(--danger)}.p-btn--danger:hover{background:#b91c1c}.p-btn--ghost{color:var(--text);border-color:var(--border);background:0 0}.p-btn--ghost:hover{background:var(--bg)}.p-notice{padding:4px var(--s3);color:#92400e;background:#fefce8;border:1px solid #fde68a;border-radius:6px;margin-bottom:0;font-size:.8rem}.p-progress{background:var(--border);border-radius:2px;flex:1;min-width:40px;height:4px;overflow:hidden}.p-progress__fill{background:var(--primary);border-radius:2px;height:100%;transition:width .2s}.p-progress__fill--done{background:var(--success)}.p-action-bar{background:var(--card);border-top:1px solid var(--border);align-items:center;gap:var(--s3);padding:var(--s3) var(--s4) calc(var(--s3) + env(safe-area-inset-bottom));z-index:60;min-height:calc(52px + env(safe-area-inset-bottom));display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -1px 8px #0000000f}.p-action-bar__info{color:var(--muted);flex:1;font-size:.8rem}.p-action-bar-spacer{height:calc(52px + env(safe-area-inset-bottom) + var(--s3));flex-shrink:0}.p-entry-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:6px var(--s3);flex-direction:column;gap:4px;display:flex}.p-entry-card--absent{background:#fff7f7;border-color:#fca5a5}.p-entry-card__name{align-items:center;gap:var(--s2);font-size:.85rem;font-weight:600;line-height:1.2;display:flex}.p-entry-card__code{color:var(--muted);font-size:.7rem;font-weight:400}.p-entry-card__left{color:#6b7280;background:#e5e7eb;border-radius:4px;padding:1px 6px;font-size:.7rem}.p-entry-card__row{align-items:center;gap:var(--s3);display:flex}.p-entry-input{border:1px solid var(--border);width:88px;height:44px;padding:0 var(--s3);color:var(--text);background:var(--card);border-radius:6px;font-family:inherit;font-size:1rem;transition:border-color .12s}.p-entry-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px #1d4ed826}.p-entry-input--error{border-color:var(--danger)}.p-entry-input:disabled{color:var(--muted);background:#f8fafc}.p-entry-card__total{color:var(--muted);white-space:nowrap;font-size:.82rem}.p-entry-card__error{color:var(--danger);font-size:.72rem}.p-entry-card__absent{align-items:center;gap:var(--s2);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.82rem;display:flex}.p-entry-card__remark-btn{color:var(--primary);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;font-family:inherit;font-size:.78rem;text-decoration:underline}.p-entry-card__remark-input{border:1px solid var(--border);width:100%;height:36px;padding:0 var(--s3);color:var(--text);background:var(--card);border-radius:6px;font-family:inherit;font-size:.85rem}.p-entry-card__remark-input:focus{border-color:var(--primary);outline:none}.p-entry-list{gap:var(--s2);flex-direction:column;display:flex}.p-entry-table-wrap{overflow-x:auto}.p-entry-table{border-collapse:collapse;width:100%;font-size:.88rem}.p-entry-table th{text-align:left;padding:var(--s2) var(--s3);text-transform:uppercase;letter-spacing:.04em;color:var(--muted);border-bottom:2px solid var(--border);white-space:nowrap;font-size:.72rem;font-weight:700}.p-entry-table td{padding:var(--s2) var(--s3);border-bottom:1px solid var(--border);vertical-align:middle}.p-entry-table tr:last-child td{border-bottom:none}.p-entry-table__row--absent{background:#fff7f7}.p-entry-table .td-marks{width:160px}.p-entry-table .td-absent{text-align:center;width:80px}.p-entry-table .td-remarks{min-width:160px}.p-card.p-card--sm{padding:var(--s2)}.p-stat-row--sm{margin-bottom:var(--s1)}.p-stat-row--sm .p-stat-row__cell{padding:var(--s2) var(--s2)}.p-stat-row--sm .p-stat-row__val{font-size:1.05rem}.p-data-list-row--btn{appearance:none;cursor:pointer;text-align:left;width:100%;font-family:inherit}.p-data-list-row--btn:hover{background:#f8fafc}.p-item-head{align-items:center;gap:var(--s2);flex-wrap:wrap;min-width:0;display:flex}.p-item-title{font-size:.9rem;font-weight:600}.p-item-meta{color:var(--muted);margin-top:2px;font-size:.78rem}.p-item-foot{align-items:center;gap:var(--s2);margin-top:var(--s1);display:flex}.p-item-progress-label{color:var(--muted);white-space:nowrap;font-size:.75rem}.p-select{height:36px;padding:0 var(--s3);border:1px solid var(--border);color:var(--text);background:var(--card);cursor:pointer;border-radius:6px;font-family:inherit;font-size:.85rem}.p-filters{gap:var(--s2);padding:0 0 var(--s3);flex-wrap:wrap;align-items:center;display:flex}.p-page{gap:var(--s2);padding:var(--s2);flex-direction:column;display:flex}.p-paper-actions{gap:var(--s2);margin-top:var(--s1);flex-wrap:wrap;display:flex}.p-child-switcher{gap:var(--s2);padding:var(--s1) 0;flex-wrap:wrap;display:flex}.p-child-chip{padding:5px var(--s3);border:1.5px solid var(--border);background:var(--card);cursor:pointer;color:var(--text);white-space:nowrap;border-radius:20px;min-height:36px;font-family:inherit;font-size:.84rem;transition:background .1s,border-color .1s}.p-child-chip--active{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:600}.p-tile-grid{gap:var(--s2);grid-template-columns:repeat(3,1fr);display:grid}.p-tile{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--s3);gap:var(--s1);cursor:pointer;text-align:left;flex-direction:column;min-height:72px;font-family:inherit;transition:box-shadow .12s;display:flex}.p-tile:hover{box-shadow:0 2px 8px #0000001a}.p-tile__label{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:.68rem;font-weight:700}.p-tile__value{color:var(--text);font-size:.9rem;font-weight:700;line-height:1.3}.p-tile__sub{color:var(--muted);font-size:.72rem}.p-child-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--s3);align-items:flex-start;gap:var(--s3);display:flex}.p-child-avatar{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:.9rem;font-weight:700;display:flex}.p-child-name{margin:0;font-size:1rem;font-weight:700}.p-child-meta{color:var(--muted);gap:4px var(--s2);flex-wrap:wrap;margin-top:2px;font-size:.78rem;display:flex}.p-child-today{margin-top:4px;font-size:.8rem;font-weight:500}.p-cal{width:100%}.p-cal__nav{margin-bottom:var(--s2);justify-content:space-between;align-items:center;display:flex}.p-cal__nav-arrow{cursor:pointer;color:var(--text);background:0 0;border:none;min-height:36px;padding:4px 10px;font-family:inherit;font-size:1.3rem;line-height:1}.p-cal__nav-title{font-size:.9rem;font-weight:600}.p-cal__head{grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:2px;display:grid}.p-cal__head-cell{text-align:center;color:var(--muted);padding:var(--s1) 0;text-transform:uppercase;font-size:.65rem;font-weight:700}.p-cal__body{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.p-cal__cell{aspect-ratio:1;cursor:pointer;min-height:36px;color:var(--text);background:0 0;border:1.5px solid #0000;border-radius:4px;justify-content:center;align-items:center;font-family:inherit;font-size:.82rem;transition:opacity .1s;display:flex}.p-cal__cell--empty{pointer-events:none}.p-cal__cell--out{color:var(--muted)}.p-cal__cell--present{color:#15803d;background:#dcfce7}.p-cal__cell--late{color:#a16207;background:#fef9c3}.p-cal__cell--absent{color:#b91c1c;background:#fee2e2}.p-cal__cell--leave{color:#1d4ed8;background:#dbeafe}.p-cal__cell--holiday{color:#6b7280;background:#f3f4f6}.p-cal__cell--pending{color:#9ca3af;background:#f3f4f6}.p-cal__cell--non_working{color:#d1d5db}.p-cal__cell--selected{border-color:var(--primary)!important}.p-cal__legend{gap:var(--s2) var(--s3);margin-top:var(--s3);flex-wrap:wrap;font-size:.75rem;display:flex}.p-cal__legend-item{color:var(--muted);align-items:center;gap:5px;display:flex}.p-cal__legend-dot{border-radius:2px;flex-shrink:0;width:10px;height:10px}.p-bar-chart{margin:var(--s3) 0}.p-bar-chart__title{color:var(--muted);margin-bottom:var(--s2);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:700}.p-bar-chart__cols{align-items:flex-end;gap:4px;height:90px;display:flex}.p-bar-chart__col{flex-direction:column;flex:1;align-items:center;gap:2px;min-width:0;display:flex}.p-bar-chart__pct{color:var(--muted);white-space:nowrap;height:12px;font-size:.6rem;line-height:12px}.p-bar-chart__track{background:var(--border);border-radius:3px;align-items:flex-end;width:100%;height:70px;display:flex;overflow:hidden}.p-bar-chart__bar{border-radius:3px 3px 0 0;width:100%;min-height:2px;transition:height .2s}.p-bar-chart__lbl{color:var(--muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:.6rem;overflow:hidden}.p-detail-table-wrap{overflow-x:auto}.p-detail-table{border-collapse:collapse;width:100%;font-size:.82rem}.p-detail-table th{padding:var(--s2);text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);border-bottom:2px solid var(--border);white-space:nowrap;font-size:.7rem;font-weight:700}.p-detail-table td{padding:var(--s2);border-bottom:1px solid var(--border);vertical-align:middle}.p-detail-table tr:last-child td{border-bottom:none}.p-detail-table .td-num{text-align:right;white-space:nowrap}.p-detail-table .td-danger{color:var(--danger)}.p-detail-table .tr-total{background:#f8fafc;font-weight:700}.p-accordion-item{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);overflow:hidden}.p-accordion-item+.p-accordion-item{margin-top:var(--s2)}.p-accordion-toggle{text-align:left;cursor:pointer;width:100%;padding:var(--s3);align-items:center;gap:var(--s2);background:0 0;border:none;flex-wrap:wrap;font-family:inherit;font-size:.88rem;display:flex}.p-accordion-toggle:hover{background:#f8fafc}.p-accordion-body{border-top:1px solid var(--border);padding:var(--s3)}.p-accordion-chevron{color:var(--muted);flex-shrink:0;margin-left:auto;font-size:.8rem}.p-status{white-space:nowrap;border-radius:12px;align-items:center;padding:2px 8px;font-size:.72rem;font-weight:700;display:inline-flex}.p-status--paid{color:#15803d;background:#dcfce7}.p-status--partial{color:#a16207;background:#fef9c3}.p-status--unpaid{color:#b91c1c;background:#fee2e2}.p-status--overdue{color:#b91c1c;background:#fee2e2;border:1px solid #fca5a5}.p-status--pass{color:#15803d;background:#dcfce7}.p-status--fail{color:#b91c1c;background:#fee2e2}.p-status--pending{color:#9ca3af;background:#f3f4f6}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:var(--text);background:var(--bg);min-height:100dvh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5}.loader-wrap{justify-content:center;align-items:center;min-height:100dvh;display:flex}.loader{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:32px;height:32px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-wrap{flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:16px;display:flex}.login-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);width:100%;max-width:420px;padding:32px 24px}.login-header{text-align:center;margin-bottom:24px}.login-logo{margin-bottom:8px;font-size:40px;line-height:1}.login-header h1{margin-bottom:4px;font-size:1.5rem;font-weight:700}.login-header p{color:var(--muted);font-size:.9rem}.tab-group{border:1px solid var(--border);border-radius:8px;margin-bottom:20px;display:flex;overflow:hidden}.tab-btn{cursor:pointer;color:var(--muted);background:0 0;border:none;flex:1;padding:9px;font-size:.95rem;font-weight:500;transition:background .15s,color .15s}.tab-btn+.tab-btn{border-left:1px solid var(--border)}.tab-btn--active{background:var(--primary);color:#fff}.tab-btn:hover:not(.tab-btn--active){background:var(--bg)}.field{margin-bottom:16px}.field label{margin-bottom:6px;font-size:.875rem;font-weight:500;display:block}.field input{border:1px solid var(--border);width:100%;color:var(--text);background:#fff;border-radius:8px;outline:none;padding:10px 12px;font-size:1rem;transition:border-color .15s}.field input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #1d4ed826}.field input:disabled{background:var(--bg);color:var(--muted)}.password-wrap{position:relative}.password-wrap input{padding-right:64px}.show-pw-btn{cursor:pointer;color:var(--muted);background:0 0;border:none;padding:4px 6px;font-size:.8rem;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.show-pw-btn:hover{color:var(--text)}.error-hint{margin-top:6px;font-style:italic}.notice-box{color:#713f12;background:#fef9c3;border:1px solid #fde047;border-radius:8px;margin-bottom:20px;padding:12px 14px;font-size:.875rem}.submit-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;padding:12px;font-size:1rem;font-weight:600;transition:background .15s}.submit-btn:hover:not(:disabled){background:var(--primary-dk)}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.forgot-wrap{text-align:center;margin-top:20px}.forgot-link{cursor:pointer;color:var(--primary);background:0 0;border:none;font-size:.875rem;text-decoration:underline}.forgot-msg{color:var(--muted);margin-top:8px;font-size:.875rem;font-style:italic}.page-wrap{flex-direction:column;min-height:100dvh;display:flex}.app-header{background:var(--primary);color:#fff;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.app-header h1{font-size:1.1rem;font-weight:700}.signout-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#ffffff26;border:1px solid #ffffff4d;border-radius:6px;padding:6px 12px;font-size:.875rem}.signout-btn:hover{background:#ffffff40}.app-main{flex:1;width:100%;max-width:640px;margin:0 auto;padding:20px 16px}.welcome-text{margin-bottom:24px;font-size:1.1rem;font-weight:600}.app-main h2{border-bottom:1px solid var(--border);margin-bottom:12px;padding-bottom:8px;font-size:1rem;font-weight:600}.children-list{flex-direction:column;gap:8px;list-style:none;display:flex}.children-list li{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:12px 16px;font-weight:500}.muted-text{color:var(--muted)}.app-main--wide{max-width:800px}.filter-bar{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.filter-select{border:1px solid var(--border);min-width:130px;color:var(--text);background:#fff;border-radius:8px;outline:none;flex:1;padding:8px 10px;font-size:.875rem}.filter-select:focus{border-color:var(--primary)}.status-chips{gap:6px;display:flex}.chip{border:1px solid var(--border);cursor:pointer;color:var(--muted);white-space:nowrap;background:#fff;border-radius:20px;padding:6px 14px;font-size:.8rem;font-weight:500;transition:background .12s,color .12s,border-color .12s}.chip--active{background:var(--primary);border-color:var(--primary);color:#fff}.test-list{flex-direction:column;gap:10px;display:flex}.test-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;text-align:left;width:100%;padding:14px 16px;transition:border-color .15s,box-shadow .15s}.test-card:hover{border-color:var(--primary);box-shadow:0 0 0 3px #1d4ed814}.test-card__top{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:4px;display:flex}.test-card__name{text-align:left;font-size:1rem;font-weight:600}.type-badge{color:#3730a3;white-space:nowrap;text-transform:capitalize;background:#e0e7ff;border-radius:12px;flex-shrink:0;padding:2px 8px;font-size:.7rem;font-weight:600}.test-card__meta{color:var(--muted);margin-bottom:10px;font-size:.85rem}.test-card__progress{align-items:center;gap:8px;display:flex}.progress-bar{background:var(--border);border-radius:3px;flex:1;height:6px;overflow:hidden}.progress-fill{background:var(--primary);border-radius:3px;height:100%}.progress-fill--done{background:var(--success)}.progress-label{color:var(--muted);white-space:nowrap;font-size:.8rem}.empty-state{text-align:center;color:var(--muted);padding:48px 16px;font-size:.9rem}.marks-page{flex-direction:column;min-height:100dvh;display:flex}.marks-header{background:var(--primary);color:#fff;flex-shrink:0;padding:12px 16px}.marks-header__top{align-items:center;gap:10px;margin-bottom:6px;display:flex}.marks-header__title{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:1.05rem;font-weight:700;overflow:hidden}.marks-header__info{color:#ffffffd9;flex-wrap:wrap;gap:2px 8px;font-size:.82rem;display:flex}.back-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#ffffff26;border:1px solid #ffffff4d;border-radius:6px;flex-shrink:0;padding:5px 10px;font-size:.85rem}.back-btn:hover{background:#ffffff40}.marks-note{color:#713f12;text-align:center;background:#fef9c3;border-bottom:1px solid #fde047;flex-shrink:0;padding:7px 16px;font-size:.8rem}.marks-main{flex:1;padding-bottom:80px;overflow-y:auto}.student-cards{flex-direction:column;display:flex}.student-card{background:var(--card);border-bottom:1px solid var(--border);padding:12px 16px}.student-card--absent{background:#fafafa}.student-card__name{margin-bottom:8px;font-size:.9rem;font-weight:600}.student-card__code{color:var(--muted);margin-left:6px;font-size:.78rem;font-weight:400}.marks-row{align-items:flex-start;gap:10px;margin-bottom:6px;display:flex}.marks-input-wrap{flex:1}.marks-input{border:1px solid var(--border);background:#fff;border-radius:6px;outline:none;width:100%;padding:8px 10px;font-size:1rem;transition:border-color .15s}.marks-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #1d4ed81f}.marks-input--error{border-color:var(--danger)!important}.marks-input:disabled{background:var(--bg);color:var(--muted)}.marks-error{color:var(--danger);margin-top:3px;font-size:.78rem}.absent-label{cursor:pointer;white-space:nowrap;color:var(--muted);align-items:center;gap:5px;padding-top:9px;font-size:.875rem;display:flex}.absent-label input[type=checkbox]{cursor:pointer;width:16px;height:16px;accent-color:var(--primary)}.remarks-input{border:1px solid var(--border);width:100%;color:var(--text);background:#fff;border-radius:6px;outline:none;padding:6px 10px;font-size:.85rem}.remarks-input:focus{border-color:var(--primary)}.marks-table-wrap{display:none}@media (width>=640px){.student-cards{display:none}.marks-table-wrap{display:block;overflow-x:auto}.marks-table{border-collapse:collapse;width:100%}.marks-table th,.marks-table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:middle;padding:9px 12px;font-size:.875rem}.marks-table th{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;z-index:1;background:#f8fafc;font-size:.78rem;font-weight:600;position:sticky;top:0}.marks-table tr:hover td{background:#fafbfc}.td-code{color:var(--muted);width:80px;font-size:.8rem!important}.td-marks{width:120px}.td-absent{width:80px;text-align:center!important}.td-remarks{min-width:140px}}.save-bar{background:var(--card);border-top:1px solid var(--border);z-index:100;align-items:center;gap:12px;padding:10px 16px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 8px #0000000f}.save-btn{background:var(--primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:10px 24px;font-size:.95rem;font-weight:600;transition:background .15s}.save-btn:hover:not(:disabled){background:var(--primary-dk)}.save-btn:disabled{opacity:.6;cursor:not-allowed}.save-info{color:var(--muted);flex:1;font-size:.82rem}.dirty-badge{vertical-align:middle;background:#f59e0b;border-radius:50%;width:8px;height:8px;margin-right:5px;display:inline-block}.save-error{color:var(--danger);white-space:pre-wrap;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin:12px 16px;padding:12px 16px;font-size:.875rem}.summary-panel{border-radius:var(--radius);background:#f0fdf4;border:1px solid #86efac;margin:12px 16px;padding:14px 16px}.summary-panel h3{color:var(--success);margin-bottom:10px;font-size:.88rem;font-weight:700}.summary-grid{grid-template-columns:1fr 1fr;gap:8px 20px;display:grid}@media (width>=480px){.summary-grid{grid-template-columns:repeat(3,1fr)}}.summary-item{flex-direction:column;display:flex}.summary-item__label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem}.summary-item__value{color:var(--text);font-size:1.15rem;font-weight:700}.summary-item__value--pass{color:var(--success)}.summary-item__value--fail{color:var(--danger)}.overlay{z-index:200;background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.confirm-card{background:var(--card);border-radius:var(--radius);width:100%;max-width:360px;padding:24px;box-shadow:0 10px 40px #0003}.confirm-card h2{margin-bottom:8px;font-size:1.1rem;font-weight:700}.confirm-card p{color:var(--muted);margin-bottom:20px;font-size:.9rem}.confirm-actions{justify-content:flex-end;gap:10px;display:flex}.btn-cancel{border:1px solid var(--border);cursor:pointer;color:var(--text);background:0 0;border-radius:6px;padding:8px 18px;font-size:.9rem}.btn-leave{background:var(--danger);cursor:pointer;color:#fff;border:none;border-radius:6px;padding:8px 18px;font-size:.9rem;font-weight:600}.teacher-nav{background:var(--card);border-bottom:1px solid var(--border);gap:0;display:flex}.teacher-nav__link{cursor:pointer;color:var(--muted);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 20px;font-size:.9rem;font-weight:500;transition:color .12s,border-color .12s}.teacher-nav__link--active{color:var(--primary);border-bottom-color:var(--primary)}.teacher-nav__link:hover:not(.teacher-nav__link--active){color:var(--text)}.paper-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:4px;padding:14px 16px;display:flex}.paper-card__top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.paper-card__title{font-size:.95rem;font-weight:600}.paper-card__meta{color:var(--muted);font-size:.82rem}.paper-card__file{color:var(--muted);flex-wrap:wrap;gap:6px;font-size:.8rem;display:flex}.paper-card__actions{gap:8px;margin-top:6px;display:flex}.status-badge{white-space:nowrap;text-transform:uppercase;letter-spacing:.04em;border-radius:12px;flex-shrink:0;padding:2px 8px;font-size:.7rem;font-weight:700}.status-badge--new{color:#1d4ed8;background:#dbeafe}.status-badge--downloaded{color:#713f12;background:#fef9c3}.status-badge--printed{color:#166534;background:#dcfce7}.btn-sm{border:1px solid var(--border);cursor:pointer;color:var(--text);white-space:nowrap;background:0 0;border-radius:6px;padding:5px 14px;font-size:.82rem;font-weight:500;transition:background .12s,border-color .12s}.btn-sm:hover:not(:disabled){background:var(--bg)}.btn-sm:disabled{opacity:.55;cursor:not-allowed}.btn-sm--primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn-sm--primary:hover:not(:disabled){background:var(--primary-dk);border-color:var(--primary-dk)}.btn-sm--danger{border-color:var(--danger);color:var(--danger)}.btn-sm--danger:hover:not(:disabled){background:#fef2f2}.btn-primary-full{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;padding:11px;font-size:.95rem;font-weight:600;transition:background .15s}.btn-primary-full:hover:not(:disabled){background:var(--primary-dk)}.btn-primary-full:disabled{opacity:.6;cursor:not-allowed}.upload-form{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px 16px}.upload-form h2{border-bottom:1px solid var(--border);margin-bottom:16px;padding-bottom:10px;font-size:1rem;font-weight:700}.field select,.field textarea{border:1px solid var(--border);width:100%;color:var(--text);background:#fff;border-radius:8px;outline:none;padding:10px 12px;font-size:1rem;transition:border-color .15s}.field select:focus,.field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #1d4ed826}.field select:disabled,.field textarea:disabled{background:var(--bg);color:var(--muted)}.field textarea{resize:vertical;min-height:72px;font-family:inherit;line-height:1.4}.file-input-area{border:1px dashed var(--border);color:var(--muted);background:#fafbfc;border-radius:8px;flex-direction:column;gap:6px;padding:10px 12px;font-size:.9rem;display:flex}.file-input-area input[type=file]{color:var(--text);font-size:.85rem}.form-actions{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.app-header__subtitle{opacity:.85;margin-top:1px;font-size:.78rem;font-weight:400;display:block}.child-switcher{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.child-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:14px;margin-bottom:20px;padding:16px;display:flex}.child-avatar{background:var(--primary);color:#fff;letter-spacing:.02em;-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.1rem;font-weight:700;display:flex}.child-info__name{border:none;margin-bottom:4px;padding:0;font-size:1.05rem;font-weight:700}.child-info__meta{color:var(--muted);flex-wrap:wrap;gap:0 6px;font-size:.82rem;display:flex}.menu-tiles{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px;display:grid}.menu-tile{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:22px 12px;font-family:inherit;transition:border-color .15s,box-shadow .15s;display:flex}.menu-tile:not(.menu-tile--disabled):hover{border-color:var(--primary);box-shadow:0 0 0 3px #1d4ed814}.menu-tile--disabled{cursor:default;opacity:.65;grid-column:1/-1}.menu-tile__label{color:var(--text);font-size:1rem;font-weight:700}.menu-tile__sub{color:var(--muted);font-size:.75rem}.page-footer-note{color:var(--muted);text-align:center;padding:8px 0 16px;font-size:.75rem}.fee-summary{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;display:grid}.fee-summary-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px}.fee-summary-card__label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:.72rem}.fee-summary-card__value{font-size:1.05rem;font-weight:700}.fee-status{white-space:nowrap;text-transform:uppercase;letter-spacing:.04em;border-radius:12px;padding:2px 8px;font-size:.7rem;font-weight:700;display:inline-block}.fee-status--paid{color:#166534;background:#dcfce7}.fee-status--partial{color:#713f12;background:#fef9c3}.fee-status--unpaid{color:#1d4ed8;background:#dbeafe}.fee-status--overdue{color:#dc2626;background:#fee2e2}.fee-status--cancelled{color:var(--muted);background:#f1f5f9}.fee-year-filter{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.fee-month-list{border:1px solid var(--border);border-radius:var(--radius);background:var(--border);flex-direction:column;gap:1px;margin-bottom:20px;display:flex;overflow:hidden}.fee-month-row{background:var(--card)}.fee-month-header{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:12px 14px;display:flex}.fee-month-header:hover{background:#f8fafc}.fee-month-name{flex:1;font-size:.9rem;font-weight:600}.fee-month-remaining{color:var(--danger);font-size:.85rem;font-weight:600}.fee-month-details{border-top:1px solid var(--border);padding:12px 14px}.fee-items-table{border-collapse:collapse;width:100%;margin-bottom:10px;font-size:.8rem}.fee-items-table th{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;text-align:left;white-space:nowrap;background:#f8fafc;padding:6px 8px;font-size:.68rem;font-weight:600}.fee-items-table td{border-top:1px solid var(--border);padding:7px 8px}.payment-list{flex-direction:column;gap:8px;display:flex}.payment-row{background:var(--card);border:1px solid var(--border);border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex}.payment-row__info{flex-direction:column;gap:2px;min-width:0;display:flex}.payment-row__receipt{color:var(--muted);font-size:.78rem}.payment-row__amount{white-space:nowrap;font-size:.95rem;font-weight:700}.portal-note{color:var(--muted);text-align:center;padding:8px 0 4px;font-size:.78rem}.progress-wrap{background:var(--border);border-radius:3px;width:100%;height:6px;margin-top:8px;overflow:hidden}.progress-fill-upload{background:var(--primary);border-radius:3px;height:100%;transition:width .2s}.error-box{color:var(--danger);background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:16px;padding:12px 16px;font-size:.875rem}.child-chip{border:1px solid var(--border);background:var(--card);cursor:pointer;color:var(--muted);border-radius:20px;align-items:center;gap:7px;padding:7px 14px;font-size:.85rem;font-weight:500;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.child-chip--active{background:var(--primary);border-color:var(--primary);color:#fff}.child-chip__avatar{width:22px;height:22px;color:var(--primary);background:#1d4ed826;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;display:flex}.child-chip--active .child-chip__avatar{color:#fff;background:#ffffff40}.portal-last-updated{color:var(--muted);text-align:center;padding-bottom:20px;font-size:.72rem}.result-session-filter{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.result-session-chip{border:1px solid var(--border);background:var(--card);cursor:pointer;color:var(--muted);border-radius:16px;padding:5px 14px;font-size:.8rem;font-weight:500;transition:background .12s,color .12s,border-color .12s}.result-session-chip--active{background:var(--primary);border-color:var(--primary);color:#fff}.result-exam-list{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.result-exam-row{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .15s;overflow:hidden}.result-exam-row--open{border-color:var(--primary)}.result-exam-header{cursor:pointer;text-align:left;background:0 0;border:none;flex-direction:column;gap:4px;width:100%;padding:14px 14px 12px;display:flex;position:relative}.result-exam-header:hover{background:#fafbfc}.result-chevron{color:var(--muted);font-size:.7rem;position:absolute;top:14px;right:14px}.result-exam-title{align-items:center;gap:8px;padding-right:24px;display:flex}.result-exam-name{color:var(--text);font-size:.95rem;font-weight:700}.result-type-chip{color:#3730a3;white-space:nowrap;text-transform:capitalize;background:#e0e7ff;border-radius:10px;padding:2px 7px;font-size:.68rem;font-weight:600}.result-exam-meta{color:var(--muted);font-size:.78rem}.result-exam-date{white-space:nowrap}.result-exam-scores{flex-wrap:wrap;align-items:center;gap:8px;margin-top:2px;display:flex}.result-score{font-size:.88rem;font-weight:600}.result-pct{color:var(--muted);font-size:.88rem}.result-grade{color:#1d4ed8;background:#dbeafe;border-radius:10px;padding:1px 7px;font-size:.78rem;font-weight:700}.result-status{text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-radius:12px;padding:2px 8px;font-size:.7rem;font-weight:700}.result-status--pass{color:#166534;background:#dcfce7}.result-status--fail{color:#dc2626;background:#fee2e2}.result-status--pending{color:var(--muted);background:#f1f5f9}.result-position{color:#713f12;white-space:nowrap;background:#fef9c3;border-radius:10px;padding:2px 8px;font-size:.78rem;font-weight:600}.result-position--loading{opacity:.45}.result-pending-badge{color:var(--muted);font-size:.78rem;font-style:italic}.result-card{border-top:1px solid var(--border);padding:14px}.result-subject-table-wrap{margin-bottom:14px;overflow-x:auto}.result-subject-table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:.8rem}.result-subject-table th{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;text-align:left;background:#f8fafc;padding:6px 10px;font-size:.68rem;font-weight:600}.result-subject-table td{border-top:1px solid var(--border);white-space:nowrap;padding:7px 10px}.result-absent-cell{color:var(--muted);font-style:italic}.result-cell-badge{white-space:nowrap;border-radius:10px;padding:1px 7px;font-size:.7rem;font-weight:700}.result-cell-badge--pass{color:#166534;background:#dcfce7}.result-cell-badge--fail{color:#dc2626;background:#fee2e2}.result-cell-badge--absent{color:var(--muted);background:#f1f5f9}.result-overall{border:1px solid var(--border);background:#f8fafc;border-radius:8px;flex-direction:column;gap:6px;margin-bottom:12px;padding:12px 14px;display:flex}.result-overall__row{justify-content:space-between;align-items:center;font-size:.875rem;display:flex}.result-overall__label{color:var(--muted)}.result-overall__value{font-weight:600}.result-grade-lg{color:#1d4ed8;background:#dbeafe;border-radius:10px;padding:2px 10px;font-size:.95rem;font-weight:700}.result-position-lg{color:#713f12;background:#fef9c3;border-radius:10px;padding:2px 10px;font-size:.875rem}.result-class-stats{color:var(--muted);border-top:1px dashed var(--border);gap:16px;padding-top:6px;font-size:.78rem;display:flex}.result-remarks{margin-bottom:12px}.result-remark{color:var(--muted);margin-bottom:4px;font-size:.82rem}.result-pdf-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:8px 20px;font-size:.85rem;font-weight:600;transition:background .15s}.result-pdf-btn:hover{background:var(--primary-dk)}.progress-chart{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px;padding:16px 14px 12px}.progress-chart__title{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:14px;font-size:.85rem;font-weight:700}.progress-chart__bars{align-items:flex-end;gap:6px;height:100px;display:flex}.progress-chart__col{flex-direction:column;flex:1;align-items:center;gap:3px;min-width:0;display:flex}.progress-chart__pct-lbl{color:var(--muted);white-space:nowrap;min-height:14px;font-size:.65rem;font-weight:600;line-height:1.2}.progress-chart__track{align-items:flex-end;width:100%;height:72px;display:flex}.progress-chart__bar{border-radius:3px 3px 0 0;width:100%;min-height:2px;transition:height .3s}.progress-chart__exam-lbl{color:var(--muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:.62rem;line-height:1.3;overflow:hidden}.child-info__today{margin-top:4px;font-size:.82rem;font-weight:600}.att-period-chips{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.att-custom-range{flex-wrap:wrap;gap:12px;margin-bottom:12px;display:flex}.att-custom-range__label{color:var(--muted);flex-direction:column;gap:4px;font-size:.82rem;font-weight:500;display:flex}.att-custom-range__label input{border:1px solid var(--border);background:#fff;border-radius:8px;outline:none;padding:7px 10px;font-size:.875rem}.att-custom-range__label input:focus{border-color:var(--primary)}.att-summary-cards{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:8px;display:grid}.att-sum-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;align-items:center;gap:2px;padding:10px 8px;display:flex}.att-sum-card__val{font-size:1.4rem;font-weight:700;line-height:1}.att-sum-card__label{color:var(--muted);text-align:center;font-size:.7rem}.att-sum-card__sub{color:var(--muted);font-size:.68rem}.att-sum-card--wd{border-top:3px solid #64748b}.att-sum-card--present{border-top:3px solid #16a34a}.att-sum-card--present .att-sum-card__val{color:#16a34a}.att-sum-card--absent{border-top:3px solid #dc2626}.att-sum-card--absent .att-sum-card__val{color:#dc2626}.att-sum-card--leave{border-top:3px solid #2563eb}.att-sum-card--leave .att-sum-card__val{color:#2563eb}.att-sum-card--holiday{border-top:3px solid #6b7280}.att-sum-card--holiday .att-sum-card__val{color:#6b7280}.att-sum-card--pct{border-top:3px solid var(--primary)}.att-sum-card--pct .att-sum-card__val{color:var(--primary)}.att-formula-note{color:var(--muted);text-align:center;margin-bottom:16px;font-size:.72rem;font-style:italic}.att-cal-wrap{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:12px;padding:12px}.att-cal-nav{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.att-cal-nav__title{font-size:.9rem;font-weight:600}.att-cal-nav__arrow{border:1px solid var(--border);cursor:pointer;width:32px;height:32px;color:var(--text);background:0 0;border-radius:6px;justify-content:center;align-items:center;font-size:1.1rem;transition:background .12s;display:flex}.att-cal-nav__arrow:hover{background:var(--bg)}.att-cal{width:100%}.att-cal__head{grid-template-columns:repeat(7,1fr);margin-bottom:4px;display:grid}.att-cal__head-cell{text-align:center;color:var(--muted);padding:2px 0;font-size:.68rem;font-weight:600}.att-cal__body{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.att-cal__cell{aspect-ratio:1;cursor:pointer;background:var(--bg);color:var(--text);border:none;border-radius:6px;justify-content:center;align-items:center;font-size:.8rem;font-weight:500;transition:opacity .12s;display:flex}.att-cal__cell--empty{cursor:default;pointer-events:none;background:0 0}.att-cal__cell--out{color:var(--muted);cursor:default;pointer-events:none;background:0 0}.att-cal__cell--present{color:#166534;background:#dcfce7}.att-cal__cell--late{color:#854d0e;background:#fef9c3}.att-cal__cell--absent{color:#991b1b;background:#fee2e2}.att-cal__cell--leave{color:#1e40af;background:#dbeafe}.att-cal__cell--holiday{color:#374151;background:#f3f4f6}.att-cal__cell--non_working{color:#d1d5db;cursor:default;pointer-events:none;background:0 0}.att-cal__cell--pending{color:#9ca3af;background:#f9fafb}.att-cal__cell--selected{outline:2px solid var(--primary);outline-offset:1px}.att-day-detail{background:var(--bg);border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;padding:10px 12px;font-size:.875rem;display:flex}.att-day-detail__date{white-space:nowrap;font-weight:600}.att-day-detail__status{flex:1;font-weight:500}.att-day-detail__close{cursor:pointer;color:var(--muted);background:0 0;border:none;margin-left:auto;padding:2px 6px;font-size:.85rem}.att-legend{flex-wrap:wrap;gap:8px 14px;margin-bottom:16px;display:flex}.att-legend__item{color:var(--muted);align-items:center;gap:5px;font-size:.72rem;display:flex}.att-legend__dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.att-day-list{margin-bottom:16px}.att-day-list__title{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;font-size:.85rem;font-weight:600}.att-day-row{border-bottom:1px solid var(--border);align-items:baseline;gap:10px;padding:7px 0;font-size:.875rem;display:flex}.att-day-row:last-child{border-bottom:none}.att-day-row__date{white-space:nowrap;min-width:84px;color:var(--muted);font-weight:500}.att-day-row__status{flex:1;font-weight:500}.att-day-list__empty{color:var(--muted);text-align:center;padding:20px 0;font-size:.875rem}