:root{--primary-color: #4f46e5;--primary-hover: #4338ca;--secondary-color: #0ea5e9;--secondary-hover: #0284c7;--background-color: #f8fafc;--card-background: #ffffff;--text-main: #0f172a;--text-muted: #64748b;--border-color: #e2e8f0;--status-present: #10b981;--status-present-bg: #ecfdf5;--status-late: #f59e0b;--status-late-bg: #fffbeb;--status-early: #ec4899;--status-early-bg: #fdf2f8;--status-absent: #ef4444;--status-absent-bg: #fef2f2;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 18px;--font-family: "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:#e2e8f0;color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased;display:flex;justify-content:center;align-items:flex-start;margin:0;padding:0;min-height:100vh}.app-container{display:flex;flex-direction:column;min-height:100vh;width:100%;max-width:480px;margin:0 auto;background-color:#fff;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-sizing:border-box}.main-layout{display:grid;grid-template-columns:1fr;flex:1}@media (min-width: 1024px){.main-layout{display:block;max-width:900px;margin:0 auto;width:100%;padding:20px}}.app-header{background-color:var(--card-background);border-bottom:1px solid var(--border-color);padding:16px 20px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10;box-shadow:var(--shadow-sm)}.app-header h1{font-size:1.25rem;font-weight:700;color:var(--text-main);display:flex;align-items:center;gap:8px}.app-header h1 span{font-size:.85rem;font-weight:500;background-color:#f1f5f9;padding:4px 8px;border-radius:var(--radius-sm);color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;font-size:.9rem;font-weight:500;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-decoration:none;gap:6px}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--secondary-color);color:#fff}.btn-secondary:hover{background-color:var(--secondary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-outline{border-color:var(--border-color);background-color:transparent;color:var(--text-main)}.btn-outline:hover{background-color:#f1f5f9}.btn-danger{background-color:var(--status-absent);color:#fff}.btn-danger:hover{background-color:#dc2626}.card{background-color:var(--card-background);border-radius:var(--radius-md);border:1px solid var(--border-color);padding:24px;box-shadow:var(--shadow-sm);margin-bottom:20px}.subject-grid{display:grid;grid-template-columns:1fr;gap:16px;padding:20px}@media (min-width: 640px){.subject-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}.subject-card{background-color:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:20px;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.subject-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.subject-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--primary-color),var(--secondary-color))}.subject-header{margin-bottom:12px}.subject-gisu{font-size:.8rem;color:var(--primary-color);font-weight:700;text-transform:uppercase;margin-bottom:4px}.subject-title{font-size:1.15rem;font-weight:700;color:var(--text-main)}.subject-info-row{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:var(--text-muted);margin-top:12px;border-top:1px solid #f1f5f9;padding-top:12px}.subject-actions{display:flex;gap:8px;margin-top:16px}.rollbook-view{padding:20px}.rollbook-header-card{display:flex;flex-direction:column;gap:16px;background:linear-gradient(135deg,#4f46e5,#0ea5e9);color:#fff;border-radius:var(--radius-md);padding:24px;margin-bottom:24px}@media (min-width: 640px){.rollbook-header-card{flex-direction:row;justify-content:space-between;align-items:center}}.rollbook-header-info h2{font-size:1.5rem;font-weight:700;margin-bottom:4px}.rollbook-header-meta{display:flex;gap:12px;font-size:.9rem;opacity:.9}.rollbook-actions-bar{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px;justify-content:space-between;align-items:center;background-color:var(--card-background);padding:16px;border-radius:var(--radius-md);border:1px solid var(--border-color)}.bulk-sms-actions{display:flex;gap:8px}.grade-section{margin-bottom:24px}.grade-title{font-size:1.1rem;font-weight:700;color:var(--text-main);margin-bottom:12px;padding-bottom:6px;border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.student-list{display:flex;flex-direction:column;gap:8px}.student-item{display:flex;align-items:center;justify-content:space-between;background-color:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:12px 16px;transition:border-color .2s ease}.student-item:hover{border-color:#cbd5e1}.student-info{display:flex;align-items:center;gap:12px}.student-checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer}.student-number{font-size:.85rem;color:var(--text-muted);background-color:#f1f5f9;padding:2px 6px;border-radius:var(--radius-sm);font-weight:500}.student-name{font-weight:700;color:var(--text-main);cursor:pointer}.student-name:hover{color:var(--primary-color);text-decoration:underline}.attendance-buttons{display:flex;gap:4px}.att-btn{padding:6px 12px;font-size:.85rem;font-weight:600;border-radius:var(--radius-sm);border:1px solid var(--border-color);background-color:#fff;color:var(--text-muted);cursor:pointer;transition:all .15s ease}.att-btn-present.active{background-color:var(--status-present-bg);border-color:var(--status-present);color:var(--status-present)}.att-btn-late.active{background-color:var(--status-late-bg);border-color:var(--status-late);color:var(--status-late)}.att-btn-early.active{background-color:var(--status-early-bg);border-color:var(--status-early);color:var(--status-early)}.att-btn-absent.active{background-color:var(--status-absent-bg);border-color:var(--status-absent);color:var(--status-absent)}input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary-color);cursor:pointer}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.modal-content{background-color:var(--card-background);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:480px;overflow:hidden;animation:modalEnter .2s cubic-bezier(.16,1,.3,1)}@keyframes modalEnter{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{padding:20px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.modal-header h3{font-size:1.2rem;font-weight:700}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-muted)}.modal-body{padding:20px}.modal-footer{padding:16px 20px;background-color:#f8fafc;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:8px}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:.85rem;font-weight:600;margin-bottom:6px;color:var(--text-main)}.form-input{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-family:var(--font-family);font-size:.9rem;outline:none;transition:border-color .2s}.form-input:focus{border-color:var(--primary-color)}.reason-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.reason-option{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease}.reason-option:hover{background-color:#f1f5f9}.reason-option.selected{border-color:var(--primary-color);background-color:#e0e7ff;color:var(--primary-color);font-weight:600}.sms-dashboard{background-color:var(--card-background);border-top:1px solid var(--border-color);padding:20px;display:flex;flex-direction:column;max-height:400px}@media (min-width: 1024px){.sms-dashboard{border-top:none;border-left:1px solid var(--border-color);max-height:calc(100vh - 60px);position:sticky;top:60px}}.sms-dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.sms-dashboard-header h3{font-size:1.1rem;font-weight:700;display:flex;align-items:center;gap:8px}.sms-badge{background-color:var(--primary-color);color:#fff;font-size:.75rem;padding:2px 6px;border-radius:10px}.sms-logs-container{overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:12px;padding-right:4px}.sms-log-item{background-color:#f8fafc;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:12px;font-size:.85rem;position:relative;animation:logEnter .25s ease-out}@keyframes logEnter{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.sms-log-meta{display:flex;justify-content:space-between;color:var(--text-muted);font-size:.75rem;margin-bottom:6px;font-weight:500}.sms-log-recipient{color:var(--primary-color);font-weight:700}.sms-log-content{color:var(--text-main);background-color:#fff;padding:8px;border-radius:var(--radius-sm);border:1px dashed #cbd5e1;white-space:pre-wrap}.no-sms-logs{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);flex:1;text-align:center;padding:40px 20px}.no-sms-logs svg{margin-bottom:12px;color:#cbd5e1}.contact-links{display:flex;gap:12px;margin-top:16px;justify-content:center}.contact-link-item{display:flex;align-items:center;gap:6px;padding:10px 16px;border-radius:var(--radius-sm);background-color:#f1f5f9;color:var(--text-main);text-decoration:none;font-weight:600;font-size:.9rem;transition:background-color .15s}.contact-link-item:hover{background-color:#e2e8f0}.contact-link-item svg{stroke:var(--text-main)}.splash-container{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#1e1b4b,#312e81,#4338ca);display:flex;align-items:center;justify-content:center;z-index:9999;color:#fff;overflow:hidden}.splash-slide{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px;width:100%;max-width:450px;transition:opacity .5s ease-in-out,transform .5s ease-in-out}.fade-in{opacity:1;transform:scale(1)}.fade-out{opacity:0;transform:scale(.95)}.splash-logo{background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);width:110px;height:110px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:24px;box-shadow:0 8px 32px #0000004d;animation:logoFloat 4s ease-in-out infinite}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.splash-title{font-size:2.2rem;font-weight:900;letter-spacing:2px;margin-bottom:6px;background:linear-gradient(to right,#fff,#e0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.splash-subtitle{font-size:1rem;color:#c7d2fe;font-weight:500;letter-spacing:4px;margin-bottom:32px}.splash-loader{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-radius:50%;border-top-color:#6366f1;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.splash-icon-group{display:flex;align-items:center;gap:20px;margin-bottom:28px}.pulse-icon{background:#6366f133;padding:12px;border-radius:50%;border:1px solid rgba(99,102,241,.3);box-shadow:0 0 20px #6366f166;animation:pulse 2s infinite alternate}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 10px #6366f14d}to{transform:scale(1.1);box-shadow:0 0 25px #6366f199}}.splash-arrow{font-size:1.8rem;color:#818cf8}.splash-feature-title{font-size:1.5rem;font-weight:700;margin-bottom:12px;color:#fff}.splash-feature-desc{font-size:.95rem;color:#a5b4fc;line-height:1.6}.codi-subject-container{max-width:680px;width:100%;margin:0 auto;padding:16px;display:flex;flex-direction:column;background-color:#fff}.codi-logo-header{display:flex;align-items:center;justify-content:center;padding:12px 0 20px;gap:8px}.codi-logo-svg{width:32px;height:32px}.codi-header-title{font-size:1.6rem;font-weight:700;color:#0284c7;letter-spacing:-1px}.codi-info-card{border:2px solid #3b82f6;border-radius:18px;background-color:#fff;padding:24px;margin-bottom:24px;box-shadow:0 4px 12px #3b82f614}.codi-school-title{text-align:center;font-size:1.4rem;font-weight:800;color:#0f172a;margin-bottom:16px}.codi-info-table{display:flex;flex-direction:column;align-items:center;gap:10px}.codi-info-row{display:flex;align-items:center;width:100%;max-width:280px;font-size:1.05rem}.codi-info-label{font-weight:800;color:#0f172a;width:80px;border-right:1px solid #cbd5e1;padding-right:12px;margin-right:16px;text-align:justify;text-align-last:justify}.codi-info-value{color:#334155;font-weight:500}.codi-list-card{border-radius:18px;border:1px solid #e2e8f0;background-color:#fff;box-shadow:0 10px 15px -3px #00000008,0 4px 6px -4px #00000008;padding:20px;margin-bottom:24px}.codi-subject-list{display:flex;flex-direction:column}.codi-subject-item{display:flex;justify-content:space-between;align-items:center;padding:14px 4px;border-bottom:1px dashed #e2e8f0;cursor:pointer;transition:background-color .2s}.codi-subject-item:hover{background-color:#f8fafc}.codi-subject-name{font-size:1.05rem;font-weight:600;color:#1e293b}.codi-btn-roll{border:none;border-radius:6px;padding:6px 18px;font-size:.85rem;font-weight:700;color:#fff;cursor:pointer;transition:opacity .2s}.codi-btn-roll:hover{opacity:.9}.codi-btn-roll.active-blue{background-color:#0088e2}.codi-btn-roll.inactive-gray{background-color:#8c97a5}.codi-term-row{display:flex;justify-content:space-between;align-items:center;padding-top:14px}.codi-term-text{font-size:1.1rem;font-weight:700;color:#2563eb}.codi-term-buttons{display:flex;gap:8px}.codi-btn-green{background-color:#10b981;color:#fff;border:none;border-radius:6px;padding:6px 14px;font-weight:700;font-size:.85rem;cursor:pointer}.codi-btn-orange{background-color:#f97316;color:#fff;border:none;border-radius:6px;padding:6px 14px;font-weight:700;font-size:.85rem;cursor:pointer}.codi-btn-full-blue{width:100%;background-color:#3b82f6;border:none;border-radius:12px;padding:14px;font-size:1.05rem;font-weight:700;color:#fff;cursor:pointer;text-align:center;transition:background-color .2s;margin-bottom:16px}.codi-btn-full-blue:hover{background-color:#2563eb}.codi-footer-copyright{text-align:center;font-size:.75rem;font-weight:700;color:#334155;margin-top:8px;letter-spacing:.5px}.plan-inline-input{border:none;background:transparent;outline:none;font-family:inherit;font-size:inherit}.plan-table-input{width:100%;border:none;outline:none;background:transparent;font-family:inherit;font-size:inherit}@media print{body{background:#fff!important;color:#000!important}.app-header,.sms-dashboard,.rollbook-actions-bar,.plan-no-print{display:none!important}.main-layout{grid-template-columns:1fr!important;padding:0!important;margin:0!important}.plan-print-section{border:none!important;box-shadow:none!important;padding:0!important;margin:0!important;width:100%!important}}@media (max-width: 680px){.plan-print-section{padding:16px!important}.plan-table,.plan-table thead,.plan-table tbody,.plan-table tr,.plan-table td{display:block!important;width:100%!important}.plan-table thead{display:none!important}.plan-table tr{margin-bottom:20px;border:2px solid #000!important;padding:16px;background-color:#f8fafc;border-radius:12px;box-shadow:0 4px 6px #0000000d}.plan-table td{border:none!important;padding:6px 0!important;display:flex;flex-direction:column;align-items:stretch}.plan-td-label{display:none!important}.plan-table-input{border:1px solid #cbd5e1!important;border-radius:6px!important;padding:12px 16px!important;background-color:#fff!important;font-size:.95rem!important;min-height:44px}textarea.plan-table-input{min-height:80px}.plan-week-block table,.plan-week-block table thead,.plan-week-block table tbody,.plan-week-block table tr,.plan-week-block table td{display:block!important;width:100%!important}.plan-week-block table thead{display:none!important}.plan-week-block table tr{border:none!important;margin-bottom:0!important;padding:0!important;background:transparent!important;box-shadow:none!important}.plan-week-block table td{border:none!important;padding:6px 0!important}.plan-week-block table td input{border:1px solid #cbd5e1!important;border-radius:6px!important;padding:12px 16px!important;background-color:#fff!important;font-size:.95rem!important;min-height:44px;text-align:left!important}}