*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{color:#222;background:#f4f7fb;font-family:Arial,sans-serif;line-height:1.4}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img{max-width:100%;display:block}.login-page,.center-page{background:#f4f7fb;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card,.message-card{background:#fff;border-radius:12px;width:100%;max-width:420px;padding:30px;box-shadow:0 8px 24px #00000014}.login-card h1,.message-card h1{margin-bottom:10px}.login-subtitle{color:#666;margin-bottom:20px}.login-form{flex-direction:column;gap:12px;display:flex}.login-form label{font-size:14px;font-weight:700}.login-form input,.management-card input,.management-card select,.management-card textarea,.responsive-form-grid input,.responsive-form-grid select,.responsive-form-grid textarea{background:#fff;border:1px solid #ccc;border-radius:8px;width:100%;padding:12px}.login-form button,.logout-btn,.management-card button,.card-link-btn,.mobile-menu-btn,.step-actions button,.search-actions button{color:#fff;cursor:pointer;text-align:center;background:#1d4ed8;border:none;border-radius:8px;padding:12px;font-weight:700;transition:background .2s,opacity .2s;display:inline-block}.login-form button:hover,.logout-btn:hover,.management-card button:hover,.card-link-btn:hover,.mobile-menu-btn:hover,.step-actions button:hover,.search-actions button:hover{background:#1e40af}.login-form button:disabled,.step-actions button:disabled,.search-actions button:disabled,.management-card button:disabled{opacity:.6;cursor:not-allowed}.error-text{color:red;font-size:14px}.success-box{color:#166534;background:#dcfce7;border-radius:10px;margin:16px 0;padding:14px}.error-box{color:#991b1b;background:#fee2e2;border-radius:10px;margin:16px 0;padding:14px}.info-card{background:#fff;border-radius:12px;margin-top:20px;padding:20px;box-shadow:0 6px 18px #0000000f}.preview-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:12px;display:grid}.app-shell{min-height:100vh;display:flex}.mobile-menu-btn{z-index:1001;display:none;position:fixed;top:12px;left:12px}.sidebar{color:#fff;background:#0f172a;flex-direction:column;flex-shrink:0;gap:20px;width:260px;min-height:100vh;padding:24px;display:flex}.sidebar-title{font-size:22px}.sidebar-user{background:#ffffff14;border-radius:10px;padding:12px}.role-badge{color:#cbd5e1;text-transform:capitalize;word-break:break-word;margin-top:6px;font-size:13px}.sidebar-nav{flex-direction:column;gap:10px;display:flex}.sidebar-nav a{background:#ffffff0f;border-radius:8px;padding:10px 12px}.sidebar-nav a:hover{background:#ffffff24}.main-content{flex:1;min-width:0;padding:30px;overflow-x:hidden}.dashboard-grid,.form-grid,.lists-grid,.summary-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:24px;display:grid}.dashboard-card,.management-card,.list-card,.sub-card,.summary-card,.table-card{background:#fff;border-radius:12px;padding:22px;box-shadow:0 6px 18px #0000000f}.dashboard-card h3,.management-card h3,.list-card h3,.sub-card h4,.summary-card h3,.table-card h3{margin-bottom:10px}.management-card{flex-direction:column;gap:16px;display:flex}.registration-card,.search-card{margin-top:20px}.card-link-btn{margin-top:12px}.step-indicator{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.step-pill{color:#334155;background:#e2e8f0;border-radius:999px;padding:10px 14px;font-size:14px}.step-pill.active{color:#fff;background:#1d4ed8}.responsive-form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.parents-wrapper{grid-template-columns:1fr 1fr;gap:20px;display:grid}.checkbox-row{align-items:center;gap:10px;padding:10px 0;display:flex}.checkbox-row input[type=checkbox]{width:auto}.list-card ul{flex-direction:column;gap:8px;list-style:none;display:flex}.list-card li{word-break:break-word;background:#f8fafc;border-radius:8px;padding:10px 12px;line-height:1.5}.step-actions,.search-actions{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:10px;display:flex}.summary-card p{color:#1d4ed8;font-size:24px;font-weight:700}.responsive-table-wrap{width:100%;overflow-x:auto}.records-table{border-collapse:collapse;width:100%;min-width:950px}.records-table th,.records-table td{text-align:left;vertical-align:top;border-bottom:1px solid #e5e7eb;padding:12px 10px;font-size:14px}.records-table th{background:#f8fafc;font-weight:700;position:sticky;top:0}.back-link{color:#1d4ed8;margin-top:14px;font-weight:700;display:inline-block}@media (width<=900px){.sidebar{z-index:1000;height:100vh;transition:left .3s;position:fixed;top:0;left:-280px}.sidebar-open{left:0}.mobile-menu-btn{display:block}.main-content{width:100%;padding:70px 16px 20px}.parents-wrapper{grid-template-columns:1fr}}@media (width<=600px){.login-card,.message-card,.dashboard-card,.management-card,.list-card,.sub-card,.info-card,.summary-card,.table-card{padding:18px}.dashboard-grid,.form-grid,.lists-grid,.responsive-form-grid,.preview-grid,.summary-grid{grid-template-columns:1fr}.sidebar{width:240px}.sidebar-title{font-size:20px}.step-actions,.search-actions{flex-direction:column}.summary-card p{font-size:22px}}.table-action-stack{flex-direction:column;gap:8px;min-width:180px;display:flex}.table-action-stack input,.table-action-stack select{border:1px solid #ccc;border-radius:8px;width:100%;padding:10px}.secondary-btn{background:#64748b!important}.secondary-btn:hover{background:#475569!important}.page-header-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.page-header-actions{flex-wrap:wrap;gap:10px;display:flex}.detail-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;margin-top:24px;display:grid}.detail-card{background:#fff;border-radius:12px;padding:22px;box-shadow:0 6px 18px #0000000f}.detail-card h3{margin-bottom:12px}.detail-grid-inner{gap:12px;display:grid}.detail-grid-inner input,.detail-grid-inner select{border:1px solid #ccc;border-radius:8px;width:100%;margin-top:6px;padding:10px 12px}.table-link-btn{color:#fff;background:#1d4ed8;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:700;display:inline-block}.table-link-btn:hover{background:#1e40af}.records-table input,.records-table select{border:1px solid #ccc;border-radius:8px;width:100%;min-width:140px;padding:10px}.edit-inline-wrap{flex-direction:column;gap:8px;display:flex}.inline-btn-group{flex-wrap:wrap;gap:8px;display:flex}.inline-edit-btn{color:#fff;cursor:pointer;background:#1d4ed8;border:none;border-radius:8px;margin-top:8px;padding:8px 12px;font-weight:700}.inline-edit-btn:hover{background:#1e40af}