body{margin:0;padding:0}.fi-label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#555;margin-bottom:6px}[data-theme=dark] .fi-label{color:#888}.fi-image-drop{border:2px dashed #d0d0d0;border-radius:12px;cursor:pointer;background:#fafafa;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden;transition:border-color .2s,background .2s}.fi-image-drop:hover{border-color:#6c5ce7;background:#f5f4ff}[data-theme=dark] .fi-image-drop{border-color:#333;background:#1a1a1a}[data-theme=dark] .fi-image-drop:hover{border-color:#a29bfe;background:#1e1e2e}.fi-image-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;pointer-events:none}.fi-image-icon{color:#bbb;transition:color .2s}.fi-image-drop:hover .fi-image-icon{color:#6c5ce7}[data-theme=dark] .fi-image-icon{color:#444}[data-theme=dark] .fi-image-drop:hover .fi-image-icon{color:#a29bfe}.fi-image-text{font-size:13px;font-weight:600;color:#888;text-align:center}[data-theme=dark] .fi-image-text{color:#555}.fi-image-hint{font-size:11px;color:#bbb;text-align:center}[data-theme=dark] .fi-image-hint{color:#444}[data-theme=dark] input:not([type=checkbox]):not([type=radio]):not([type=file]),[data-theme=dark] select,[data-theme=dark] textarea{background:#252525!important;color:#e0e0e0!important;border-color:#3a3a3a!important}[data-theme=dark] input:not([type=checkbox]):not([type=radio]):not([type=file]):focus,[data-theme=dark] select:focus,[data-theme=dark] textarea:focus{border-color:#f0f0f0!important;box-shadow:0 0 0 3px #ffffff0f!important;outline:none!important}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#555!important}[data-theme=dark] select option{background:#252525;color:#e0e0e0}[data-theme=dark] label{color:#ccc!important}.wizard-error-box~* input,.wizard-error-box~* select,.wizard-error-box~* textarea{border-color:#c33!important}[data-theme=dark] .wizard-error-box~* input,[data-theme=dark] .wizard-error-box~* select,[data-theme=dark] .wizard-error-box~* textarea{border-color:#f87171!important}.paystack-button{background-color:#007bff;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:16px;cursor:pointer;width:100%;margin-top:1rem}.paystack-buttonn{background-color:#007bff;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:16px;width:100%;opacity:.7;display:flex;justify-content:center;align-items:center}.paystack-button:hover{background-color:#0056b3}.paystack-button:disabled{background-color:#6c757d;cursor:not-allowed}.ag-theme-alpine .ag-row.row-hover{background-color:#e5e7eb!important;transition:background-color .2s ease}.ag-theme-alpine .ag-row.inactive-row.row-hover{background-color:#fecaca!important}.ag-theme-alpine .ag-cell.cell-hover{background-color:#d1d5db!important;transition:background-color .2s ease}.ag-theme-alpine .ag-header-cell{border-right:1px solid #d1d5db!important;border-bottom:2px solid #374151!important}.notification-container{position:fixed;top:16px;right:16px;display:flex;flex-direction:column;align-items:flex-end;gap:10px;z-index:99999;pointer-events:none;max-width:min(380px,calc(100vw - 32px))}.notification{display:flex;align-items:flex-start;gap:12px;width:100%;min-width:280px;max-width:380px;padding:14px 14px 14px 12px;border-radius:12px;border:1px solid #e5e7eb;background:#fff;color:#111827;box-shadow:0 10px 30px #0f172a1a,0 2px 8px #0f172a0f;pointer-events:auto;overflow:hidden;will-change:transform,opacity}.notification.is-entering{animation:notification-slide-in .38s cubic-bezier(.22,1,.36,1) forwards}.notification__icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;flex-shrink:0}.notification__body{flex:1;min-width:0;padding-top:2px}.notification__message{margin:0;font-family:Inter,sans-serif;font-size:13px;line-height:1.5;font-weight:500;color:#1f2937;word-break:break-word}.notification__close{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin:-2px -2px 0 0;border:none;border-radius:8px;background:transparent;color:#9ca3af;cursor:pointer;flex-shrink:0;transition:background .15s ease,color .15s ease}.notification__close:hover{background:#0f172a0f;color:#4b5563}.notification--info{border-left:3px solid #4f46e5}.notification--info .notification__icon{background:#4f46e51a;color:#4f46e5}.notification--success{border-left:3px solid #16a34a}.notification--success .notification__icon{background:#16a34a1a;color:#16a34a}.notification--error{border-left:3px solid #dc2626}.notification--error .notification__icon{background:#dc26261a;color:#dc2626}.notification--warning{border-left:3px solid #d97706}.notification--warning .notification__icon{background:#d977061a;color:#d97706}@keyframes notification-slide-in{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes notification-slide-out{0%{transform:translate(0);opacity:1;max-height:120px;margin-bottom:0}to{transform:translate(120%);opacity:0;max-height:0;margin-bottom:-10px;padding-top:0;padding-bottom:0;border-width:0}}.notification.is-leaving{animation:notification-slide-out .32s ease forwards;pointer-events:none}[data-theme=dark] .notification{background:#1e1e1e;border-color:#2a2a2a;box-shadow:0 12px 32px #00000073,0 2px 8px #00000040}[data-theme=dark] .notification__message{color:#e5e7eb}[data-theme=dark] .notification__close{color:#6b7280}[data-theme=dark] .notification__close:hover{background:#ffffff14;color:#d1d5db}[data-theme=dark] .notification--info{border-left-color:#818cf8}[data-theme=dark] .notification--info .notification__icon{background:#818cf824;color:#a5b4fc}[data-theme=dark] .notification--success{border-left-color:#4ade80}[data-theme=dark] .notification--success .notification__icon{background:#4ade801f;color:#86efac}[data-theme=dark] .notification--error{border-left-color:#f87171}[data-theme=dark] .notification--error .notification__icon{background:#f871711f;color:#fca5a5}[data-theme=dark] .notification--warning{border-left-color:#fbbf24}[data-theme=dark] .notification--warning .notification__icon{background:#fbbf241f;color:#fcd34d}@media(max-width:480px){.notification-container{top:12px;right:12px;left:12px;align-items:stretch;max-width:none}.notification{min-width:0;max-width:none}}.pricing-wrapper{padding:80px 20px;background:#f8f9fc;text-align:center}.pricing-title{font-size:32px;font-weight:700;margin-bottom:50px}.pricing-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:30px;max-width:1100px;margin:auto}.pricing-card{background:#fff;padding:35px 25px;border-radius:18px;box-shadow:0 20px 40px #0000000d;transition:.3s ease;position:relative}.pricing-card:hover{transform:translateY(-10px)}.featured{border:2px solid #6c63ff;transform:scale(1.05)}.plan-type{font-size:14px;font-weight:600;color:#6c63ff;text-transform:uppercase}.plan-name{font-size:22px;margin:15px 0 10px}.plan-description{font-size:14px;color:#666}.plan-price{font-size:36px;font-weight:700;margin:25px 0}.plan-button{width:100%;padding:14px;border-radius:12px;border:none;background:#6c63ff;color:#fff;font-size:16px;font-weight:600;cursor:pointer}.plan-button:hover{background:#554eff}.plan-features{margin-top:25px;padding:0;list-style:none;text-align:left}.plan-features li{margin-bottom:12px;font-size:14px;color:#333}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 18px;border:none;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.primary{background:#111;color:#fff;border:1px solid #111111}.btn.primary:hover:not(:disabled){background:#333;border-color:#333}.btn.secondary{background:#f4f4f4;color:#333;border:1px solid #e0e0e0}.btn.secondary:hover:not(:disabled){background:#e8e8e8}.btn.danger{background:#c33;color:#fff;border:1px solid #cc3333}.btn.danger:hover:not(:disabled){background:#a22}[data-theme=dark] .btn.primary{background:#f0f0f0;color:#111;border-color:#f0f0f0}[data-theme=dark] .btn.primary:hover:not(:disabled){background:#ddd;border-color:#ddd}[data-theme=dark] .btn.secondary{background:#2a2a2a;color:#ccc;border-color:#3a3a3a}[data-theme=dark] .btn.secondary:hover:not(:disabled){background:#333}[data-theme=dark] .btn.danger{background:#7f1d1d;border-color:#7f1d1d;color:#fca5a5}[data-theme=dark] .btn.danger:hover:not(:disabled){background:#991b1b}.btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.btn.secondary .btn-spinner{border:2px solid rgba(0,0,0,.2);border-top-color:#333}.agrbut{border:#c9c9c9 1px solid;align-items:center;justify-content:center;gap:8px;padding:9px 18px;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;color:#636363;display:flex}.dgbtext{margin:0}.agrbut:hover{background-color:#c7c7c7}.agrbut-disabled{opacity:.6;cursor:not-allowed!important}.agrbut:focus{outline:2px solid #554eff;outline-offset:2px}.pub-header{position:fixed;top:0;left:0;right:0;z-index:100;transition:background .3s ease}.pub-header__inner{max-width:1200px;margin:0 auto;padding:0 24px;height:64px;display:flex;align-items:center;justify-content:space-between}.pub-header__logo{background:none;border:none;cursor:pointer;font-size:18px;font-weight:800;color:#111;letter-spacing:-.5px;padding:0;flex-shrink:0;transition:color .3s ease;display:inline-flex;align-items:center;gap:8px}.pub-header__logo-img{width:28px;height:28px;object-fit:contain;border-radius:6px;display:block}.pub-header__nav{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:2px;background:#f2f2f2;border-radius:12px;padding:4px}.pub-header__link{text-decoration:none;color:#555;font-size:13px;font-weight:500;padding:7px 16px;border-radius:8px;transition:background .15s,color .15s;white-space:nowrap}.pub-header__link:hover{color:#111;background:#e2e2e2}.pub-header__link--active{background:#111;color:#fff}.pub-header__actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.pub-header__btn-ghost{background:none;border:1.5px solid #ddd;border-radius:8px;padding:8px 18px;font-size:13px;font-weight:500;color:#333;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.pub-header__btn-ghost:hover{border-color:#111;color:#111}.pub-header__btn-primary{background:#111;border:none;border-radius:8px;padding:8px 18px;font-size:13px;font-weight:600;color:#fff;cursor:pointer;transition:background .15s}.pub-header__btn-primary:hover{background:#333}.pub-header__profile{position:relative}.pub-header__profile-btn{display:flex;align-items:center;gap:8px;background:#0000000d;border:1px solid #e0e0e0;border-radius:8px;padding:6px 10px 6px 6px;cursor:pointer;transition:background .15s}.pub-header__profile-btn:hover{background:#00000017}.pub-header__avatar-img,.pub-header__avatar-initials{width:30px;height:30px;border-radius:6px;flex-shrink:0;object-fit:cover}.pub-header__avatar-initials{background:#111;color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}.pub-header__profile-info{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}.pub-header__profile-name{font-size:13px;font-weight:600;color:#111;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pub-header__profile-role{font-size:11px;color:#888;font-weight:400}.pub-header__chevron{flex-shrink:0;opacity:.5}.pub-header__dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid #e8e8e8;border-radius:10px;box-shadow:0 8px 24px #0000001a;min-width:180px;overflow:hidden;z-index:200}.pub-header__dropdown-user{padding:12px 14px 10px;display:flex;flex-direction:column;gap:2px}.pub-header__dropdown-name{font-size:13px;font-weight:600;color:#111}.pub-header__dropdown-role{font-size:11px;color:#999}.pub-header__dropdown-divider{border:none;border-top:1px solid #f0f0f0;margin:0}.pub-header__dropdown-item{display:block;width:100%;text-align:left;background:none;border:none;padding:10px 14px;font-size:13px;color:#333;cursor:pointer;transition:background .12s}.pub-header__dropdown-item:hover{background:#f5f5f5}.pub-header__dropdown-item--danger{color:#e53e3e}.pub-header__dropdown-item--danger:hover{background:#fff5f5}.pub-header__hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}.pub-header__bar{display:block;width:22px;height:2px;background:#111;border-radius:2px;transition:transform .2s,opacity .2s}.pub-header__mobile-menu{display:flex;flex-direction:column;padding:12px 24px 20px;border-top:1px solid #eee;background:#fff}.pub-header__mobile-link{text-decoration:none;color:#555;font-size:15px;font-weight:500;padding:10px 0;border-bottom:1px solid #f0f0f0}.pub-header__mobile-link--active{color:#111;font-weight:700}.pub-header__mobile-actions{display:flex;gap:10px;margin-top:16px}.pub-header__mobile-actions .pub-header__btn-ghost,.pub-header__mobile-actions .pub-header__btn-primary{flex:1;text-align:center}@media(max-width:768px){.pub-header__nav,.pub-header__actions{display:none}.pub-header__hamburger{display:flex}}@media(min-width:769px){.pub-header__mobile-menu{display:none!important}}.pub-header--white .pub-header__logo{color:#fff}.pub-header--white .pub-header__link{color:#ffffffb3!important}.pub-header--white .pub-header__link:hover{color:#fff!important;background:#ffffff1a}.pub-header--white .pub-header__link--active{background:#fff;color:#111!important}.pub-header--white .pub-header__nav{background:#ffffff1a}.pub-header--white .pub-header__btn-ghost{color:#fff;border-color:#fff6}.pub-header--white .pub-header__btn-ghost:hover{border-color:#fff;color:#fff}.pub-header--white .pub-header__btn-primary{background:#fff;color:#111}.pub-header--white .pub-header__btn-primary:hover{background:#eee}.pub-header--white .pub-header__bar{background:#fff}.pub-header--white .pub-header__profile-name{color:#fff}.pub-header--white .pub-header__profile-role{color:#fff9}.pub-header--white .pub-header__profile-btn{border-color:#fff3;background:#ffffff1a}.pub-header--light{background:#fffffff0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(0,0,0,.06);box-shadow:0 4px 20px #0000000f}.pub-header--light .pub-header__logo{color:#111}.pub-header--light .pub-header__link{color:#555!important}.pub-header--light .pub-header__link:hover{color:#111!important;background:#0000000d}.pub-header--light .pub-header__link--active{background:#111;color:#fff!important}.pub-header--light .pub-header__nav{background:#0000000a}.pub-header--light .pub-header__btn-ghost{color:#111;border-color:#ccc}.pub-header--light .pub-header__btn-ghost:hover{border-color:#111;color:#111}.pub-header--light .pub-header__btn-primary{background:#111;color:#fff}.pub-header--light .pub-header__btn-primary:hover{background:#333}.pub-header--light .pub-header__bar{background:#111}.pub-header--light .pub-header__profile-name{color:#111}.pub-header--light .pub-header__profile-role{color:#666}.pub-header--light .pub-header__profile-btn{border-color:#0000001a;background:#00000008}.pub-header--light .pub-header__mobile-menu{background:#fff;border-top:1px solid #eee}.pub-header--light .pub-header__mobile-link{color:#333}.pub-header--light .pub-header__mobile-link--active{color:#111;background:#f5f5f5}.llp-root{position:relative;width:100%;height:100%;min-height:100vh;background:#fff;color:#111}[data-theme=dark] .llp-root{background:#111;color:#fff}.llp-grid-clip{position:absolute;top:15px;right:15px;bottom:15px;left:15px;overflow:hidden;border-radius:17px;pointer-events:none}.llp-grid{position:absolute;top:0;left:0;right:-220px;bottom:0;display:grid;align-content:start;justify-content:start;margin:-4px}.llp-square{width:100%;height:100%;border-radius:12px;background:currentColor;opacity:.04;will-change:opacity}.llp-content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;padding:40px;margin:15px;border-radius:15px;overflow:hidden}.llp-logo{width:64px;height:64px;border-radius:18px;border:1.5px solid currentColor;display:flex;align-items:center;justify-content:center;opacity:.85;margin-bottom:4px}.llp-logo--brand{overflow:hidden;padding:0;opacity:1;border:none}.llp-brand-logo-img{width:100%;height:100%;object-fit:contain;display:block}.llp-title{font-size:42px;font-weight:900;letter-spacing:-2px;margin:0;line-height:1;color:currentColor}.llp-sub{font-size:15px;font-weight:400;opacity:.45;margin:0;line-height:1.6}.llp-tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:8px}.llp-tag{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:5px 12px;border-radius:100px;border:1px solid currentColor;opacity:.4}.llp-logo--school{width:80px;height:80px;border-radius:20px;overflow:hidden;padding:0;border:1.5px solid currentColor;opacity:1}.llp-school-logo-img{width:100%;height:100%;object-fit:contain;border-radius:inherit}.llp-school-logo-initial{font-size:36px;font-weight:900;line-height:1;color:currentColor}.llp-title--school{font-size:32px;letter-spacing:-1.5px}.si-root{display:flex;align-items:flex-start;justify-content:space-between;width:100%;margin-bottom:32px;position:relative}.si-item{display:flex;flex-direction:column;align-items:center;flex:1;position:relative}.si-line{position:absolute;top:18px;right:50%;left:-50%;height:2px;background:#e0e0e0;z-index:0;transition:background .3s}.si-line-done{background:#1a1a1a}[data-theme=dark] .si-line{background:#2a2a2a}[data-theme=dark] .si-line-done{background:#f0f0f0}.si-box{width:38px;height:38px;border-radius:10px;border:1.5px solid #d0d0d0;background:#fff;display:flex;align-items:center;justify-content:center;color:#aaa;position:relative;z-index:1;transition:border-color .2s,background .2s,color .2s}[data-theme=dark] .si-box{background:#1a1a1a;border-color:#2a2a2a;color:#555}.si-box-active{border-color:#1a1a1a;background:#1a1a1a;color:#fff}[data-theme=dark] .si-box-active{border-color:#f0f0f0;background:#f0f0f0;color:#111}.si-box-done{border-color:#1a1a1a;background:#fff;color:#1a1a1a}[data-theme=dark] .si-box-done{border-color:#f0f0f0;background:#1a1a1a;color:#f0f0f0}.si-label{margin-top:8px;font-size:11px;font-weight:500;color:#bbb;text-align:center;white-space:nowrap;letter-spacing:.02em}[data-theme=dark] .si-label{color:#444}.si-label-active{color:#1a1a1a;font-weight:700}[data-theme=dark] .si-label-active{color:#f0f0f0}.si-label-done{color:#555}[data-theme=dark] .si-label-done{color:#888}.ps-root{display:flex;flex-direction:column;gap:12px;margin-bottom:4px}.ps-field-wrap{position:relative}.ps-eye{position:absolute;right:10px;top:40px;transform:translateY(-50%);background:none;border:none;padding:0;cursor:pointer;color:#aaa;display:flex;align-items:center;transition:color .2s;line-height:1;z-index:1}.ps-eye:hover{color:#1a1a1a}[data-theme=dark] .ps-eye{color:#555}[data-theme=dark] .ps-eye:hover{color:#f0f0f0}.ps-strength{display:flex;align-items:center;gap:10px}.ps-bar-track{display:flex;gap:4px;flex:1}.ps-bar-seg{flex:1;height:4px;border-radius:100px}.ps-strength-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;min-width:44px;text-align:right}.ps-checks{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px}.ps-check{display:flex;align-items:center;gap:6px;font-size:12px;color:#bbb;transition:color .2s}.ps-check svg{flex-shrink:0;color:#bbb}.ps-check-pass{color:#22c55e}.ps-check-pass svg{color:#22c55e}[data-theme=dark] .ps-check{color:#444}[data-theme=dark] .ps-check svg{color:#444}[data-theme=dark] .ps-check-pass{color:#22c55e}[data-theme=dark] .ps-check-pass svg{color:#22c55e}.ps-match{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;margin-top:-4px}.ps-match-ok{color:#22c55e}.ps-match-err{color:#e55}.alert-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:9999}.alert-box{background:#fff;border-radius:12px;width:350px;padding:24px;text-align:center;box-shadow:0 8px 24px #0003;transform:scale(.8);animation:zoomIn .25s ease forwards}.alert-message{font-size:1rem;margin-bottom:20px;color:#333}.alert-actions{display:flex;justify-content:space-between;gap:12px}.alert-btn{flex:1;padding:10px 0;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:.95rem;transition:background .2s ease}.alert-btn.cancel{background:#f1f1f1;color:#333}.alert-btn.cancel:hover{background:#e0e0e0}.alert-btn.confirm{background:#007bff;color:#fff}.alert-btn.confirm:hover{background:#0066d4}@keyframes zoomIn{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.wizard-container{min-height:100vh;display:flex;background:#f5f4ff;transition:background .3s;overflow:hidden}[data-theme=dark] .wizard-container{background:#111}.left{flex:2;display:none;position:relative;min-height:100vh;overflow:visible}@media(min-width:900px){.left{display:block}}.right{flex:1.3;display:flex;flex-direction:column;align-items:center;padding:40px;background:#fff;position:relative;z-index:1;overflow-y:auto;height:100vh;box-sizing:border-box}[data-theme=dark] .right{background:#111}@media(max-width:900px){.right{padding:24px 16px}}.step{display:flex;flex-direction:column;align-items:center;width:100%;padding-bottom:40px;margin:auto}.stepform{width:100%;max-width:600px;padding-top:15px}.ssutt{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:8px;width:100%}.ssutt-title-row{display:flex;align-items:center;gap:8px;color:#1a1a1a;flex:1;min-width:0;width:100%}.ssutt-title-row h2{font-size:20px;font-weight:800;color:#1a1a1a;margin:0;letter-spacing:-.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-theme=dark] .ssutt-title-row,[data-theme=dark] .ssutt-title-row h2{color:#f0f0f0}.ssutt>div{width:36px;height:36px;border:1.5px solid #d0d0d0!important;background:#fff!important;border-radius:10px!important;padding:0!important;cursor:pointer;transition:border-color .2s,background .2s;color:#555;display:flex!important;align-items:center;justify-content:center;flex-shrink:0}.ssutt>div:hover{border-color:#6c5ce7!important;color:#6c5ce7;background:#f5f4ff!important}[data-theme=dark] .ssutt>div{background:#1a1a1a!important;border-color:#333!important;color:#aaa}[data-theme=dark] .ssutt>div:hover{border-color:#a29bfe!important;color:#a29bfe;background:#1e1e2e!important}.sf-card{background:#fff;border:1px solid #ebebeb;border-radius:16px;padding:24px;margin-bottom:20px}[data-theme=dark] .sf-card{background:#1a1a1a;border-color:#2a2a2a}.sf-card h3,.sf-card h4{color:#1a1a1a;margin:0 0 4px}[data-theme=dark] .sf-card h3,[data-theme=dark] .sf-card h4{color:#f0f0f0}.sf-card p{color:#555;margin:4px 0;font-size:14px}[data-theme=dark] .sf-card p{color:#888}.sf-plan-card{border:2px solid #ebebeb;border-radius:12px;padding:16px;cursor:pointer;background:#fff;transition:border-color .2s,background .2s,box-shadow .2s}.sf-plan-card:hover{border-color:#a29bfe;box-shadow:0 2px 12px #6c5ce714}.sf-plan-card.sf-plan-selected{border-color:#6c5ce7;background:#f5f4ff}[data-theme=dark] .sf-plan-card{background:#1a1a1a;border-color:#2a2a2a}[data-theme=dark] .sf-plan-card:hover{border-color:#a29bfe}[data-theme=dark] .sf-plan-card.sf-plan-selected{border-color:#6c5ce7;background:#1e1e2e}.sf-summary{background:#f5f4ff;border:1px solid #d4d0ff;border-radius:14px;padding:20px 24px;margin-bottom:20px}[data-theme=dark] .sf-summary{background:#1e1e2e;border-color:#3a3560}.sf-summary h4{color:#6c5ce7;margin:0 0 12px;font-size:15px;font-weight:700}.sf-summary p{color:#444;font-size:14px;margin:4px 0}[data-theme=dark] .sf-summary p{color:#aaa}.sf-summary .sf-total{font-size:20px;font-weight:800;color:#6c5ce7;margin-top:10px}.stepform select,.stepform input[type=number]{padding:8px 12px;border-radius:8px;border:1.5px solid #d0d0d0;font-size:14px;background:#fff;color:#1a1a1a;outline:none;transition:border-color .2s}.stepform select:focus,.stepform input[type=number]:focus{border-color:#6c5ce7}[data-theme=dark] .stepform select,[data-theme=dark] .stepform input[type=number]{background:#252525;border-color:#3a3a3a;color:#e0e0e0}.paystack-button{background:linear-gradient(135deg,#6c5ce7,#a29bfe);color:#fff;border:none;border-radius:10px;padding:12px 24px;font-size:14px;font-weight:700;cursor:pointer;transition:opacity .2s}.paystack-button:hover{opacity:.88}.paystack-buttonn{background:#e0e0e0;color:#aaa;border-radius:10px;padding:12px 24px;font-size:14px;font-weight:700;cursor:not-allowed}[data-theme=dark] .paystack-buttonn{background:#2a2a2a;color:#555}.sbl{display:flex;justify-content:flex-end}.bsbl{display:flex;justify-content:space-between}.bsbll{display:flex;justify-content:space-between;margin-top:30px}.s4-root{display:flex;flex-direction:column;gap:16px}.s4-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:1000;display:flex;align-items:center;justify-content:center}.s4-overlay-inner{background:#fff;border-radius:14px;padding:24px 32px;display:flex;align-items:center;gap:12px;font-size:15px;font-weight:600;color:#1a1a1a}[data-theme=dark] .s4-overlay-inner{background:#1a1a1a;color:#f0f0f0}@keyframes s4-spin{to{transform:rotate(360deg)}}.s4-spinner{animation:s4-spin 1s linear infinite;color:#6c5ce7}.s4-page-title{display:flex;align-items:center;gap:8px;color:#1a1a1a;margin-bottom:4px}.s4-page-title h3{font-size:18px;font-weight:800;margin:0;letter-spacing:-.3px}[data-theme=dark] .s4-page-title{color:#f0f0f0}.s4-card{background:#fff;border:1.5px solid #ebebeb;border-radius:14px;padding:20px}[data-theme=dark] .s4-card{background:#1a1a1a;border-color:#2a2a2a}.s4-school-header{display:flex;align-items:center;gap:14px}.s4-school-avatar{width:48px;height:48px;border-radius:12px;overflow:hidden;background:#f0f0f0;border:1.5px solid #e0e0e0;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#888;flex-shrink:0}[data-theme=dark] .s4-school-avatar{background:#252525;border-color:#333;color:#666}.s4-school-avatar img{width:100%;height:100%;object-fit:cover}.s4-school-name{font-size:16px;font-weight:700;color:#1a1a1a}[data-theme=dark] .s4-school-name{color:#f0f0f0}.s4-school-sub{font-size:13px;color:#888;margin-top:2px}.s4-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:600px){.s4-info-grid{grid-template-columns:1fr}}.s4-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.s4-section-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#888}[data-theme=dark] .s4-section-title{color:#555}.s4-edit-btn{display:flex;align-items:center;gap:4px;background:none;border:none;font-size:12px;font-weight:600;color:#6c5ce7;cursor:pointer;padding:0;transition:opacity .2s}.s4-edit-btn:hover{opacity:.7}.s4-info-rows{display:flex;flex-direction:column;gap:8px}.s4-info-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:13px}.s4-info-row span{color:#aaa;flex-shrink:0}.s4-info-row strong{color:#1a1a1a;font-weight:600;text-align:right;word-break:break-all}[data-theme=dark] .s4-info-row span{color:#555}[data-theme=dark] .s4-info-row strong{color:#e0e0e0}.s4-section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#888;margin-bottom:-4px}[data-theme=dark] .s4-section-label{color:#555}.s4-plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.s4-plans-loading{display:flex;align-items:center;justify-content:center;gap:14px;padding:28px 20px!important;text-align:left}.s4-plans-loading__text{display:flex;flex-direction:column;gap:2px}.s4-plans-loading__text strong{font-size:14px;font-weight:700;color:#1a1a1a}.s4-plans-loading__text span{font-size:12px;color:#888}[data-theme=dark] .s4-plans-loading__text strong{color:#f0f0f0}.s4-summary--loading .s4-summary-loading{display:flex;align-items:center;gap:10px;padding:12px 0 4px;font-size:13px;font-weight:600;color:#888}.s4-plan-card{border:1.5px solid #e0e0e0;border-radius:12px;padding:14px;cursor:pointer;background:#fff;transition:border-color .2s,background .2s}.s4-plan-card:hover{border-color:#1a1a1a}.s4-plan-card.s4-plan-selected{border-color:#1a1a1a;background:#fafafa}[data-theme=dark] .s4-plan-card{background:#1a1a1a;border-color:#2a2a2a}[data-theme=dark] .s4-plan-card:hover{border-color:#f0f0f0}[data-theme=dark] .s4-plan-card.s4-plan-selected{border-color:#f0f0f0;background:#222}.s4-plan-name{font-size:14px;font-weight:700;color:#1a1a1a;margin-bottom:4px}[data-theme=dark] .s4-plan-name{color:#f0f0f0}.s4-plan-desc{font-size:12px;color:#888;margin-bottom:10px;line-height:1.5}.s4-plan-price{font-size:18px;font-weight:800;color:#1a1a1a}.s4-plan-price span{font-size:12px;font-weight:500;color:#888}[data-theme=dark] .s4-plan-price{color:#f0f0f0}.s4-plan-original{font-size:12px;color:#bbb;text-decoration:line-through;margin-top:2px}.s4-plan-cycle-hint{font-size:11px;color:#888;margin-top:2px}.s4-billing-card--top{margin-bottom:4px}.s4-plan-save{font-size:11px;font-weight:700;color:#2ecc71;margin-top:4px}.s4-billing-card{display:flex;flex-direction:column;gap:16px}.s4-billing-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:500px){.s4-billing-row{grid-template-columns:1fr}}.s4-billing-field{display:flex;flex-direction:column;gap:6px}.s4-billing-field select,.s4-billing-field input[type=number]{padding:9px 12px;border-radius:8px;border:1.5px solid #d0d0d0;font-size:14px;background:#fff;color:#1a1a1a;outline:none;transition:border-color .2s;width:100%;box-sizing:border-box}.s4-billing-field select:focus,.s4-billing-field input[type=number]:focus{border-color:#1a1a1a}[data-theme=dark] .s4-billing-field select,[data-theme=dark] .s4-billing-field input[type=number]{background:#252525;border-color:#3a3a3a;color:#e0e0e0}.s4-input-error{border-color:#e55!important}.s4-field-error{font-size:12px;color:#e55;margin-top:2px}.s4-features{display:flex;flex-direction:column;gap:6px}.s4-features-list{display:flex;flex-direction:column;gap:6px;margin-top:4px}.s4-feature-item{display:flex;align-items:center;gap:8px;font-size:13px;color:#444}.s4-feature-item svg{color:#1a1a1a;flex-shrink:0}[data-theme=dark] .s4-feature-item{color:#aaa}[data-theme=dark] .s4-feature-item svg{color:#f0f0f0}.s4-summary{background:#fafafa;border:1.5px solid #e0e0e0;border-radius:14px;padding:20px}[data-theme=dark] .s4-summary{background:#161616;border-color:#2a2a2a}.s4-summary-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#888;margin-bottom:12px}.s4-summary-rows{display:flex;flex-direction:column;gap:8px}.s4-summary-row{display:flex;justify-content:space-between;font-size:13px}.s4-summary-row span{color:#888}.s4-summary-row strong{color:#1a1a1a;font-weight:600}[data-theme=dark] .s4-summary-row span{color:#555}[data-theme=dark] .s4-summary-row strong{color:#e0e0e0}.s4-summary-divider{height:1px;background:#e0e0e0;margin:12px 0}[data-theme=dark] .s4-summary-divider{background:#2a2a2a}.s4-summary-total{display:flex;justify-content:space-between;align-items:baseline}.s4-summary-total span{font-size:13px;font-weight:700;color:#1a1a1a;text-transform:uppercase;letter-spacing:.05em}.s4-summary-total strong{font-size:22px;font-weight:800;color:#1a1a1a}[data-theme=dark] .s4-summary-total span,[data-theme=dark] .s4-summary-total strong{color:#f0f0f0}.s4-summary-saving{font-size:12px;color:#2ecc71;font-weight:600;margin-top:6px;text-align:right}.s4-footer{display:flex;flex-direction:column;gap:14px;padding-bottom:8px}.s4-terms{display:flex;align-items:center;gap:8px;font-size:13px;color:#555;cursor:pointer}.s4-terms input[type=checkbox]{width:16px;height:16px;accent-color:#1a1a1a;cursor:pointer;flex-shrink:0}.s4-terms a{color:#1a1a1a;font-weight:600;text-decoration:underline}[data-theme=dark] .s4-terms{color:#888}[data-theme=dark] .s4-terms a{color:#f0f0f0}.s4-processing{display:flex;align-items:center;gap:8px;font-size:13px;color:#6c5ce7;font-weight:600}.s4-cta{display:flex;justify-content:flex-end}.s4-paystack-btn{background:#1a1a1a;color:#fff;border:none;border-radius:10px;padding:12px 24px;font-size:14px;font-weight:700;cursor:pointer;transition:opacity .2s}.s4-paystack-btn:hover{opacity:.85}[data-theme=dark] .s4-paystack-btn{background:#f0f0f0;color:#111}.s4-paystack-disabled{background:#e0e0e0;color:#aaa;border-radius:10px;padding:12px 24px;font-size:14px;font-weight:700;cursor:not-allowed;-webkit-user-select:none;user-select:none}[data-theme=dark] .s4-paystack-disabled{background:#2a2a2a;color:#444}.setup-footer{display:flex;align-items:center;justify-content:center;gap:8px;padding-top:20px;border-top:1px solid #f0eeff;width:100%;max-width:600px;margin-top:20px}[data-theme=dark] .setup-footer{border-top-color:#252525}.setup-footer-sep{color:#ccc;font-size:12px}[data-theme=dark] .setup-footer-sep{color:#444}.setup-footer-link{background:none;border:none;color:#888;font-size:13px;font-weight:500;cursor:pointer;padding:0;transition:color .2s}.setup-footer-link:hover{color:#1a1a1a}[data-theme=dark] .setup-footer-link{color:#666}[data-theme=dark] .setup-footer-link:hover{color:#f0f0f0}.login-page{min-height:100vh;display:flex;background:#f5f4ff;transition:background .3s;overflow:hidden}[data-theme=dark] .login-page{background:#111}.login-left{flex:2;display:none;position:relative;min-height:100vh;overflow:visible}@media(min-width:900px){.login-left{display:block}}.login-right{flex:1;display:flex;align-items:center;justify-content:center;padding:32px 20px 32px 32px;background:#fff;position:relative;z-index:1}[data-theme=dark] .login-right{background:#111}.login-card{width:100%;max-width:420px;border-radius:20px;padding:40px 36px}.login-card-brand{display:flex;align-items:center;gap:10px;margin-bottom:28px}@media(min-width:900px){.login-card-brand{display:none}}@media(max-width:900px){.login-card,.login-right{padding:10px}}.login-card-brand-icon{width:36px;height:36px;background:linear-gradient(135deg,#6c5ce7,#a29bfe);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.login-card-brand-icon--logo{background:none;border:none;border-radius:0}.login-card-brand-icon img{width:100%;height:100%;object-fit:cover;display:block}.login-card-brand-initial{color:#fff;font-size:15px;font-weight:800;line-height:1}.login-card-brand-name{font-size:18px;font-weight:800;color:#1a1a1a;letter-spacing:-.3px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=dark] .login-card-brand-name{color:#f0f0f0}.login-header{margin-bottom:28px}.login-header h2{font-size:24px;font-weight:800;color:#1a1a1a;margin:0 0 6px;letter-spacing:-.4px}[data-theme=dark] .login-header h2{color:#f0f0f0}.login-header p{font-size:14px;color:#888;margin:0}[data-theme=dark] .login-header p{color:#666}.login-fields{display:flex;flex-direction:column;gap:18px;margin-bottom:24px}.login-actions{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:10px}.login-forgot{background:none;border:none;color:#888;font-size:13px;font-weight:500;cursor:pointer;padding:0;transition:color .2s}.login-forgot:hover{color:#1a1a1a}[data-theme=dark] .login-forgot{color:#555}[data-theme=dark] .login-forgot:hover{color:#e0e0e0}.login-footer{display:flex;align-items:center;justify-content:center;gap:8px;padding-top:20px;border-top:1px solid #f0eeff}[data-theme=dark] .login-footer{border-top-color:#252525}.login-footer-sep{color:#ccc;font-size:12px}[data-theme=dark] .login-footer-sep{color:#444}.login-footer-link{background:none;border:none;color:#888;font-size:13px;font-weight:500;cursor:pointer;padding:0;transition:color .2s}.login-footer-link:hover{color:#6c5ce7}[data-theme=dark] .login-footer-link{color:#666}[data-theme=dark] .login-footer-link:hover{color:#a29bfe}.login-theme-toggle{position:fixed;top:20px;right:20px;width:38px;height:38px;border-radius:50%;border:1.5px solid #d0d0d0;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,border-color .2s;z-index:10}.login-theme-toggle:hover{border-color:#111}[data-theme=dark] .login-theme-toggle{background:#111;border-color:#444}[data-theme=dark] .login-theme-toggle:hover{border-color:#fff}.rsm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:16px;animation:rsm-fade .2s ease}@keyframes rsm-fade{0%{opacity:0}to{opacity:1}}.rsm-modal{background:#fff;border-radius:20px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 24px 64px #0000002e;animation:rsm-up .25s ease}[data-theme=dark] .rsm-modal{background:#1a1a1a;box-shadow:0 24px 64px #0009}@keyframes rsm-up{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.rsm-header{padding:32px 28px 24px;border-bottom:1px solid #f0f0f0;text-align:center}[data-theme=dark] .rsm-header{border-bottom-color:#2a2a2a}.rsm-header-icon{width:52px;height:52px;border-radius:14px;border:1.5px solid #e0e0e0;background:#fafafa;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:#1a1a1a}[data-theme=dark] .rsm-header-icon{background:#252525;border-color:#333;color:#f0f0f0}.rsm-header h2{font-size:20px;font-weight:800;color:#1a1a1a;margin:0 0 6px;letter-spacing:-.3px}[data-theme=dark] .rsm-header h2{color:#f0f0f0}.rsm-header p{font-size:13px;color:#888;margin:0}.rsm-options{padding:20px 24px;display:flex;flex-direction:column;gap:12px}.rsm-card{display:flex;align-items:flex-start;gap:14px;padding:18px;border:1.5px solid #e0e0e0;border-radius:14px;cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s;position:relative;background:#fff}.rsm-card:hover{border-color:#1a1a1a;box-shadow:0 2px 12px #0000000f}.rsm-card-active{border-color:#1a1a1a;background:#fafafa;box-shadow:0 4px 16px #00000014}[data-theme=dark] .rsm-card{background:#1a1a1a;border-color:#2a2a2a}[data-theme=dark] .rsm-card:hover{border-color:#f0f0f0}[data-theme=dark] .rsm-card-active{border-color:#f0f0f0;background:#222}.rsm-card-icon{width:44px;height:44px;border-radius:12px;border:1.5px solid #e0e0e0;background:#fafafa;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#888;transition:background .2s,border-color .2s,color .2s}.rsm-card-icon-active{background:#1a1a1a;border-color:#1a1a1a;color:#fff}[data-theme=dark] .rsm-card-icon{background:#252525;border-color:#333;color:#555}[data-theme=dark] .rsm-card-icon-active{background:#f0f0f0;border-color:#f0f0f0;color:#111}.rsm-card-body{flex:1;min-width:0}.rsm-card-title{font-size:15px;font-weight:700;color:#1a1a1a;margin-bottom:2px}[data-theme=dark] .rsm-card-title{color:#f0f0f0}.rsm-card-subtitle{font-size:12px;font-weight:600;color:#888;margin-bottom:6px;text-transform:uppercase;letter-spacing:.05em}.rsm-card-desc{font-size:13px;color:#888;line-height:1.5;margin-bottom:10px}[data-theme=dark] .rsm-card-desc{color:#555}.rsm-badges{display:flex;flex-wrap:wrap;gap:6px}.rsm-badge{font-size:11px;font-weight:600;padding:3px 10px;border-radius:6px;background:#f0f0f0;color:#555;border:1px solid #e0e0e0;transition:background .2s,color .2s}.rsm-badge-active{background:#1a1a1a;color:#fff;border-color:#1a1a1a}[data-theme=dark] .rsm-badge{background:#252525;color:#888;border-color:#333}[data-theme=dark] .rsm-badge-active{background:#f0f0f0;color:#111;border-color:#f0f0f0}.rsm-tag{font-size:11px;font-weight:500;padding:3px 10px;border-radius:6px;background:#f5f5f5;color:#888;border:1px solid #ebebeb}[data-theme=dark] .rsm-tag{background:#222;color:#555;border-color:#2a2a2a}.rsm-check{width:24px;height:24px;border-radius:50%;border:1.5px solid #d0d0d0;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:transparent;transition:background .2s,border-color .2s,color .2s;margin-top:2px}.rsm-check-active{background:#1a1a1a;border-color:#1a1a1a;color:#fff;animation:rsm-pop .25s ease}[data-theme=dark] .rsm-check{border-color:#333}[data-theme=dark] .rsm-check-active{background:#f0f0f0;border-color:#f0f0f0;color:#111}@keyframes rsm-pop{0%{transform:scale(.6)}60%{transform:scale(1.15)}to{transform:scale(1)}}.rsm-footer{padding:20px 24px 28px;border-top:1px solid #f0f0f0;display:flex;flex-direction:column;gap:10px}[data-theme=dark] .rsm-footer{border-top-color:#2a2a2a}.rsm-btn{width:100%;padding:13px 20px;background:#1a1a1a;color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:opacity .2s}.rsm-btn:hover:not(:disabled){opacity:.85}.rsm-btn:disabled{background:#e0e0e0;color:#aaa;cursor:not-allowed}[data-theme=dark] .rsm-btn{background:#f0f0f0;color:#111}[data-theme=dark] .rsm-btn:disabled{background:#2a2a2a;color:#444}.rsm-note{font-size:12px;color:#aaa;text-align:center;margin:0}@media(max-width:500px){.rsm-header{padding:24px 20px 20px}.rsm-options{padding:16px}.rsm-footer{padding:16px 16px 24px}.rsm-card{padding:14px}}.fp-page{min-height:100vh;display:flex;background:#f5f4ff;transition:background .3s;overflow:hidden}[data-theme=dark] .fp-page{background:#111}.fp-left{flex:2;display:none;position:relative;min-height:100vh;overflow:visible}@media(min-width:900px){.fp-left{display:block}}.fp-right{flex:1;display:flex;align-items:center;justify-content:center;padding:32px 20px 32px 32px;background:#fff;position:relative;z-index:1}[data-theme=dark] .fp-right{background:#111}@media(max-width:900px){.fp-right{padding:10px}}.fp-card{width:100%;max-width:420px;border-radius:20px;padding:40px 36px}@media(max-width:900px){.fp-card{padding:10px}}.fp-card-brand{display:flex;align-items:center;gap:10px;margin-bottom:28px}@media(min-width:900px){.fp-card-brand{display:none}}.fp-card-brand-icon{width:36px;height:36px;background:linear-gradient(135deg,#6c5ce7,#a29bfe);border-radius:10px;display:flex;align-items:center;justify-content:center}.fp-card-brand-name{font-size:18px;font-weight:800;color:#1a1a1a;letter-spacing:-.3px}[data-theme=dark] .fp-card-brand-name{color:#f0f0f0}.fp-header{margin-bottom:28px}.fp-header h2{font-size:24px;font-weight:800;color:#1a1a1a;margin:0 0 6px;letter-spacing:-.4px}[data-theme=dark] .fp-header h2{color:#f0f0f0}.fp-header p{font-size:14px;color:#888;margin:0}[data-theme=dark] .fp-header p{color:#666}.fp-fields{display:flex;flex-direction:column;gap:18px;margin-bottom:24px}.fp-actions{display:flex;justify-content:flex-end;margin-bottom:24px}.fp-success{text-align:center;padding:16px 0 24px}.fp-success-icon{width:52px;height:52px;border-radius:50%;background:#f0eeff;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}[data-theme=dark] .fp-success-icon{background:#1e1e2e}.fp-success p{font-size:14px;color:#555;margin:0 0 8px}[data-theme=dark] .fp-success p{color:#999}.fp-success-note{font-size:13px;color:#aaa!important}.fp-footer{display:flex;align-items:center;justify-content:center;gap:8px;padding-top:20px;border-top:1px solid #f0eeff}[data-theme=dark] .fp-footer{border-top-color:#252525}.fp-footer-sep{color:#ccc;font-size:12px}[data-theme=dark] .fp-footer-sep{color:#444}.fp-footer-link{background:none;border:none;color:#888;font-size:13px;font-weight:500;cursor:pointer;padding:0;transition:color .2s}.fp-footer-link:hover{color:#6c5ce7}[data-theme=dark] .fp-footer-link{color:#666}[data-theme=dark] .fp-footer-link:hover{color:#a29bfe}.fp-theme-toggle{position:fixed;top:20px;right:20px;width:38px;height:38px;border-radius:50%;border:1.5px solid #d0d0d0;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,border-color .2s;z-index:10}.fp-theme-toggle:hover{border-color:#111}[data-theme=dark] .fp-theme-toggle{background:#111;border-color:#444}[data-theme=dark] .fp-theme-toggle:hover{border-color:#fff}.fbp_overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:transparent;z-index:99999;pointer-events:none;animation:fbp_fade_in .15s ease}@keyframes fbp_fade_in{0%{opacity:0}to{opacity:1}}.fbp_panel{position:absolute;bottom:24px;right:24px;background:#fff;border-radius:16px;width:420px;max-width:calc(100vw - 32px);height:620px;max-height:calc(100vh - 48px);box-shadow:0 24px 64px #00000038,0 2px 8px #00000014;overflow:hidden;pointer-events:all;display:flex;flex-direction:column;animation:fbp_slide_up .22s ease}@keyframes fbp_slide_up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fbp_header{display:flex;align-items:center;gap:11px;padding:16px 16px 14px;background:#111;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23noise)' opacity='0.08'/%3E%3C/svg%3E");background-size:150px 150px;flex-shrink:0}.fbp_header_icon{width:36px;height:36px;border-radius:10px;background:#ffffff1f;border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;flex-shrink:0}.fbp_header_text{flex:1;min-width:0}.fbp_title{margin:0 0 2px;font-size:13.5px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fbp_subtitle{margin:0;font-size:11px;color:#ffffff80;display:flex;align-items:center;gap:5px}.fbp_status_dot{display:inline-block;width:7px;height:7px;border-radius:50%;flex-shrink:0}.fbp_close{margin-left:auto;flex-shrink:0;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:8px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#ffffffb3;transition:background .15s}.fbp_close:hover{background:#fff3;color:#fff}.fbp_tabs{display:flex;border-bottom:1.5px solid #f0f0f0;flex-shrink:0}.fbp_tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:11px 8px;background:none;border:none;cursor:pointer;font-size:12px;font-weight:500;color:#9ca3af;border-bottom:2px solid transparent;margin-bottom:-1.5px;transition:color .15s,border-color .15s}.fbp_tab:hover{color:#374151}.fbp_tab.active{color:#111;border-bottom-color:#111;font-weight:600}.fbp_back_btn{display:flex;align-items:center;gap:6px;padding:9px 16px;background:none;border:none;border-bottom:1.5px solid #f0f0f0;cursor:pointer;font-size:12px;color:#6b7280;transition:color .15s;flex-shrink:0}.fbp_back_btn:hover{color:#111}.fbp_body{padding:18px 18px 16px;display:flex;flex-direction:column;gap:14px;overflow-y:auto}.fbp_field{display:flex;flex-direction:column;gap:6px}.fbp_label{font-size:10.5px;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px}.fbp_type_grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.fbp_type_btn{padding:8px 10px;border-radius:9px;border:1.5px solid #e5e7eb;background:#f9fafb;font-size:11.5px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .15s;text-align:center}.fbp_type_btn:hover{border-color:#d1d5db;background:#f3f4f6;color:#374151}.fbp_type_btn.active{border-color:#111;background:#111;color:#fff}.fbp_input{width:100%;padding:10px 12px;border:1.5px solid #e5e7eb;border-radius:10px;font-size:13px;color:#111;background:#fff;font-family:inherit;transition:border-color .15s;box-sizing:border-box}.fbp_input:focus{outline:none;border-color:#111}.fbp_input::placeholder{color:#c4c4c4}.fbp_textarea{width:100%;padding:10px 12px;border:1.5px solid #e5e7eb;border-radius:10px;font-size:13px;color:#111;background:#fff;resize:vertical;min-height:120px;font-family:inherit;line-height:1.55;transition:border-color .15s;box-sizing:border-box}.fbp_textarea:focus{outline:none;border-color:#111}.fbp_textarea::placeholder{color:#c4c4c4}.fbp_attach_btn{display:flex;align-items:center;gap:7px;padding:9px 13px;width:100%;border:1.5px dashed #d1d5db;border-radius:10px;background:#fafafa;color:#6b7280;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s}.fbp_attach_btn:hover{border-color:#9ca3af;background:#f3f4f6;color:#374151}.fbp_attach_preview{position:relative;display:inline-flex;width:100%}.fbp_attach_img{width:100%;max-height:160px;object-fit:cover;border-radius:10px;border:1.5px solid #e5e7eb}.fbp_attach_remove{position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:50%;background:#0000008c;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.fbp_attach_remove:hover{background:#000000bf}.fbp_from{display:flex;align-items:center;gap:6px;padding:8px 11px;background:#f9fafb;border:1px solid #f0f0f0;border-radius:9px}.fbp_from_label{font-size:10px;font-weight:700;color:#aaa;text-transform:uppercase;letter-spacing:.5px}.fbp_from_sep{color:#d1d5db;font-size:12px}.fbp_from_value{font-size:12px;font-weight:500;color:#374151}.fbp_btn_primary{flex:1;padding:11px;background:#111;color:#fff;border:none;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .15s}.fbp_btn_primary:hover:not(:disabled){opacity:.85}.fbp_btn_primary:disabled{opacity:.4;cursor:not-allowed}.fbp_btn_secondary{flex:1;padding:11px;background:#f3f4f6;color:#374151;border:1.5px solid #e5e7eb;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.fbp_btn_secondary:hover{background:#e5e7eb}.fbp_success{padding:32px 20px 24px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.fbp_success_title{margin:0;font-size:15px;font-weight:700;color:#111}.fbp_success_msg{margin:0;font-size:12.5px;color:#6b7280;line-height:1.55;max-width:300px}.fbp_success_actions{display:flex;gap:8px;width:100%;margin-top:6px}.fbp_list_view{overflow-y:auto;flex:1}.fbp_ticket_list{list-style:none;margin:0;padding:8px;display:flex;flex-direction:column;gap:6px}.fbp_ticket_item{position:relative;padding:12px 14px;border-radius:12px;border:1.5px solid #f0f0f0;background:#fafafa;cursor:pointer;transition:all .15s}.fbp_ticket_item:hover{border-color:#d1d5db;background:#fff;box-shadow:0 2px 8px #0000000f}.fbp_ticket_meta{display:flex;align-items:center;gap:7px;margin-bottom:5px}.fbp_status_badge{font-size:10px;font-weight:700;padding:2px 8px;border-radius:99px;letter-spacing:.3px}.fbp_ticket_type{font-size:10.5px;color:#9ca3af;font-weight:500}.fbp_ticket_title{margin:0 0 4px;font-size:13px;font-weight:600;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fbp_ticket_date{margin:0;font-size:11px;color:#9ca3af}.fbp_unread_badge{position:absolute;top:12px;right:14px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:99px;display:flex;align-items:center;justify-content:center;padding:0 4px}.fbp_list_empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:48px 24px;text-align:center;color:#9ca3af}.fbp_list_empty p{margin:0;font-size:14px;font-weight:600;color:#6b7280}.fbp_list_empty span{font-size:12px}.fbp_chat_view{display:flex;flex-direction:column;flex:1;min-height:0}.fbp_chat_messages{flex:1;overflow-y:auto;padding:14px 14px 8px;display:flex;flex-direction:column;gap:10px}.fbp_chat_msg{display:flex;align-items:flex-end;gap:8px}.fbp_chat_msg--user{flex-direction:row-reverse}.fbp_chat_msg--support{flex-direction:row}.fbp_chat_avatar{width:28px;height:28px;border-radius:50%;background:#111;flex-shrink:0;display:flex;align-items:center;justify-content:center}.fbp_msg_bubble{max-width:82%;padding:10px 13px;border-radius:14px;display:flex;flex-direction:column;gap:5px}.fbp_chat_msg--user .fbp_msg_bubble{background:#111;color:#fff;border-bottom-right-radius:4px}.fbp_chat_msg--support .fbp_msg_bubble{background:#f3f4f6;color:#111;border-bottom-left-radius:4px}.fbp_chat_msg--first .fbp_msg_bubble{max-width:100%;background:#f3f4f6;border:1.5px solid #e5e7eb;border-radius:14px;color:#111}.fbp_msg_first_header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.fbp_msg_type_tag{font-size:10px;font-weight:700;padding:2px 8px;border-radius:99px;background:#e5e7eb;color:#374151}.fbp_msg_date{font-size:10.5px;color:#9ca3af}.fbp_msg_sender_name{font-size:10.5px;font-weight:700;color:#6b7280;margin-bottom:2px}.fbp_msg_body{margin:0;font-size:13px;line-height:1.55;white-space:pre-wrap}.fbp_chat_msg--user .fbp_msg_body{color:#fff}.fbp_chat_msg--first .fbp_msg_body{color:#111}.fbp_msg_time{font-size:10px;align-self:flex-end;opacity:.55}.fbp_msg_img{width:100%;max-width:260px;max-height:180px;object-fit:cover;border-radius:9px;cursor:zoom-in;display:block;margin-top:4px}.fbp_reply_form{border-top:1.5px solid #f0f0f0;padding:10px 12px;flex-shrink:0;display:flex;flex-direction:column;gap:8px}.fbp_reply_preview{position:relative;display:inline-flex;align-self:flex-start}.fbp_reply_preview_img{height:70px;border-radius:8px;border:1.5px solid #e5e7eb;object-fit:cover}.fbp_reply_row{display:flex;align-items:flex-end;gap:7px}.fbp_reply_attach_btn{width:34px;height:34px;flex-shrink:0;border:1.5px solid #e5e7eb;border-radius:9px;background:#f9fafb;color:#9ca3af;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.fbp_reply_attach_btn:hover{border-color:#9ca3af;color:#374151}.fbp_reply_input{flex:1;padding:8px 11px;border:1.5px solid #e5e7eb;border-radius:10px;font-size:13px;font-family:inherit;color:#111;background:#fff;resize:none;line-height:1.45;height:34px;min-height:34px;max-height:34px;overflow-y:hidden;transition:border-color .15s}.fbp_reply_input:focus{outline:none;border-color:#111}.fbp_reply_input::placeholder{color:#c4c4c4}.fbp_reply_send_btn{width:34px;height:34px;flex-shrink:0;border:none;border-radius:9px;background:#111;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .15s}.fbp_reply_send_btn:hover:not(:disabled){opacity:.8}.fbp_reply_send_btn:disabled{opacity:.35;cursor:not-allowed}.fbp_chat_closed{text-align:center;font-size:12px;color:#9ca3af;padding:12px 16px;border-top:1.5px solid #f0f0f0;flex-shrink:0}.fbp_lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999999;background:#000000d9;display:flex;align-items:center;justify-content:center;cursor:zoom-out;pointer-events:all}.fbp_lightbox_img{max-width:90vw;max-height:90vh;border-radius:12px;object-fit:contain;box-shadow:0 8px 40px #0006}.fbp_spinner{width:28px;height:28px;border:2.5px solid #e5e7eb;border-top-color:#111;border-radius:50%;animation:fbp_spin .7s linear infinite}.fbp_spinner--sm{width:14px;height:14px;border-width:2px;border-color:#ffffff59;border-top-color:#fff}@keyframes fbp_spin{to{transform:rotate(360deg)}}[data-theme=dark] .fbp_panel{background:#1a1a1a}[data-theme=dark] .fbp_tabs{border-bottom-color:#2a2a2a}[data-theme=dark] .fbp_tab{color:#666}[data-theme=dark] .fbp_tab:hover{color:#ccc}[data-theme=dark] .fbp_tab.active{color:#fff;border-bottom-color:#fff}[data-theme=dark] .fbp_back_btn{border-bottom-color:#2a2a2a;color:#666}[data-theme=dark] .fbp_back_btn:hover{color:#fff}[data-theme=dark] .fbp_input,[data-theme=dark] .fbp_textarea{background:#252525;border-color:#3a3a3a;color:#e0e0e0}[data-theme=dark] .fbp_input:focus,[data-theme=dark] .fbp_textarea:focus{border-color:#888}[data-theme=dark] .fbp_type_btn{background:#252525;border-color:#3a3a3a;color:#888}[data-theme=dark] .fbp_type_btn:hover{background:#2e2e2e;color:#ccc}[data-theme=dark] .fbp_type_btn.active{background:#f0f0f0;border-color:#f0f0f0;color:#111}[data-theme=dark] .fbp_ticket_item{background:#222;border-color:#2a2a2a}[data-theme=dark] .fbp_ticket_item:hover{background:#2a2a2a;border-color:#444}[data-theme=dark] .fbp_ticket_title{color:#e0e0e0}[data-theme=dark] .fbp_chat_msg--support .fbp_msg_bubble{background:#2a2a2a;color:#e0e0e0}[data-theme=dark] .fbp_chat_msg--first .fbp_msg_bubble{background:#2a2a2a;border-color:#3a3a3a}[data-theme=dark] .fbp_reply_form{border-top-color:#2a2a2a}[data-theme=dark] .fbp_reply_input{background:#252525;border-color:#3a3a3a;color:#e0e0e0}[data-theme=dark] .fbp_reply_input:focus{border-color:#888}[data-theme=dark] .fbp_reply_attach_btn{background:#252525;border-color:#3a3a3a;color:#666}[data-theme=dark] .fbp_reply_attach_btn:hover{border-color:#888;color:#ccc}[data-theme=dark] .fbp_from{background:#252525;border-color:#2e2e2e}[data-theme=dark] .fbp_from_value{color:#ccc}[data-theme=dark] .fbp_success_title{color:#e0e0e0}[data-theme=dark] .fbp_success_msg{color:#888}.t_layout{display:flex;flex-direction:column;height:100vh;width:100vw;box-sizing:border-box;overflow:auto;background-color:#fff;color:#111;transition:background-color .2s ease,color .2s ease}[data-theme=dark] .t_layout{background-color:#111;color:#e0e0e0}.t_said_n_content{display:flex;flex:1;position:fixed;top:48px;bottom:0;left:0;right:0;z-index:7}.t_content{margin-left:-7px;flex:1;overflow-y:auto;transition:margin-left .3s ease;width:100%;box-sizing:border-box;height:100%}.t_al_saidbar{position:relative;height:calc(100vh - 48px);display:flex;align-items:center;box-sizing:border-box;gap:3px;z-index:1500;margin-top:0}.t_al_sb_toggle{background-color:#d1d5db;height:36px;width:4px;border-radius:10px;cursor:pointer;transition:background-color .2s ease;flex-shrink:0}.t_al_sb_toggle:hover{background-color:#9ca3af}.t_al_sb_nav{width:62px;display:flex;flex-direction:column;z-index:1500000;background-color:#fff;transition:width .28s cubic-bezier(.4,0,.2,1);height:100%;border-right:1px solid #e5e7eb;overflow-x:hidden;overflow-y:auto}.t_al_sb_nav.expanded{width:210px}.t_al_saidbar.expanded{min-width:210px}.t_al_sb_nav:not(.expanded) .t_nav_link{padding:10px 0;justify-content:center}.t_nav_items{padding:12px 0 8px;display:flex;flex-direction:column;gap:2px;flex:1}.t_nav_link{display:flex;align-items:center;padding:10px 14px;color:#374151;text-decoration:none;cursor:pointer;transition:background .15s ease;border:none;background:none;text-align:left;gap:12px;border-radius:10px;position:relative;box-sizing:border-box;margin:0 8px;width:calc(100% - 16px)}.t_nav_link:hover{background-color:#f5f5f5}.t_nav_link.active{background-color:#f0f0f0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23noise)' opacity='0.1'/%3E%3C/svg%3E");background-repeat:repeat;background-size:120px 120px;border:1px solid #e0e0e0;box-shadow:0 1px 4px #0000000f}.t_nav_icon{min-width:22px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.t_nav_text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;font-size:.85rem;color:#374151;opacity:0;transform:translate(-6px);transition:opacity .2s ease .05s,transform .2s ease .05s}.t_al_sb_nav.expanded .t_nav_text{opacity:1;transform:translate(0)}.t_nav_bill_badge{min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;line-height:18px;text-align:center;flex-shrink:0;margin-left:auto}.t_al_sb_nav:not(.expanded) .t_nav_bill_badge{position:absolute;top:4px;right:4px;margin-left:0}[data-theme=dark] .t_nav_bill_badge{background:#dc2626;box-shadow:0 0 0 2px #1a1a1a}.t_al_overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000059;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:30;display:none}@media(max-width:1200px){.t_al_saidbar{position:fixed;left:-100%;transition:left .3s ease;z-index:200;height:100vh;margin-top:0}.t_al_saidbar.mobile-open{left:0}.t_al_sb_nav,.t_al_sb_nav.expanded{width:250px!important}.t_al_sb_nav .t_nav_text{opacity:1!important;transform:translate(0)!important}.t_al_overlay{display:block}.t_al_sb_toggle{display:none}.t_content{margin-left:0;width:100%}}.t_al_sb_nav::-webkit-scrollbar{width:3px}.t_al_sb_nav::-webkit-scrollbar-track{background:transparent}.t_al_sb_nav::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:2px}.t_sb_info_card{padding:12px 8px 8px;display:flex;flex-direction:column;gap:8px;border-bottom:1px solid #e5e7eb}.t_sb_school_row,.t_sb_staff_row{display:flex;align-items:center;gap:8px;min-height:36px}.t_sb_school_logo{width:36px;height:36px;border-radius:8px;object-fit:cover;flex-shrink:0;border:1px solid #e5e7eb}.t_sb_school_logo_placeholder{width:36px;height:36px;border-radius:8px;background:#e5e7eb;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.t_sb_school_text,.t_sb_staff_text{overflow:hidden}.t_sb_school_name,.t_sb_staff_name{margin:0;font-size:13px;font-weight:700;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.t_sb_school_motto,.t_sb_staff_role{margin:2px 0 0;font-size:10px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.t_sb_school_motto{font-style:italic}.t_sb_divider{height:1px;background:#e5e7eb;margin:0 4px}.t_sb_avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;letter-spacing:.5px}[data-theme=dark] .t_al_sb_nav{background-color:#1a1a1a;border-right-color:#2e2e2e}[data-theme=dark] .t_al_sb_toggle{background-color:#3a3a3a}[data-theme=dark] .t_al_sb_toggle:hover{background-color:#555}[data-theme=dark] .t_sb_info_card{border-bottom-color:#2e2e2e}[data-theme=dark] .t_sb_divider{background:#2a2a2a}[data-theme=dark] .t_sb_school_name,[data-theme=dark] .t_sb_staff_name{color:#e5e7eb}[data-theme=dark] .t_sb_school_motto,[data-theme=dark] .t_sb_staff_role{color:#9ca3af}[data-theme=dark] .t_sb_school_logo_placeholder{background:#2e2e2e}[data-theme=dark] .t_nav_link{color:#ccc}[data-theme=dark] .t_nav_link:hover{background-color:#252525}[data-theme=dark] .t_nav_link.active{background-color:#2a2a2a;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23noise)' opacity='0.15'/%3E%3C/svg%3E");border-color:#3a3a3a;box-shadow:0 1px 4px #0000004d}[data-theme=dark] .t_nav_text{color:#ccc}[data-theme=dark] .t_nav_icon svg rect,[data-theme=dark] .t_nav_icon svg path,[data-theme=dark] .t_nav_icon svg circle{stroke:#ccc}[data-theme=dark] .t_nav_icon svg [fill="#111111"]{fill:#ccc}[data-theme=dark] .t_nav_icon svg [fill="#111111"][opacity]{fill:#ccc}[data-theme=dark] .t_al_sb_nav::-webkit-scrollbar-thumb{background:#3a3a3a}.st_topbar{position:fixed;top:0;display:flex;height:52px;width:100vw;align-items:center;justify-content:space-between;padding:0 18px;background:#fff;border-bottom:1px solid #e5e7eb;z-index:10000;box-sizing:border-box;gap:12px;overflow:visible}.st_topbar_left{display:flex;align-items:center;gap:14px;flex-shrink:0}.st_menu_btn{display:none;background:none;border:1px solid #e5e7eb;border-radius:8px;font-size:16px;cursor:pointer;padding:5px 8px;color:#374151;line-height:1;transition:background .15s}.st_menu_btn:hover{background:#f3f4f6}.st_brand{display:flex;align-items:center;gap:8px}.st_brand_icon{width:28px;height:28px;background:transparent;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.st_brand_icon img{width:100%;height:100%;object-fit:contain;display:block}.st_brand_text{font-size:15px;font-weight:800;color:#111;letter-spacing:-.4px}.st_brand_divider{width:1px;height:20px;background:#e5e7eb;flex-shrink:0}.st_school_brand{display:flex;align-items:center;gap:7px;min-width:0}.st_school_logo{width:22px;height:22px;border-radius:5px;object-fit:cover;flex-shrink:0}.st_school_logo_fallback{width:22px;height:22px;border-radius:5px;background:#f3f4f6;border:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center;flex-shrink:0}.st_school_name{font-size:13px;font-weight:600;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.st_topbar_center{flex:1;display:flex;justify-content:center;overflow:hidden}.st_session_pill{display:flex;align-items:center;gap:7px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:20px;padding:5px 14px;font-size:13px;max-width:400px;overflow:hidden}.st_session_name{font-weight:600;color:#065f46;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.st_session_sep{color:#9ca3af}.st_subsession_name{color:#047857;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.st_active_dot{width:7px;height:7px;border-radius:50%;background:#10b981;flex-shrink:0;animation:stPulse 2s infinite}@keyframes stPulse{0%,to{opacity:1}50%{opacity:.4}}.st_no_session{font-size:12px;color:#9ca3af}.st_topbar_right{display:flex;align-items:center;gap:8px;flex-shrink:0;overflow:visible;position:relative;z-index:10001}.st_icon_btn{width:34px;height:34px;border-radius:9px;background:#fff;border:1px solid #e5e7eb;color:#555;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s,box-shadow .15s;flex-shrink:0}.st_icon_btn:hover{background:#f4f4f4;border-color:#d1d5db;box-shadow:0 2px 6px #00000012}.st_bell_btn{position:relative}.st_bell_badge{position:absolute;top:-5px;right:-5px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;line-height:16px;text-align:center;pointer-events:none}@keyframes stBellShake{0%,to{transform:rotate(0)}15%{transform:rotate(18deg)}30%{transform:rotate(-16deg)}45%{transform:rotate(12deg)}60%{transform:rotate(-10deg)}75%{transform:rotate(6deg)}}.st_bell_shake svg{animation:stBellShake .82s ease}.st_profile_wrapper{position:relative}.st_avatar_btn{width:34px;height:34px;border-radius:9px;background:#111;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:box-shadow .2s,opacity .15s}.st_avatar_btn:hover{opacity:.88;box-shadow:0 0 0 3px #0000001f}.st_avatar_initials{color:#fff;font-size:12px;font-weight:700;letter-spacing:.5px}.st_avatar_img{width:100%;height:100%;object-fit:cover}.st_dropdown{position:absolute;top:calc(100% + 10px);right:0;width:300px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 8px 32px #0000001f;z-index:99999;overflow:hidden;animation:stDropIn .15s ease}@keyframes stDropIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.st_pd_header{display:flex;align-items:center;gap:14px;padding:18px 16px 14px;background-color:#111;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23noise)' opacity='0.09'/%3E%3C/svg%3E");background-repeat:repeat;background-size:150px 150px;border-bottom:1px solid #2a2a2a;position:relative;overflow:hidden}.st_pd_header:before{content:"";position:absolute;width:70px;height:70px;border-radius:12px;border:2px solid rgba(255,255,255,.1);top:-28px;right:20px;transform:rotate(20deg);pointer-events:none;box-shadow:36px 36px 0 0 transparent,36px 36px 0 2px #ffffff0f}.st_pd_header:after{content:"";position:absolute;width:44px;height:44px;border-radius:8px;background:#ffffff0a;border:1.5px solid rgba(255,255,255,.08);bottom:-16px;right:60px;transform:rotate(35deg);pointer-events:none}.st_pd_avatar_large{width:46px;height:46px;border-radius:10px;background:#fff;color:#111;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:1;overflow:hidden}.st_pd_avatar_img{width:100%;height:100%;object-fit:cover;display:block}.st_pd_header_info{flex:1;min-width:0;position:relative;z-index:1}.st_pd_name{margin:0 0 2px;font-size:14px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.st_pd_email{margin:0 0 6px;font-size:11px;color:#ffffff80;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.st_pd_badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:20px;font-size:10px;font-weight:700;background:#ffffff26;color:#fff}.st_pd_divider{height:1px;background:#f3f4f6}.st_pd_section{padding:12px 16px}.st_pd_section_label{font-size:10px;font-weight:700;color:#aaa;text-transform:uppercase;letter-spacing:.6px;margin-bottom:8px}.st_pd_row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.st_pd_school_name{font-size:13px;font-weight:600;color:#374151}.st_pd_meta{margin:2px 0;font-size:11px;color:#888;padding-left:22px}.st_pd_school-brand .st_pd_meta_block{padding-left:0;margin-top:6px}.st_pd_school_logo{width:36px;height:36px;border-radius:8px;object-fit:cover;flex-shrink:0;border:1px solid #e5e7eb;background:#fff}.st_pd_school_icon_fallback{flex-shrink:0}.st_pd_actions{padding:8px 16px 12px}.st_pd_action_btn{width:100%;display:flex;align-items:center;gap:8px;padding:9px 12px;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s;background:none;color:#374151}.st_pd_action_btn:hover{background:#f4f4f4}.st_pd_action_btn.danger{color:#dc2626}.st_pd_action_btn.danger:hover{background:#fef2f2}@media(max-width:1200px){.st_menu_btn{display:flex}}@media(max-width:768px){.st_topbar_center,.st_brand_text,.st_brand_divider,.st_school_name{display:none}}[data-theme=dark] .st_topbar{background-color:#1a1a1a;border-bottom-color:#2e2e2e}[data-theme=dark] .st_brand_text{color:#f0f0f0}[data-theme=dark] .st_brand_icon{background:transparent}[data-theme=dark] .st_brand_divider{background:#2e2e2e}[data-theme=dark] .st_school_name{color:#d1d5db}[data-theme=dark] .st_school_logo_fallback{background:#252525;border-color:#3a3a3a}[data-theme=dark] .st_menu_btn{border-color:#3a3a3a;color:#ccc}[data-theme=dark] .st_menu_btn:hover{background:#2a2a2a}[data-theme=dark] .st_session_pill{background:#0a2a1e;border-color:#134e35}[data-theme=dark] .st_session_name{color:#6ee7b7}[data-theme=dark] .st_subsession_name{color:#34d399}[data-theme=dark] .st_icon_btn{background:#252525;border-color:#3a3a3a;color:#aaa}[data-theme=dark] .st_icon_btn:hover{background:#333;border-color:#555;color:#f0f0f0}[data-theme=dark] .st_icon_btn svg path,[data-theme=dark] .st_icon_btn svg circle,[data-theme=dark] .st_icon_btn svg rect{stroke:#ccc;fill:none}[data-theme=dark] .st_icon_btn svg [fill="#111111"]{fill:#ccc}[data-theme=dark] .st_bell_badge{background:#f87171}[data-theme=dark] .st_avatar_btn{background:#f0f0f0}[data-theme=dark] .st_avatar_initials{color:#111}[data-theme=dark] .st_dropdown{background:#1e1e1e;border-color:#2e2e2e;box-shadow:0 8px 32px #0006}[data-theme=dark] .st_pd_header{background-color:#111;border-bottom-color:#2a2a2a}[data-theme=dark] .st_pd_avatar_large{background:#f0f0f0;color:#111}[data-theme=dark] .st_pd_divider{background:#2a2a2a}[data-theme=dark] .st_pd_section_label{color:#555}[data-theme=dark] .st_pd_school_name{color:#e0e0e0}[data-theme=dark] .st_pd_meta{color:#666}[data-theme=dark] .st_pd_school_logo{border-color:#3a3a3a;background:#252525}[data-theme=dark] .st_pd_action_btn{color:#ccc}[data-theme=dark] .st_pd_action_btn:hover{background:#2a2a2a}[data-theme=dark] .st_pd_action_btn.danger{color:#f87171}[data-theme=dark] .st_pd_action_btn.danger:hover{background:#2a1a1a}.sdttms{display:flex;height:100%;width:100%;box-sizing:border-box;flex-direction:column;overflow:auto}.sdttts{position:relative;padding:28px 32px 0;background:#fff;border-bottom:1px solid #e8e8e8;flex-shrink:0;overflow:hidden}.sdttts:before{content:"";position:absolute;width:200px;height:200px;border-radius:50%;border:26px solid rgba(0,0,0,.04);top:-60px;right:-40px;pointer-events:none}.sdttts:after{content:"";position:absolute;width:80px;height:80px;border-radius:14px;border:2px solid rgba(0,0,0,.05);bottom:28px;right:70px;transform:rotate(22deg);pointer-events:none}.sdttts-deco-circle{position:absolute;width:120px;height:120px;border-radius:50%;border:16px solid rgba(0,0,0,.03);bottom:-40px;left:-30px;pointer-events:none}.sdttts-deco-box{position:absolute;width:44px;height:44px;border-radius:8px;border:1.5px solid rgba(0,0,0,.06);top:18px;left:200px;transform:rotate(14deg);pointer-events:none}.sdtttstss{position:relative;z-index:1;display:flex;align-items:flex-start;margin-bottom:22px}.sdtttstssts{display:flex;flex-direction:column;flex:1;gap:6px}.sdtttstssls{display:flex;align-items:center;flex:1;justify-content:space-between;gap:16px}.sdtttstssls h1{margin:0;font-size:26px;font-weight:800;color:#111;letter-spacing:-.03em;line-height:1.1}.sdtttsnt{position:relative;z-index:1;display:flex}.sdtttsntic{display:flex;gap:2px;overflow-x:auto;padding-bottom:0;scrollbar-width:none}.sdtttsntic::-webkit-scrollbar{display:none}.sdtttti{display:flex;align-items:center;padding:9px 16px 10px;border-radius:8px 8px 0 0;cursor:pointer;transition:background .15s;border:1px solid transparent;border-bottom:none;position:relative;flex-shrink:0}.sdtttti:hover{background:#0000000d}.sdtttttit{margin:0;white-space:nowrap;font-size:13px;font-weight:600;color:#888;transition:color .15s}.sdtttti.active{background:#111;border-color:#111}.sdtttti.active .sdtttttit{color:#fff;font-weight:700}.sdttcs{flex:1;display:flex;flex-direction:column;background:#f5f5f5}@media(max-width:768px){.sdttts{padding:20px 18px 0}.sdtttstss{margin-bottom:18px}.sdtttstssls{flex-direction:column;align-items:flex-start;gap:12px}.sdtttstssls h1{font-size:22px}.sdtttti{padding:8px 13px 9px}.sdtttttit{font-size:12px}.sdttts:before{width:160px;height:160px;top:-50px;right:-40px}.sdttts-deco-box{display:none}}@media(max-width:480px){.sdtttstssls h1{font-size:19px}.sdtttti{padding:7px 11px 8px}.sdtttttit{font-size:11.5px}}[data-theme=dark] .sdttts{background:#1a1a1a;border-bottom-color:#2a2a2a}[data-theme=dark] .sdttts:before{border-color:#ffffff0a}[data-theme=dark] .sdttts:after{border-color:#ffffff0d}[data-theme=dark] .sdttts-deco-circle{border-color:#ffffff08}[data-theme=dark] .sdttts-deco-box{border-color:#ffffff0f}[data-theme=dark] .sdtttstssls h1{color:#f0f0f0}[data-theme=dark] .sdtttti:hover{background:#ffffff0f}[data-theme=dark] .sdtttttit{color:#555}[data-theme=dark] .sdtttti.active{background:#f0f0f0;border-color:#f0f0f0}[data-theme=dark] .sdtttti.active .sdtttttit{color:#111}[data-theme=dark] .sdttcs{background:#141414}.creatclassmailcon{display:flex;flex-direction:column;height:100%;min-height:0;box-sizing:border-box;background:#fff;overflow:hidden}.saidbaerheader{position:relative;display:flex;justify-content:space-between;align-items:center;padding:0 22px;height:64px;background:#111;flex-shrink:0;overflow:hidden}.saidbaerheader:before{content:"";position:absolute;width:160px;height:160px;border-radius:50%;border:24px solid rgba(255,255,255,.05);top:-60px;right:-40px;pointer-events:none}.saidbaerheader:after{content:"";position:absolute;width:52px;height:52px;border-radius:10px;border:1.5px solid rgba(255,255,255,.07);bottom:-18px;right:90px;transform:rotate(20deg);pointer-events:none}.df-header-deco{position:absolute;width:80px;height:80px;border-radius:50%;border:12px solid rgba(255,255,255,.04);bottom:-28px;left:-16px;pointer-events:none}.df-header-deco2{position:absolute;width:28px;height:28px;border-radius:5px;border:1.5px solid rgba(255,255,255,.06);top:10px;left:180px;transform:rotate(12deg);pointer-events:none}.sbhleftsec{display:flex;flex-direction:column;gap:2px;position:relative;z-index:1}.saidbaerheadertext{margin:0;font-size:16px;font-weight:800;color:#fff;letter-spacing:-.02em;line-height:1.1}.df-header-sub{margin:0;font-size:11px;color:#ffffff73;font-weight:500}.rbhrightsec{position:relative;z-index:1;flex-shrink:0}.df-close-btn{width:32px;height:32px;border-radius:8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);color:#ffffffb3;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s}.df-close-btn:hover{background:#fff3;color:#fff}.df-notice{display:flex;align-items:center;gap:9px;padding:11px 22px;background:#f7f7f7;border-bottom:1px solid #e8e8e8;border-left:3px solid #111111;font-size:12px;font-weight:600;color:#555;flex-shrink:0}.df-notice svg{flex-shrink:0;color:#111}.creatclassform{flex:1;min-height:0;overflow-y:auto;padding:22px 22px 8px;box-sizing:border-box;display:flex;flex-direction:column;gap:6px;background:#fff}.creatclassform::-webkit-scrollbar{width:3px}.creatclassform::-webkit-scrollbar-track{background:transparent}.creatclassform::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:2px}.creatclassform::-webkit-scrollbar-thumb:hover{background:silver}.sbbcon{display:flex;align-items:center;gap:10px;padding:14px 22px;border-top:1px solid #e8e8e8;background:#f7f7f7;flex-shrink:0;justify-content:flex-end}.chk{width:20px;display:flex;justify-content:center;align-items:center}.sbbcon>p{margin:0;font-size:13px;font-weight:600;color:#555;flex:1}[data-theme=dark] .creatclassmailcon{background:#1a1a1a}[data-theme=dark] .saidbaerheader{background:#0a0a0a}[data-theme=dark] .df-notice{background:#1e1e1e;border-bottom-color:#2a2a2a;border-left-color:#f0f0f0;color:#888}[data-theme=dark] .df-notice svg{color:#f0f0f0}[data-theme=dark] .creatclassform{background:#1a1a1a}[data-theme=dark] .creatclassform::-webkit-scrollbar-thumb{background:#2a2a2a}[data-theme=dark] .sbbcon{background:#1e1e1e;border-top-color:#2a2a2a}[data-theme=dark] .sbbcon>p{color:#888}.slide-in-menu-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000000;overflow:hidden}.slide-in-menu-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000019;animation:fadeIn .3s ease-out}.slide-in-menu-content{position:absolute;background:#fff;animation:slideInRight .3s ease-out;display:flex;flex-direction:column;z-index:10;top:70px;bottom:20px;right:0;margin-right:20px;max-width:500px;border-radius:30px;overflow:hidden;border:#d9d9d9 solid 1px}.slide-in-menu-content.rightt{right:0;animation:slideInRight .3s ease-out}.slide-in-menu-content.left{left:0;animation:slideInLeft .3s ease-out}.slide-in-menu-close{position:absolute;top:15px;right:15px;background:none;border:none;font-size:24px;cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;z-index:10;color:#666}.slide-in-menu-close:hover{background:#f5f5f5;color:#333}.slide-in-menu-children{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@media(max-width:768px){.slide-in-menu-content{top:52px;bottom:0;right:0;margin-right:0;width:100%!important;max-width:100%;border-radius:0}}[data-theme=dark] .slide-in-menu-overlay{background-color:#00000080}[data-theme=dark] .slide-in-menu-content{background:#1e1e1e;border-color:#2a2a2a;box-shadow:-8px 0 32px #0006}[data-theme=dark] .slide-in-menu-close{color:#888}[data-theme=dark] .slide-in-menu-close:hover{background:#2a2a2a;color:#f0f0f0}.lkk{display:flex;flex-direction:column;align-items:center;box-sizing:border-box;width:100%;min-height:100%;background:#f5f5f5}.innerlkk{padding:15px;max-width:1100px;width:100%;box-sizing:border-box}[data-theme=dark] .lkk{background:#141414}.ta-content{min-height:120px}.ta-loading{padding:32px;text-align:center;color:#6b7280;font-size:14px}.ta-empty{padding:40px 24px;text-align:center;color:#9ca3af;font-size:14px;background:#f9fafb;border-radius:12px;border:1px dashed #e5e7eb}.ta-header{margin-bottom:28px;display:flex;flex-direction:column;gap:16px}.ta-title{margin:0 0 6px;font-size:28px;font-weight:800;color:#111;letter-spacing:-.02em}.ta-subtitle{margin:0;font-size:14px;color:#888}.ta-search-wrapper{position:relative;max-width:500px;width:100%}.ta-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);pointer-events:none}.ta-search-input{width:100%;padding:11px 36px 11px 42px;border:1px solid #e0e0e0;border-radius:10px;font-size:14px;color:#111;background:#f7f7f7;transition:all .2s ease;outline:none;box-sizing:border-box}.ta-search-input:focus{border-color:#111;background:#fff;box-shadow:0 0 0 3px #0000000f}.ta-search-input::placeholder{color:#9ca3af}.ta-search-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:#f3f4f6;border:none;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;font-size:18px;line-height:1;transition:all .2s ease}.ta-search-clear:hover{background:#e5e7eb;color:#1f2937}.ta-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.ta-card{background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23noise)' opacity='0.07'/%3E%3C/svg%3E");background-repeat:repeat;background-size:180px 180px;border-radius:14px;border:1px solid #e8e8e8;padding:20px;cursor:pointer;transition:all .22s ease;display:flex;flex-direction:column;gap:14px;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000d;text-align:left}.ta-card:before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;border:14px solid rgba(0,0,0,.03);bottom:-40px;right:-30px;pointer-events:none}.ta-card:after{content:"";position:absolute;width:36px;height:36px;border-radius:7px;border:2px solid rgba(0,0,0,.05);top:14px;right:60px;transform:rotate(22deg);pointer-events:none}.ta-card:hover{border-color:#111;box-shadow:0 6px 20px #0000001a;transform:translateY(-2px)}.ta-card-header{display:flex;justify-content:space-between;align-items:center}.ta-card-icon{width:46px;height:46px;background:#111;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ta-card-body{flex:1;display:flex;flex-direction:column;gap:6px}.ta-card-title{margin:0;font-size:16px;font-weight:700;color:#111}.ta-card-code{margin:0;font-size:12px;color:#888;font-family:Courier New,monospace;background:#f4f4f4;padding:3px 8px;border-radius:5px;display:inline-block}.ta-card-footer{display:flex;align-items:center;gap:8px;padding-top:10px;border-top:1px solid #f0f0f0}.ta-card-meta-label{font-size:11px;color:#aaa;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.ta-card-meta-value{font-size:12px;color:#555;font-weight:600}.ta-badge{display:flex;align-items:center;gap:6px;padding:5px 11px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.ta-badge-active{background:#f0f0f0;color:#111;border:1px solid #e0e0e0}.ta-badge-inactive{background:#f7f7f7;color:#aaa;border:1px solid #eeeeee}[data-theme=dark] .ta-title{color:#f0f0f0}[data-theme=dark] .ta-subtitle{color:#666}[data-theme=dark] .ta-search-input{background:#252525;border-color:#3a3a3a;color:#e0e0e0}[data-theme=dark] .ta-search-input::placeholder{color:#555}[data-theme=dark] .ta-search-input:focus{border-color:#555;box-shadow:none}[data-theme=dark] .ta-search-clear{background:#333;color:#888}[data-theme=dark] .ta-search-clear:hover{background:#444;color:#f0f0f0}[data-theme=dark] .ta-card{background-color:#1a1a1a;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23noise)' opacity='0.12'/%3E%3C/svg%3E");border-color:#2e2e2e;box-shadow:0 2px 8px #0000004d}[data-theme=dark] .ta-card:hover{border-color:#ccc;box-shadow:0 6px 20px #0006}[data-theme=dark] .ta-card:before{border-color:#ffffff0a}[data-theme=dark] .ta-card:after{border-color:#ffffff0f}[data-theme=dark] .ta-card-icon{background:#2e2e2e}[data-theme=dark] .ta-card-title{color:#e5e7eb}[data-theme=dark] .ta-card-code{background:#2a2a2a;color:#9ca3af}[data-theme=dark] .ta-card-footer{border-top-color:#2a2a2a}[data-theme=dark] .ta-card-meta-label{color:#555}[data-theme=dark] .ta-card-meta-value{color:#9ca3af}[data-theme=dark] .ta-badge-active{background:#2a2a2a;color:#ccc;border-color:#3a3a3a}[data-theme=dark] .ta-badge-inactive{background:#222;color:#666;border-color:#2e2e2e}[data-theme=dark] .ta-empty{background:#1a1a1a;border-color:#2e2e2e;color:#555}@media(max-width:600px){.ta-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}}.smart-table-container{display:flex;flex-direction:column;gap:12px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.table-topbar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.right-controls{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.left-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.filter-select{height:38px;padding:0 12px;border:1px solid #e8e8e8;border-radius:8px;font-size:13px;font-weight:500;color:#555;background:#f7f7f7;outline:none;cursor:pointer;transition:border-color .15s,background .15s;white-space:nowrap;flex-shrink:0;box-sizing:border-box}.filter-select:focus{border-color:#111;background:#fff}.search-input{height:38px;padding:0 12px;border:1px solid #e8e8e8;border-radius:8px;font-size:13px;color:#111;background:#f7f7f7;outline:none;transition:border-color .15s,background .15s;min-width:0;flex:1;max-width:300px;box-sizing:border-box}.bulk-action-bar{position:fixed;bottom:28px;right:28px;display:flex;align-items:center;gap:14px;padding:12px 20px;background:#111;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23noise)' opacity='0.08'/%3E%3C/svg%3E");background-repeat:repeat;background-size:160px 160px;border-radius:14px;box-shadow:0 8px 32px #00000047;color:#fff;font-size:13px;font-weight:700;z-index:200;white-space:nowrap;overflow:hidden;isolation:isolate}.bulk-action-bar:before{content:"";position:absolute;width:100px;height:100px;border-radius:50%;border:16px solid rgba(255,255,255,.06);top:-36px;right:-24px;pointer-events:none;z-index:-1}.bulk-action-bar:after{content:"";position:absolute;width:36px;height:36px;border-radius:7px;border:1.5px solid rgba(255,255,255,.08);bottom:-12px;left:60px;transform:rotate(18deg);pointer-events:none;z-index:-1}.bulk-action-bar>div:first-child{font-size:12px;font-weight:800;color:#ffffffa6;letter-spacing:.02em;padding-right:12px;border-right:1px solid rgba(255,255,255,.15);position:relative;z-index:1}.bulk-actions{display:flex;gap:8px;flex-wrap:wrap;position:relative;z-index:1}.bulk-actions .btn{padding:6px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.18);background:#ffffff14;color:#fff;font-size:12px;font-weight:700;cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap}.bulk-actions .btn:hover{background:#ffffff2e;border-color:#ffffff4d}.bulk-actions .btn-danger{background:#cc3333d9;border-color:#c33}.bulk-actions .btn-danger:hover{background:#c33}.bulk-actions .btn-export{background:#ffffff1f;border-color:#ffffff40}.bulk-actions .btn-export:hover{background:#ffffff38}.table-wrap{overflow-x:auto;border-radius:12px;border:1px solid #e8e8e8;box-shadow:0 1px 4px #0000000a}.table-wrap::-webkit-scrollbar{height:4px}.table-wrap::-webkit-scrollbar-track{background:transparent}.table-wrap::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:2px}.smart-table{width:100%;border-collapse:collapse;min-width:560px}.smart-table thead{background:#f4f4f4;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23noise)' opacity='0.06'/%3E%3C/svg%3E");background-repeat:repeat;background-size:160px 160px}.smart-table th{text-align:left;padding:11px 16px;font-size:11px;font-weight:700;color:#888;text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid #e8e8e8;white-space:nowrap}.smart-table td{padding:13px 16px;font-size:13px;font-weight:500;color:#222;border-bottom:1px solid #f0f0f0;vertical-align:middle}.smart-table tbody tr:last-child td{border-bottom:none}.smart-table tbody tr{transition:background .12s;cursor:pointer}.smart-table tbody tr:hover{background:#f7f7f7}.row-selected{background:#f0f0f0!important}.col-checkbox{width:40px;text-align:center;padding:0 8px!important}.smart-table .no-records-cell{text-align:center;padding:48px 20px;color:#aaa;font-size:13px;font-weight:600}.table-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.pagination-info{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:600;color:#888}.pagination-info select{height:30px;padding:0 8px;border:1px solid #e8e8e8;border-radius:7px;font-size:12px;font-weight:600;color:#555;background:#f7f7f7;outline:none;cursor:pointer;transition:border-color .15s}.pagination-info select:focus{border-color:#111}.pagination-controls{display:flex;align-items:center;gap:6px}.page-btn{width:30px;height:30px;border-radius:8px;border:1px solid #e8e8e8;background:#f7f7f7;color:#555;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,border-color .15s,color .15s;font-size:11px}.page-btn:hover:not(:disabled){background:#111;color:#fff;border-color:#111}.page-btn:disabled{opacity:.3;cursor:not-allowed}.page-number{font-size:12px;font-weight:700;color:#111;padding:0 6px;white-space:nowrap}.st-loading,.st-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:48px 20px;font-size:13px;font-weight:600;color:#888;border:1px solid #e8e8e8;border-radius:12px}.st-error{color:#c33}.st-spinner{width:24px;height:24px;border:2.5px solid #e8e8e8;border-top-color:#111;border-radius:50%;animation:stSpin .7s linear infinite}@keyframes stSpin{to{transform:rotate(360deg)}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px}.modal-dialog{width:100%;max-width:460px;background:#fff;border-radius:14px;box-shadow:0 20px 60px #0000002e;overflow:hidden}.modal-dialog h3{margin:0;padding:20px 22px 0;font-size:16px;font-weight:800;color:#111;letter-spacing:-.02em}.modal-dialog p{margin:0;padding:10px 22px 20px;font-size:13px;color:#555;line-height:1.6;border-bottom:1px solid #f0f0f0}.modal-actions{display:flex;justify-content:flex-end;gap:10px;padding:14px 22px;background:#f7f7f7}.modal-actions .btn{padding:8px 16px;border-radius:8px;border:1px solid #e0e0e0;background:#f4f4f4;color:#333;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.modal-actions .btn:hover{background:#e8e8e8}.modal-actions .btn-danger{background:#c33;color:#fff;border-color:#c33}.modal-actions .btn-danger:hover{background:#a22}.modal-actions .btn-export{background:#111;color:#fff;border-color:#111}.modal-actions .btn-export:hover{background:#333}.label{display:block;padding:14px 22px 6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#888}.full{display:block;width:calc(100% - 44px);margin:0 22px;height:38px;padding:0 12px;border:1px solid #e8e8e8;border-radius:8px;font-size:13px;color:#111;background:#f7f7f7;outline:none;box-sizing:border-box;transition:border-color .15s}.full:focus{border-color:#111;background:#fff}.export-columns{display:flex;flex-wrap:wrap;gap:8px;padding:0 22px 4px}.col-checkbox-row{display:flex;align-items:center;gap:6px;padding:5px 10px;border-radius:7px;background:#f4f4f4;border:1px solid #e8e8e8;font-size:12px;font-weight:600;color:#333;cursor:pointer;transition:background .15s;-webkit-user-select:none;user-select:none}@media(max-width:640px){.table-topbar{gap:8px}.right-controls{flex-wrap:wrap}.filter-select{width:100%;box-sizing:border-box}.search-input{max-width:100%;width:100%;box-sizing:border-box}.left-controls{width:100%;justify-content:flex-end}.table-footer{flex-direction:column;align-items:stretch;gap:10px}.pagination-info{justify-content:space-between}.pagination-controls{justify-content:center}.bulk-action-bar{bottom:16px;right:16px;flex-wrap:wrap;max-width:calc(100vw - 32px)}.modal-dialog{max-width:100%;border-radius:12px}.smart-table-container{width:100%;box-sizing:border-box}.table-wrap{border:none;box-shadow:none;background:transparent;overflow:visible;width:100%}.smart-table{min-width:unset;width:100%;display:block;box-sizing:border-box}.smart-table thead{display:none}.smart-table tbody{display:flex;flex-direction:column;gap:10px;width:100%}.smart-table tbody tr{display:block;width:100%;box-sizing:border-box;background:#fff;border:1px solid #e8e8e8;border-radius:12px;overflow:hidden;box-shadow:0 1px 4px #0000000d;cursor:pointer;transition:box-shadow .15s,transform .15s}.smart-table tbody tr:hover{box-shadow:0 4px 14px #00000017;transform:translateY(-1px);background:#fff}.smart-table tbody tr.row-selected{border-color:#111;background:#f4f4f4!important}.smart-table td{display:block;width:100%;box-sizing:border-box;padding:10px 14px;border-bottom:1px solid #f0f0f0;font-size:13px;font-weight:600;color:#111;white-space:normal;word-break:break-word}.smart-table td:before{display:none}.smart-table tbody tr td:last-child{border-bottom:none}.smart-table td.col-checkbox{padding:10px 14px 6px;border-bottom:none}}[data-theme=dark] .filter-select{background:#252525;border-color:#3a3a3a;color:#aaa}[data-theme=dark] .filter-select:focus{border-color:#f0f0f0;background:#2a2a2a}[data-theme=dark] .search-input::placeholder{color:#555}[data-theme=dark] .bulk-action-bar{background:#f0f0f0;color:#111;box-shadow:0 8px 32px #00000080}[data-theme=dark] .bulk-action-bar:before{border-color:#0000000f}[data-theme=dark] .bulk-action-bar:after{border-color:#00000014}[data-theme=dark] .bulk-action-bar>div:first-child{color:#0000008c;border-right-color:#00000026}[data-theme=dark] .bulk-actions .btn{background:#00000014;border-color:#00000026;color:#111}[data-theme=dark] .bulk-actions .btn:hover{background:#00000026}[data-theme=dark] .bulk-actions .btn-danger{background:#c33;color:#fff;border-color:#c33}[data-theme=dark] .bulk-actions .btn-export{background:#0000001a;border-color:#0003}[data-theme=dark] .table-wrap{border-color:#2a2a2a;box-shadow:none}[data-theme=dark] .smart-table thead{background:#1e1e1e}[data-theme=dark] .smart-table th{color:#555;border-bottom-color:#2a2a2a}[data-theme=dark] .smart-table td{color:#ccc;border-bottom-color:#2a2a2a}[data-theme=dark] .smart-table tbody tr:hover{background:#252525}[data-theme=dark] .row-selected{background:#2a2a2a!important}[data-theme=dark] .pagination-info{color:#555}[data-theme=dark] .pagination-info select{background:#252525;border-color:#3a3a3a;color:#aaa}[data-theme=dark] .page-btn{background:#252525;border-color:#3a3a3a;color:#888}[data-theme=dark] .page-btn:hover:not(:disabled){background:#f0f0f0;color:#111;border-color:#f0f0f0}[data-theme=dark] .page-number{color:#e0e0e0}[data-theme=dark] .st-loading,[data-theme=dark] .st-error{border-color:#2a2a2a;color:#555}[data-theme=dark] .st-error{color:#f87171}[data-theme=dark] .st-spinner{border-color:#2a2a2a;border-top-color:#888}[data-theme=dark] .modal-dialog{background:#1e1e1e}[data-theme=dark] .modal-dialog h3{color:#f0f0f0}[data-theme=dark] .modal-dialog p{color:#888;border-bottom-color:#2a2a2a}[data-theme=dark] .modal-actions{background:#252525}[data-theme=dark] .modal-actions .btn{background:#2a2a2a;border-color:#3a3a3a;color:#ccc}[data-theme=dark] .modal-actions .btn:hover{background:#333}[data-theme=dark] .full{background:#252525;border-color:#3a3a3a;color:#e0e0e0}[data-theme=dark] .full:focus{border-color:#f0f0f0;background:#2a2a2a}@media(max-width:640px){[data-theme=dark] .smart-table tbody tr{background:#1e1e1e;border-color:#2a2a2a;box-shadow:none}[data-theme=dark] .smart-table tbody tr:hover{background:#252525}[data-theme=dark] .smart-table tbody tr.row-selected{background:#252525!important;border-color:#f0f0f0}[data-theme=dark] .smart-table td{border-bottom-color:#2a2a2a;color:#ccc}[data-theme=dark] .smart-table td:before{color:#555}}.export-modal{max-width:440px;overflow:hidden}.export-modal-header{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:20px 22px 16px;background:#fff;border-bottom:1px solid #e8e8e8;overflow:hidden}.export-modal-header:before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;border:18px solid rgba(0,0,0,.04);top:-44px;right:-28px;pointer-events:none}.export-modal-header:after{content:"";position:absolute;width:36px;height:36px;border-radius:7px;border:1.5px solid rgba(0,0,0,.05);bottom:-12px;right:70px;transform:rotate(18deg);pointer-events:none}.export-modal-header-content{position:relative;z-index:1}.export-modal-header h3{margin:0 0 4px;font-size:16px;font-weight:800;color:#111;letter-spacing:-.02em;padding:0;border:none}.export-modal-header p{margin:0;font-size:12px;color:#888;padding:0;border:none}.export-modal-close{position:relative;z-index:1;width:28px;height:28px;border-radius:7px;background:#f4f4f4;border:1px solid #e8e8e8;color:#888;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .15s,color .15s}.export-modal-close:hover{background:#111;color:#fff;border-color:#111}.export-modal-body{padding:18px 22px 20px}.export-section-label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#888;margin:0 0 10px;padding:0}.export-columns{display:flex;flex-wrap:wrap;gap:7px;padding:0}.col-checkbox-row{display:flex;align-items:center;gap:6px;padding:5px 10px;border-radius:7px;background:#f4f4f4;border:1px solid #e8e8e8;font-size:12px;font-weight:600;color:#333;cursor:pointer;transition:background .15s,border-color .15s;-webkit-user-select:none;user-select:none}.col-checkbox-row:hover{background:#ebebeb}.col-checkbox-row.checked{background:#111;border-color:#111;color:#fff}.col-checkbox-row.checked input{accent-color:#ffffff}.export-format-btns{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.export-fmt-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:14px 10px;border-radius:10px;border:1px solid #e8e8e8;background:#f7f7f7;color:#111;font-size:13px;font-weight:700;cursor:pointer;transition:background .15s,border-color .15s,transform .15s;position:relative}.export-fmt-btn:hover:not(:disabled){background:#111;border-color:#111;color:#fff;transform:translateY(-2px)}.export-fmt-btn--disabled{opacity:.4;cursor:not-allowed}.export-fmt-soon{position:absolute;top:6px;right:6px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:#e8e8e8;color:#888;padding:1px 5px;border-radius:4px}[data-theme=dark] .export-modal-header{background:#1e1e1e;border-bottom-color:#2a2a2a}[data-theme=dark] .export-modal-header:before{border-color:#ffffff0a}[data-theme=dark] .export-modal-header:after{border-color:#ffffff0d}[data-theme=dark] .export-modal-header h3{color:#f0f0f0}[data-theme=dark] .export-modal-header p{color:#555}[data-theme=dark] .export-modal-close{background:#2a2a2a;border-color:#3a3a3a;color:#888}[data-theme=dark] .export-modal-close:hover{background:#f0f0f0;color:#111;border-color:#f0f0f0}[data-theme=dark] .export-modal-body{background:#1a1a1a}[data-theme=dark] .export-section-label{color:#555}[data-theme=dark] .col-checkbox-row{background:#252525;border-color:#333;color:#ccc}[data-theme=dark] .col-checkbox-row:hover{background:#2a2a2a}[data-theme=dark] .col-checkbox-row.checked{background:#f0f0f0;border-color:#f0f0f0;color:#111}[data-theme=dark] .export-fmt-btn{background:#252525;border-color:#333;color:#e0e0e0}[data-theme=dark] .export-fmt-btn:hover:not(:disabled){background:#f0f0f0;border-color:#f0f0f0;color:#111}[data-theme=dark] .export-fmt-soon{background:#333;color:#666}.ld-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;gap:16px}.ld-spinner-wrap{position:relative;width:52px;height:52px}.ld-spinner{width:52px;height:52px;animation:ld-rotate 2s linear infinite}.ld-ring-outer{stroke:#111;stroke-dasharray:80 45;animation:ld-dash-outer 1.4s ease-in-out infinite;transform-origin:center}.ld-ring-mid{stroke:#888;stroke-dasharray:40 22;animation:ld-dash-mid 1.8s ease-in-out infinite reverse;transform-origin:center}.ld-dot{fill:#111;animation:ld-pulse 1.4s ease-in-out infinite;transform-origin:center}.ld-message{margin:0;font-size:13px;font-weight:600;color:#888;text-align:center;letter-spacing:.02em}@keyframes ld-rotate{to{transform:rotate(360deg)}}@keyframes ld-dash-outer{0%{stroke-dashoffset:0}50%{stroke-dashoffset:-60}to{stroke-dashoffset:-125}}@keyframes ld-dash-mid{0%{stroke-dashoffset:0}50%{stroke-dashoffset:-30}to{stroke-dashoffset:-62}}@keyframes ld-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.6}}@media(max-width:480px){.ld-container{padding:32px 16px}.ld-spinner-wrap,.ld-spinner{width:42px;height:42px}}[data-theme=dark] .ld-ring-outer{stroke:#f0f0f0}[data-theme=dark] .ld-ring-mid{stroke:#555}[data-theme=dark] .ld-dot{fill:#f0f0f0}[data-theme=dark] .ld-message{color:#555}.notifications-container{max-width:100%}.notif-header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:20px;border-bottom:1px solid #e8e8e8;margin-bottom:20px;gap:16px}.notif-header-left{flex:1;display:flex;flex-direction:column;gap:3px}.notif-title{margin:0;font-size:20px;font-weight:800;color:#111;letter-spacing:-.02em}.notif-subtitle{margin:0;font-size:12px;color:#888;font-weight:600}.notification-title-cell{display:flex;flex-direction:column;gap:2px}.notification-title-cell .title-main{font-size:13px;font-weight:700;color:#111}.notification-title-cell .title-meta{font-size:11px;color:#888}.notif-target-badge{display:inline-block;font-size:11px;font-weight:600;background:#f4f4f4;color:#555;padding:2px 8px;border-radius:8px;text-transform:capitalize}.notif-count{font-size:13px;font-weight:700;color:#111}.notif-read-count{font-size:13px;font-weight:700}.notif-read-count.has-reads{color:#166634}.notif-read-count.no-reads{color:#888}.cn-panel{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;background:#fff}.cn-panel-header{position:relative;padding:22px 24px 20px;background:#111;flex-shrink:0;overflow:hidden}.cn-panel-header:before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;border:18px solid rgba(255,255,255,.05);top:-40px;right:-24px;pointer-events:none}.cn-panel-deco{position:absolute;width:60px;height:60px;border-radius:50%;border:10px solid rgba(255,255,255,.04);bottom:-20px;left:-12px;pointer-events:none}.cn-panel-header-content{position:relative;z-index:1;display:flex;align-items:flex-start;gap:14px}.cn-panel-header-icon{width:40px;height:40px;border-radius:10px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.cn-panel-header-text h2{margin:0 0 3px;font-size:14px;font-weight:800;color:#fff;letter-spacing:-.01em}.cn-panel-header-text p{margin:0;font-size:12px;color:#ffffff8c}.cn-panel-body{flex:1;min-height:0;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:16px}.cn-panel-body::-webkit-scrollbar{width:3px}.cn-panel-body::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:2px}.cn-panel-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 24px;border-top:1px solid #e8e8e8;background:#f7f7f7;flex-shrink:0}.cn-template-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.cn-template-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#888}.cn-template-link{font-size:12px;font-weight:700;color:#111;text-decoration:none;transition:color .15s}.cn-template-link:hover{color:#555}.cn-template-select{width:100%;padding:9px 12px;border-radius:8px;border:1px solid #e8e8e8;font-size:13px;font-weight:500;color:#111;background:#fafafa;outline:none;transition:border-color .15s;box-sizing:border-box;font-family:inherit}.cn-template-select:focus{border-color:#111;background:#fff}.cn-preview-card{background:#f7f7f7;border:1px solid #e8e8e8;border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:10px}.cn-placeholder-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cn-placeholder-field{display:flex;flex-direction:column;gap:4px}.cn-placeholder-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#888}.cn-placeholder-input{padding:7px 10px;border-radius:6px;border:1px solid #e8e8e8;font-size:13px;color:#111;background:#fff;outline:none;transition:border-color .15s;box-sizing:border-box;font-family:inherit}.cn-placeholder-input:focus{border-color:#111}.cn-preview-title-box{padding:10px 12px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px}.cn-preview-box-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#9ca3af;margin:0 0 4px;display:block}.cn-preview-content-box{padding:10px 12px;background:#fff;border:1px solid #e8e8e8;border-radius:6px}[data-theme=dark] .notif-title{color:#f0f0f0}[data-theme=dark] .notif-subtitle{color:#555}[data-theme=dark] .notif-header{border-bottom-color:#2a2a2a}[data-theme=dark] .notification-title-cell .title-main{color:#e0e0e0}[data-theme=dark] .notification-title-cell .title-meta{color:#555}[data-theme=dark] .notif-target-badge{background:#252525;color:#888}[data-theme=dark] .notif-count{color:#e0e0e0}[data-theme=dark] .cn-panel{background:#1a1a1a}[data-theme=dark] .cn-panel-header{background:#0a0a0a}[data-theme=dark] .cn-panel-body{background:#1a1a1a}[data-theme=dark] .cn-panel-body::-webkit-scrollbar-thumb{background:#2a2a2a}[data-theme=dark] .cn-panel-footer{background:#1e1e1e;border-top-color:#2a2a2a}[data-theme=dark] .cn-template-select{background:#252525;border-color:#3a3a3a;color:#e0e0e0}[data-theme=dark] .cn-template-select:focus{border-color:#f0f0f0;background:#2a2a2a}[data-theme=dark] .cn-preview-card{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .cn-placeholder-input{background:#252525;border-color:#3a3a3a;color:#e0e0e0}[data-theme=dark] .cn-placeholder-input:focus{border-color:#f0f0f0}[data-theme=dark] .cn-preview-title-box{background:#0f1e3a;border-color:#1e3a6e}[data-theme=dark] .cn-preview-content-box{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .cn-template-label{color:#555}[data-theme=dark] .cn-template-link{color:#e0e0e0}.cn-delivery-grid{display:flex;flex-direction:column;gap:8px}.cn-delivery-card{display:grid;grid-template-columns:32px 1fr auto;grid-template-rows:auto auto;column-gap:12px;row-gap:2px;align-items:center;padding:12px 14px;border-radius:10px;border:1.5px solid #e8e8e8;background:#fafafa;cursor:pointer;text-align:left;transition:border-color .15s,background .15s;font-family:inherit;width:100%}.cn-delivery-card:hover:not(:disabled){border-color:#aaa;background:#f4f4f4}.cn-delivery-card.selected{border-color:#111;background:#f0f0f0}.cn-delivery-card--disabled{opacity:.45;cursor:not-allowed;background:#f7f7f7}.cn-delivery-card--locked{cursor:default;opacity:1}.cn-delivery-card--locked:hover{border-color:#111;background:#f0f0f0}.cn-delivery-locked-badge{display:inline-flex;align-items:center;gap:3px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:#111;color:#fff;padding:2px 6px;border-radius:6px}.cn-delivery-icon{grid-row:1 / 3;font-size:20px;display:flex;align-items:center;justify-content:center;color:#555}.cn-delivery-card.selected .cn-delivery-icon{color:#111}.cn-delivery-card--disabled .cn-delivery-icon{color:#aaa}.cn-delivery-name{font-size:13px;font-weight:700;color:#111;display:flex;align-items:center;gap:7px;grid-column:2;grid-row:1}.cn-delivery-desc{font-size:11px;color:#888;grid-column:2;grid-row:2}.cn-delivery-check{grid-row:1 / 3;font-size:14px;font-weight:800;color:#111;width:20px;text-align:center}.cn-delivery-soon{display:inline-block;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:#fef3c7;color:#92400e;padding:2px 6px;border-radius:6px}[data-theme=dark] .cn-delivery-card{border-color:#2a2a2a;background:#1e1e1e}[data-theme=dark] .cn-delivery-card:hover:not(:disabled){border-color:#444;background:#252525}[data-theme=dark] .cn-delivery-card.selected{border-color:#f0f0f0;background:#252525}[data-theme=dark] .cn-delivery-card--disabled{background:#1a1a1a}[data-theme=dark] .cn-delivery-card--locked:hover{border-color:#f0f0f0;background:#252525}[data-theme=dark] .cn-delivery-name{color:#e0e0e0}[data-theme=dark] .cn-delivery-desc{color:#555}[data-theme=dark] .cn-delivery-check{color:#e0e0e0}[data-theme=dark] .cn-delivery-soon{background:#2d2000;color:#f59e0b}[data-theme=dark] .cn-delivery-locked-badge{background:#e0e0e0;color:#111}[data-theme=dark] .cn-delivery-icon{color:#888}[data-theme=dark] .cn-delivery-card.selected .cn-delivery-icon{color:#e0e0e0}[data-theme=dark] .cn-delivery-card--disabled:not(.cn-delivery-card--locked) .cn-delivery-icon{color:#3a3a3a}.classSubjects{padding:0}.csHeader{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:20px;border-bottom:1px solid #e8e8e8;margin-bottom:20px;gap:16px}.csHeaderLeft{flex:1;display:flex;flex-direction:column;gap:3px}.csTitle{margin:0;font-size:20px;font-weight:800;color:#111;letter-spacing:-.02em}.csSubtitle{margin:0;font-size:12px;color:#888;font-weight:600}.csHeaderActions{display:flex;gap:8px;align-items:center;flex-shrink:0}.cs-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;transition:background .15s,color .15s,border-color .15s;border:1px solid transparent}.cs-btn-primary{background:#111;color:#fff;border-color:#111}.cs-btn-primary:hover{background:#333}.cs-btn-secondary{background:#f4f4f4;color:#111;border-color:#e8e8e8}.cs-btn-secondary:hover{background:#111;color:#fff;border-color:#111}.csTableContainer{border-radius:12px;overflow:hidden}.cs-row-dropdown{position:relative;display:inline-block}.cs-row-btn{background:none;border:1px solid #e8e8e8;border-radius:6px;padding:4px 8px;cursor:pointer;color:#888;transition:background .15s,color .15s;display:flex;align-items:center}.cs-row-btn:hover{background:#f4f4f4;color:#111}.cs-row-menu{position:absolute;right:0;top:calc(100% + 4px);z-index:100;background:#fff;border:1px solid #e8e8e8;border-radius:10px;box-shadow:0 6px 20px #0000001a;min-width:140px;overflow:hidden;animation:cs-fade .12s ease-out}@keyframes cs-fade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.cs-row-menu-item{width:100%;padding:10px 14px;text-align:left;background:none;border:none;font-size:13px;font-weight:600;color:#111;cursor:pointer;transition:background .12s;display:flex;align-items:center;gap:8px}.cs-row-menu-item:hover{background:#f4f4f4}.cs-row-menu-item.danger{color:#c33;border-top:1px solid #f0f0f0}.cs-row-menu-item.danger:hover{background:#fff0f0}.cs-subject-cell{display:flex;align-items:center;gap:10px}.cs-subject-icon{width:32px;height:32px;border-radius:8px;background:#f0f0f0;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#888}.cs-subject-name{font-weight:700;font-size:13.5px;color:#111;margin:0 0 2px}.cs-subject-code{font-size:11px;font-weight:600;color:#888;font-family:monospace;background:#f0f0f0;padding:1px 6px;border-radius:4px;display:inline-block}.cs-status{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.cs-status.active{background:#dcfce7;color:#166534}.cs-status.inactive{background:#fecaca;color:#991b1b}.cs-panel{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;background:#fff}.cs-panel-header{position:relative;padding:22px 24px 20px;flex-shrink:0;overflow:hidden}.cs-panel-header.default{background:#111}.cs-panel-header.warning{background:#c33}.cs-panel-header.neutral{background:#111}.cs-panel-header:before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;border:18px solid rgba(255,255,255,.06);top:-40px;right:-24px;pointer-events:none}.cs-panel-header-deco{position:absolute;width:60px;height:60px;border-radius:50%;border:10px solid rgba(255,255,255,.04);bottom:-20px;left:-12px;pointer-events:none}.cs-panel-header-content{position:relative;z-index:1;display:flex;align-items:flex-start;gap:14px}.cs-panel-header-icon{width:40px;height:40px;border-radius:10px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.cs-panel-header-text h2{margin:0 0 3px;font-size:14px;font-weight:800;color:#fff;letter-spacing:-.01em}.cs-panel-header-text p{margin:0;font-size:12px;color:#ffffff8c}.cs-panel-body{flex:1;min-height:0;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:16px}.cs-panel-body::-webkit-scrollbar{width:3px}.cs-panel-body::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:2px}.cs-panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cs-panel-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 24px;border-top:1px solid #e8e8e8;background:#f7f7f7;flex-shrink:0}.cs-warn-box{padding:12px 14px;border-radius:8px;font-size:13px;font-weight:600;line-height:1.5;background:#fef9c3;border:1px solid #fde68a;border-left:3px solid #f59e0b;color:#854d0e}.cs-history-card{background:#fff;border:1px solid #e8e8e8;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px;flex-shrink:0;transition:box-shadow .15s}.cs-history-card:hover{box-shadow:0 2px 10px #0000000f}.cs-history-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.cs-history-card-info{display:flex;align-items:center;gap:10px}.cs-history-icon{width:36px;height:36px;border-radius:8px;background:#f0f0f0;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#888}.cs-history-name{margin:0;font-weight:800;font-size:14px;color:#111}.cs-history-code{margin:0;font-size:11px;color:#888;font-family:monospace}.cs-history-dates{display:flex;gap:20px}.cs-history-date-item{display:flex;flex-direction:column;gap:2px}.cs-history-date-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#aaa}.cs-history-date-value{font-size:12px;font-weight:700;color:#333}.cs-history-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:10px;border-top:1px solid #f0f0f0}.cs-history-btn{padding:5px 12px;border-radius:6px;font-size:11px;font-weight:700;cursor:pointer;transition:background .15s;border:1px solid transparent;display:inline-flex;align-items:center;gap:5px}.cs-history-btn:disabled{opacity:.5;cursor:not-allowed}.cs-history-btn.restore{background:#f0fdf4;border-color:#86efac;color:#16a34a}.cs-history-btn.restore:hover:not(:disabled){background:#dcfce7}.cs-history-btn.delete{background:#fff0f0;border-color:#fca5a5;color:#c33}.cs-history-btn.delete:hover:not(:disabled){background:#fecaca}.cs-panel-empty{text-align:center;padding:40px 20px;font-size:13px;color:#888;font-weight:600}@media(max-width:640px){.csHeader{flex-direction:column;gap:14px}.cs-panel-grid{grid-template-columns:1fr}}[data-theme=dark] .csTitle{color:#f0f0f0}[data-theme=dark] .csSubtitle{color:#555}[data-theme=dark] .csHeader{border-bottom-color:#2a2a2a}[data-theme=dark] .cs-btn-primary{background:#f0f0f0;color:#111;border-color:#f0f0f0}[data-theme=dark] .cs-btn-primary:hover{background:#fff}[data-theme=dark] .cs-btn-secondary{background:#252525;border-color:#3a3a3a;color:#e0e0e0}[data-theme=dark] .cs-btn-secondary:hover{background:#f0f0f0;color:#111;border-color:#f0f0f0}[data-theme=dark] .cs-row-btn{border-color:#2a2a2a;color:#555}[data-theme=dark] .cs-row-btn:hover{background:#252525;color:#e0e0e0}[data-theme=dark] .cs-row-menu{background:#1e1e1e;border-color:#2a2a2a;box-shadow:0 6px 20px #0006}[data-theme=dark] .cs-row-menu-item{color:#e0e0e0}[data-theme=dark] .cs-row-menu-item:hover{background:#252525}[data-theme=dark] .cs-row-menu-item.danger{color:#f87171;border-top-color:#2a2a2a}[data-theme=dark] .cs-row-menu-item.danger:hover{background:#2a1a1a}[data-theme=dark] .cs-subject-icon{background:#2a2a2a;color:#555}[data-theme=dark] .cs-subject-name{color:#f0f0f0}[data-theme=dark] .cs-subject-code{background:#2a2a2a;color:#888}[data-theme=dark] .cs-status.active{background:#052e16;color:#4ade80}[data-theme=dark] .cs-status.inactive{background:#2d0a0a;color:#f87171}[data-theme=dark] .cs-panel{background:#1a1a1a}[data-theme=dark] .cs-panel-header.default,[data-theme=dark] .cs-panel-header.neutral{background:#0a0a0a}[data-theme=dark] .cs-panel-body{background:#1a1a1a}[data-theme=dark] .cs-panel-body::-webkit-scrollbar-thumb{background:#2a2a2a}[data-theme=dark] .cs-panel-footer{background:#1e1e1e;border-top-color:#2a2a2a}[data-theme=dark] .cs-warn-box{background:#1c1200;border-color:#3a2a00;border-left-color:#f59e0b;color:#fcd34d}[data-theme=dark] .cs-history-card{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .cs-history-icon{background:#2a2a2a;color:#555}[data-theme=dark] .cs-history-name{color:#f0f0f0}[data-theme=dark] .cs-history-code{color:#555}[data-theme=dark] .cs-history-date-value{color:#ccc}[data-theme=dark] .cs-history-actions{border-top-color:#2a2a2a}[data-theme=dark] .cs-panel-empty{color:#555}.notif-content{font-size:14px;color:#374151;line-height:1.7;word-break:break-word}.notif-content span{background:none!important;color:inherit!important;padding:0!important;border-radius:0!important;font-weight:inherit!important;margin:0!important;display:inline!important}.notif-content ul,.notif-content ol{padding-left:20px;margin:8px 0}.notif-content li{margin:4px 0}.notif-content p{margin:6px 0}.notif-content strong,.notif-content b{font-weight:700;color:#111}.notif-content em,.notif-content i{font-style:italic}[data-theme=dark] .notif-content{color:#ccc}[data-theme=dark] .notif-content strong,[data-theme=dark] .notif-content b{color:#f0f0f0}.ssp-info-item{display:flex;flex-direction:column;gap:4px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:10px 14px;min-width:0;max-width:100%;box-sizing:border-box;transition:border-color .15s}.ssp-info-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#9ca3af;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ssp-info-value{font-size:13px;font-weight:600;color:#111;word-break:break-word;line-height:1.4}.ssp-info-link{display:flex;align-items:center;justify-content:space-between;gap:6px;cursor:pointer;transition:color .15s}.ssp-info-item:has(.ssp-info-link):hover{border-color:#111}.ssp-info-link:hover{color:#333}.ssp-link-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ssp-chev{font-size:16px;font-weight:400;color:#aaa;flex-shrink:0;line-height:1}[data-theme=dark] .ssp-info-item{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .ssp-info-label{color:#555}[data-theme=dark] .ssp-info-value{color:#e0e0e0}[data-theme=dark] .ssp-info-item:has(.ssp-info-link):hover{border-color:#f0f0f0}[data-theme=dark] .ssp-chev{color:#555}.ev-container{padding:0}.ev-search-wrap{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid #e8e8e8;border-radius:10px;background:#fff;margin-bottom:20px;color:#888;max-width:420px}.ev-search-icon{flex-shrink:0}.ev-search{flex:1;border:none;outline:none;font-size:13px;color:#111;background:transparent}.ev-search::placeholder{color:#aaa}.ev-search-clear{background:none;border:none;color:#888;cursor:pointer;font-size:18px;line-height:1;padding:0 2px;transition:color .15s}.ev-search-clear:hover{color:#111}.ev-empty{padding:56px 20px;text-align:center;background:#f7f7f7;border:1px dashed #e8e8e8;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:10px}.ev-empty-icon{font-size:40px;color:#ccc}[data-theme=dark] .ev-empty-icon{color:#3a3a3a}.ev-empty p{margin:0;font-size:13px;font-weight:600;color:#888}.ev-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.ev-card{background:#fff;border:1px solid #e8e8e8;border-radius:14px;padding:16px;cursor:pointer;display:flex;flex-direction:column;gap:10px;transition:box-shadow .15s,border-color .15s}.ev-card:hover{box-shadow:0 4px 16px #00000012;border-color:#ccc}.ev-card-header{display:flex;align-items:flex-start;gap:12px}.ev-card-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.ev-card-info{flex:1;min-width:0}.ev-card-title{margin:0 0 2px;font-weight:700;font-size:13.5px;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ev-card-date{margin:0;font-size:12px;color:#888}.ev-card-meta{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;background:#f7f7f7;border-radius:8px;padding:10px 12px}.ev-meta-item{display:flex;flex-direction:column;gap:1px}.ev-meta-full{grid-column:1 / -1}.ev-meta-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#aaa}.ev-meta-value{font-size:12px;font-weight:600;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ev-card-desc{margin:0;font-size:12px;color:#888;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ev-card-tags{display:flex;gap:6px;flex-wrap:wrap}.ev-tag{padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;background:#f0f0f0;color:#555}.ev-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;white-space:nowrap;flex-shrink:0}.ev-badge-blue{background:#eff6ff;color:#1d4ed8}.ev-badge-green{background:#dcfce7;color:#166534}.ev-badge-grey{background:#f0f0f0;color:#555}.ev-badge-red{background:#fecaca;color:#991b1b}.ev-type-pill{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;color:#374151}.ev-detail-desc{margin:0;font-size:13px;color:#555;line-height:1.6;background:#f7f7f7;border:1px solid #e8e8e8;border-radius:8px;padding:12px 14px}@media(max-width:640px){.ev-grid{grid-template-columns:1fr}}[data-theme=dark] .ev-search-wrap{background:#1e1e1e;border-color:#2a2a2a;color:#555}[data-theme=dark] .ev-search{color:#e0e0e0}[data-theme=dark] .ev-empty{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .ev-empty p{color:#555}[data-theme=dark] .ev-card{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .ev-card:hover{box-shadow:0 4px 16px #0000004d;border-color:#3a3a3a}[data-theme=dark] .ev-card-title{color:#f0f0f0}[data-theme=dark] .ev-card-date{color:#555}[data-theme=dark] .ev-card-meta{background:#252525}[data-theme=dark] .ev-meta-value{color:#ccc}[data-theme=dark] .ev-card-desc{color:#555}[data-theme=dark] .ev-tag{background:#252525;color:#888}[data-theme=dark] .ev-detail-desc{background:#252525;border-color:#2a2a2a;color:#888}.si-overview{padding:0}.si-card{background:#fff;border:1px solid #e8e8e8;border-radius:16px;overflow:hidden;width:100%;box-sizing:border-box}.si-banner{position:relative;height:80px;background:#111;overflow:hidden}.si-banner:before{content:"";position:absolute;width:160px;height:160px;border-radius:50%;border:28px solid rgba(255,255,255,.05);top:-70px;right:-40px;pointer-events:none}.si-banner:after{content:"";position:absolute;width:50px;height:50px;border-radius:8px;border:1.5px solid rgba(255,255,255,.07);bottom:-18px;right:100px;transform:rotate(18deg);pointer-events:none}.si-banner-deco{position:absolute;width:80px;height:80px;border-radius:50%;border:12px solid rgba(255,255,255,.04);bottom:-30px;left:-20px;pointer-events:none}.si-header{padding:0 20px 16px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.si-header-left{display:flex;align-items:flex-end;gap:14px;flex:1;min-width:0}.si-icon-wrap{position:relative;margin-top:-40px;flex-shrink:0;width:80px;height:80px;border-radius:20px;background:#f4f4f4;border:3px solid #ffffff;box-shadow:0 4px 12px #0000001f;display:flex;align-items:center;justify-content:center;color:#888}.si-header-text{flex:1;min-width:0;padding-top:8px}.si-header-text h3{margin:0 0 4px;font-size:17px;font-weight:800;color:#111;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.si-subtitle{margin:0 0 6px;font-size:12px;color:#888;font-weight:600}.si-badges{display:flex;gap:6px;flex-wrap:wrap}.si-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:#f0f0f0;color:#555}.si-badge.active{background:#dcfce7;color:#166534}.si-badge.inactive{background:#fecaca;color:#991b1b}.si-body{padding:16px 20px 20px;display:flex;flex-direction:column;gap:20px}.si-section-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#888;padding-bottom:8px;border-bottom:1px solid #f0f0f0;margin:0 0 12px;display:block}.si-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px 14px}.si-description{padding:12px 14px;background:#f7f7f7;border:1px solid #e8e8e8;border-radius:8px;font-size:13px;color:#555;line-height:1.6;margin:0}.si-empty{font-size:13px;color:#9ca3af;margin:0}@media(max-width:640px){.si-header{flex-direction:column;align-items:flex-start}.si-grid{grid-template-columns:1fr 1fr}}@media(max-width:400px){.si-grid{grid-template-columns:1fr}}[data-theme=dark] .si-card{background:#1a1a1a;border-color:#2a2a2a}[data-theme=dark] .si-banner{background:#0a0a0a}[data-theme=dark] .si-icon-wrap{background:#252525;border-color:#1a1a1a;color:#555}[data-theme=dark] .si-header-text h3{color:#f0f0f0}[data-theme=dark] .si-subtitle{color:#555}[data-theme=dark] .si-badge{background:#252525;color:#888}[data-theme=dark] .si-section-title{color:#555;border-bottom-color:#2a2a2a}[data-theme=dark] .si-description{background:#252525;border-color:#2a2a2a;color:#888}[data-theme=dark] .si-body{background:#1a1a1a}.pf-icon-wrap-round{border-radius:50%!important}.pf-initials{font-size:26px;font-weight:800;color:#888;letter-spacing:1px;-webkit-user-select:none;user-select:none}.pf-signout-btn{display:flex;align-items:center;gap:7px;padding:9px 18px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s;flex-shrink:0;margin-bottom:4px;white-space:nowrap}.pf-signout-btn:hover{background:#fee2e2}.pf-sec-form{display:flex;flex-direction:column;gap:16px;max-width:480px}.pf-sec-field{display:flex;flex-direction:column;gap:5px}.pf-sec-label{font-size:12px;font-weight:600;color:#555;text-transform:uppercase;letter-spacing:.04em}.pf-sec-input{padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;color:#111;background:#fff;outline:none;transition:border-color .15s,box-shadow .15s}.pf-sec-input:focus{border-color:#111;box-shadow:0 0 0 3px #0000000f}.pf-sec-input--error{border-color:#dc2626}.pf-sec-input--error:focus{box-shadow:0 0 0 3px #dc262614}.pf-sec-error{font-size:12px;color:#dc2626;font-weight:500}.pf-sec-actions{padding-top:4px}[data-theme=dark] .pf-signout-btn{background:#2a1a1a;border-color:#3a2a2a;color:#f87171}[data-theme=dark] .pf-signout-btn:hover{background:#3a1a1a}[data-theme=dark] .pf-initials{color:#555}[data-theme=dark] .pf-sec-label{color:#888}[data-theme=dark] .pf-sec-input{background:#252525;border-color:#2a2a2a;color:#f0f0f0}[data-theme=dark] .pf-sec-input:focus{border-color:#f0f0f0;box-shadow:0 0 0 3px #f0f0f00f}.pf-2fa-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0 4px}.pf-2fa-info{display:flex;align-items:center;gap:12px;min-width:0}.pf-2fa-icon{width:38px;height:38px;border-radius:10px;background:#f3f4f6;border:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#374151}.pf-2fa-title{font-size:13px;font-weight:600;color:#111;margin-bottom:2px}.pf-2fa-desc{font-size:12px;color:#6b7280;line-height:1.4}.pf-2fa-toggle{position:relative;width:44px;height:24px;border-radius:12px;border:none;background:#d1d5db;cursor:pointer;flex-shrink:0;transition:background .2s;padding:0}.pf-2fa-toggle--on{background:#111}.pf-2fa-toggle:disabled{opacity:.5;cursor:not-allowed}.pf-2fa-thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .2s;display:block}.pf-2fa-toggle--on .pf-2fa-thumb{transform:translate(20px)}[data-theme=dark] .pf-2fa-icon{background:#252525;border-color:#2a2a2a;color:#ccc}[data-theme=dark] .pf-2fa-title{color:#f0f0f0}[data-theme=dark] .pf-2fa-desc{color:#666}[data-theme=dark] .pf-2fa-toggle{background:#3a3a3a}[data-theme=dark] .pf-2fa-toggle--on{background:#f0f0f0}[data-theme=dark] .pf-2fa-toggle--on .pf-2fa-thumb{background:#111}.subjectClasses{max-width:100%}.scClearSearch{background:none;border:none;color:#888;cursor:pointer;font-size:16px;line-height:1;padding:2px 4px;border-radius:4px;transition:color .15s}.sc-warn-banner{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:8px;font-size:12px;font-weight:600;line-height:1.5;margin-bottom:12px}.sc-warn-banner.danger{background:#fef2f2;border:1px solid #fca5a5;color:#c33}.sc-warn-banner.warn{background:#fffbeb;border:1px solid #fcd34d;color:#d97706}.scClassesList{display:grid;grid-template-columns:1fr 1fr;gap:16px}.scClassCard{background:#fff;border:1px solid #e8e8e8;border-radius:14px;overflow:hidden;cursor:pointer;transition:box-shadow .15s;display:flex;flex-direction:column}.scClassCard:hover{box-shadow:0 4px 16px #00000012}.scClassCard.inactive{border-color:#fca5a5}.scClassHeader{padding:14px 16px;background:#f7f7f7;border-bottom:1px solid #e8e8e8}.scClassTitleRow{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:4px}.scClassName{margin:0;font-size:14px;font-weight:800;color:#111;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scClassId{margin:0;font-size:11px;color:#888;font-family:monospace}.sc-status-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.sc-status-badge.active{background:#dcfce7;color:#166634}.sc-status-badge.inactive{background:#f0f0f0;color:#888}.sc-teacher-avatar{width:36px;height:36px;border-radius:50%;background:#f0f0f0;color:#888;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;text-transform:uppercase;border:2px solid #e8e8e8;flex-shrink:0;overflow:hidden}.sc-teacher-avatar img{width:100%;height:100%;object-fit:cover}.scClassBody{padding:12px 16px;flex:1}.scClassDetails{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sc-class-row{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:8px;margin-top:6px;font-size:12px}.sc-class-row.active{background:#10b9810f;border:1px solid #86efac}.sc-class-row.inactive{background:#9ca3af14;border:1px solid #e8e8e8}.sc-class-row-left{display:flex;align-items:center;gap:8px}.sc-class-row-name{font-weight:700;color:#111}.sc-class-row-date{font-size:10px;color:#aaa}.sc-class-row-actions{display:flex;gap:6px}.scClassFooter{padding:10px 16px;border-top:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center}.scClassCard:hover .scViewDetails{color:#111;gap:8px}.sc-action-btn{padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700;cursor:pointer;transition:background .15s;border:1px solid transparent;display:inline-flex;align-items:center;gap:4px}.sc-action-btn:disabled{opacity:.5;cursor:not-allowed}.sc-action-btn.deactivate{background:none;border-color:#fca5a5;color:#c33}.sc-action-btn.deactivate:hover:not(:disabled){background:#fef2f2}.sc-action-btn.reactivate{background:#10b98114;border-color:#86efac;color:#16a34a}.sc-action-btn.reactivate:hover:not(:disabled){background:#dcfce7}.sc-action-btn.delete{background:#fff0f0;border-color:#fca5a5;color:#c33}.sc-action-btn.delete:hover:not(:disabled){background:#fecaca}.sc-action-btn.edit{background:#f4f4f4;border-color:#e8e8e8;color:#111}.sc-action-btn.edit:hover:not(:disabled){background:#111;color:#fff;border-color:#111}.sc-panel{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;background:#fff}.sc-panel-header{position:relative;padding:22px 24px 20px;flex-shrink:0;overflow:hidden}.sc-panel-header.default{background:#111}.sc-panel-header.danger{background:#c33}.sc-panel-header:before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;border:18px solid rgba(255,255,255,.06);top:-40px;right:-24px;pointer-events:none}.sc-panel-header-deco{position:absolute;width:60px;height:60px;border-radius:50%;border:10px solid rgba(255,255,255,.04);bottom:-20px;left:-12px;pointer-events:none}.sc-panel-header-content{position:relative;z-index:1;display:flex;align-items:flex-start;gap:14px}.sc-panel-header-icon{width:40px;height:40px;border-radius:10px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.sc-panel-header-text h2{margin:0 0 3px;font-size:14px;font-weight:800;color:#fff;letter-spacing:-.01em}.sc-panel-header-text p{margin:0;font-size:12px;color:#ffffff8c}.sc-panel-body{flex:1;min-height:0;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:14px}.sc-panel-body::-webkit-scrollbar{width:3px}.sc-panel-body::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:2px}.sc-panel-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 24px;border-top:1px solid #e8e8e8;background:#f7f7f7;flex-shrink:0}.sc-field{display:flex;flex-direction:column;gap:5px}.sc-field-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#888}.sc-field-input,.sc-field-select,.sc-field-textarea{padding:9px 12px;border-radius:8px;border:1px solid #e8e8e8;font-size:13px;font-weight:500;color:#111;background:#fafafa;outline:none;transition:border-color .15s;box-sizing:border-box;width:100%;font-family:inherit}.sc-field-input:focus,.sc-field-select:focus,.sc-field-textarea:focus{border-color:#111;background:#fff}.sc-field-textarea{resize:vertical}.sc-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sc-panel-desc{margin:0;font-size:12px;font-weight:600;color:#888;line-height:1.5}.sc-panel-warn{padding:11px 14px;border-radius:8px;background:#fef9c3;border:1px solid #fde68a;border-left:3px solid #f59e0b;font-size:12px;font-weight:600;color:#854d0e;line-height:1.5}.sc-panel-danger{padding:11px 14px;border-radius:8px;background:#fff0f0;border:1px solid #fca5a5;border-left:3px solid #cc3333;font-size:12px;font-weight:600;color:#c33;line-height:1.5}.sc-panel-error{font-size:12px;font-weight:700;color:#c33;margin:0}.sc-panel-name{padding:12px 14px;background:#f4f4f4;border:1px solid #e8e8e8;border-radius:10px;font-size:14px;font-weight:800;color:#111}.sc-section-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#888;padding-bottom:8px;border-bottom:1px solid #f0f0f0;margin:0 0 12px;display:block}.sc-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:768px){.scHeader{flex-direction:column;gap:14px}.scClassesList,.sc-form-grid,.sc-detail-grid{grid-template-columns:1fr}}[data-theme=dark] .scClassCard{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .scClassCard:hover{box-shadow:0 4px 16px #0000004d}[data-theme=dark] .scClassHeader{background:#252525;border-bottom-color:#2a2a2a}[data-theme=dark] .scClassName{color:#f0f0f0}[data-theme=dark] .scClassId{color:#555}[data-theme=dark] .sc-status-badge.inactive{background:#252525;color:#555}[data-theme=dark] .sc-teacher-avatar{background:#2a2a2a;color:#555}[data-theme=dark] .scClassFooter{border-top-color:#2a2a2a}[data-theme=dark] .scClassCard:hover .scViewDetails,[data-theme=dark] .scEmptyState h3{color:#f0f0f0}[data-theme=dark] .sc-panel{background:#1a1a1a}[data-theme=dark] .sc-panel-header.default{background:#0a0a0a}[data-theme=dark] .sc-panel-body{background:#1a1a1a}[data-theme=dark] .sc-panel-body::-webkit-scrollbar-thumb{background:#2a2a2a}[data-theme=dark] .sc-panel-footer{background:#1e1e1e;border-top-color:#2a2a2a}[data-theme=dark] .sc-field-input,[data-theme=dark] .sc-field-select,[data-theme=dark] .sc-field-textarea{background:#252525;border-color:#3a3a3a;color:#e0e0e0}[data-theme=dark] .sc-field-input:focus,[data-theme=dark] .sc-field-select:focus,[data-theme=dark] .sc-field-textarea:focus{border-color:#f0f0f0;background:#2a2a2a}[data-theme=dark] .sc-panel-name{background:#1e1e1e;border-color:#2a2a2a;color:#f0f0f0}[data-theme=dark] .sc-panel-warn{background:#1c1200;border-color:#3a2a00;border-left-color:#f59e0b;color:#fcd34d}[data-theme=dark] .sc-panel-danger{background:#2a1a1a;border-color:#3a2a2a;border-left-color:#c33;color:#f87171}[data-theme=dark] .sc-section-label{color:#555;border-bottom-color:#2a2a2a}[data-theme=dark] .sc-warn-banner.danger{background:#2a1a1a;border-color:#3a2a2a;color:#f87171}[data-theme=dark] .sc-warn-banner.warn{background:#1c1200;border-color:#3a2a00;color:#fcd34d}.sc-class-rows{display:flex;flex-direction:column;gap:6px;margin-top:10px}.rc-card{background:#fff;border:1px solid #e8e8e8;border-radius:14px;overflow:hidden;transition:box-shadow .15s;display:flex;flex-direction:column;max-width:500px;width:100%}.rc-card:hover{box-shadow:0 4px 16px #00000012}.rc-header{display:flex;align-items:center;gap:14px;padding:16px 18px;background:#f7f7f7;border-bottom:1px solid #e8e8e8;position:relative;overflow:hidden}.rc-header:before{content:"";position:absolute;width:100px;height:100px;border-radius:50%;border:18px solid rgba(0,0,0,.04);top:-40px;right:-24px;pointer-events:none}.rc-icon-wrap{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:1}.rc-info{flex:1;min-width:0;position:relative;z-index:1}.rc-name{margin:0 0 5px;font-size:14px;font-weight:800;color:#111;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rc-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.rc-type-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:2px 8px;border-radius:20px;background:#111;color:#fff}.rc-category{font-size:11px;color:#888;font-weight:600}.rc-body{padding:14px 18px;flex:1;display:flex;flex-direction:column;gap:10px}.rc-desc{margin:0;font-size:12px;color:#888;line-height:1.5}.rc-details{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.rc-detail{display:flex;flex-direction:column;gap:2px}.rc-detail-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#aaa}.rc-detail-value{font-size:12.5px;font-weight:600;color:#333}.rc-footer{padding:12px 18px;border-top:1px solid #f0f0f0;display:flex;gap:8px;align-items:center}.rc-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:7px;border:1px solid #e8e8e8;background:#f4f4f4;font-size:12px;font-weight:700;cursor:pointer;transition:background .15s,color .15s,border-color .15s;color:#111}.rc-btn-download{background:#111;color:#fff;border-color:#111}.rc-btn-download:hover{background:#333;border-color:#333}.rc-btn-edit:hover{background:#111;color:#fff;border-color:#111}.rc-btn-delete{color:#c33;border-color:#fecaca;background:#fff0f0}.rc-btn-delete:hover{background:#c33;color:#fff;border-color:#c33}[data-theme=dark] .rc-card{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .rc-card:hover{box-shadow:0 4px 16px #0000004d}[data-theme=dark] .rc-header{background:#252525;border-bottom-color:#2a2a2a}[data-theme=dark] .rc-header:before{border-color:#ffffff0a}[data-theme=dark] .rc-icon-wrap{background:#3a3a3a}[data-theme=dark] .rc-name{color:#f0f0f0}[data-theme=dark] .rc-type-badge{background:#f0f0f0;color:#111}[data-theme=dark] .rc-category,[data-theme=dark] .rc-desc,[data-theme=dark] .rc-detail-label{color:#555}[data-theme=dark] .rc-detail-value{color:#ccc}[data-theme=dark] .rc-footer{border-top-color:#2a2a2a}[data-theme=dark] .rc-btn{background:#252525;border-color:#3a3a3a;color:#e0e0e0}[data-theme=dark] .rc-btn-download{background:#f0f0f0;color:#111;border-color:#f0f0f0}[data-theme=dark] .rc-btn-download:hover{background:#ccc}[data-theme=dark] .rc-btn-edit:hover{background:#f0f0f0;color:#111;border-color:#f0f0f0}[data-theme=dark] .rc-btn-delete{background:#2a1a1a;border-color:#3a2a2a;color:#f87171}[data-theme=dark] .rc-btn-delete:hover{background:#c33;color:#fff;border-color:#c33}.sr-form-label{display:block;margin-bottom:5px;font-size:13px;font-weight:600;color:#374151}.sr-form-input{width:100%;padding:9px 12px;border-radius:8px;border:1px solid #e8e8e8;font-size:13px;box-sizing:border-box;background:#fff;color:#111;font-family:inherit}.sr-form-input:focus{outline:none;border-color:#111}[data-theme=dark] .sr-form-input{background:#252525;border-color:#3a3a3a;color:#e0e0e0}[data-theme=dark] .sr-form-input:focus{border-color:#f0f0f0}.srp-panel{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;background:#fff}.srp-header{position:relative;padding:22px 24px 20px;background:#111;flex-shrink:0;overflow:hidden}.srp-header:before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;border:18px solid rgba(255,255,255,.05);top:-40px;right:-24px;pointer-events:none}.srp-deco{position:absolute;width:60px;height:60px;border-radius:50%;border:10px solid rgba(255,255,255,.04);bottom:-20px;left:-12px;pointer-events:none}.srp-deco2{position:absolute;width:40px;height:40px;border-radius:8px;border:1.5px solid rgba(255,255,255,.07);top:14px;right:80px;transform:rotate(18deg);pointer-events:none}.srp-header-content{position:relative;z-index:1;display:flex;align-items:center;gap:14px}.srp-header-icon{width:40px;height:40px;border-radius:10px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.srp-header-title{margin:0 0 3px;font-size:14px;font-weight:800;color:#fff;letter-spacing:-.01em}.srp-header-sub{margin:0;font-size:12px;color:#ffffff80}.srp-body{flex:1;min-height:0;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:16px}.srp-body::-webkit-scrollbar{width:3px}.srp-body::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:2px}.srp-section{display:flex;flex-direction:column;gap:6px}.srp-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#888}.srp-dropzone{border:1.5px dashed #e0e0e0;border-radius:12px;padding:20px;cursor:pointer;transition:border-color .15s,background .15s;background:#fafafa}.srp-dropzone:hover,.srp-dropzone.drag-over{border-color:#111;background:#f5f5f5}.srp-dropzone.has-file{border-style:solid;border-color:#111;background:#f5f5f5}.srp-dropzone-empty{display:flex;flex-direction:column;align-items:center;gap:10px}.srp-dropzone-icon{width:44px;height:44px;border-radius:11px;background:#111;display:flex;align-items:center;justify-content:center;color:#fff}.srp-dropzone-text{display:flex;flex-direction:column;align-items:center;gap:3px}.srp-dropzone-main{font-size:13px;font-weight:700;color:#111}.srp-dropzone-hint{font-size:11px;color:#aaa}.srp-file-selected{display:flex;align-items:center;gap:12px}.srp-file-icon{width:38px;height:38px;border-radius:9px;background:#111;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.srp-file-info{flex:1;min-width:0}.srp-file-name{font-size:13px;font-weight:700;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.srp-file-size{font-size:11px;color:#888;margin-top:2px}.srp-file-remove{width:26px;height:26px;border-radius:6px;border:1.5px solid #e0e0e0;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#888;flex-shrink:0;transition:border-color .15s,color .15s}.srp-file-remove:hover{border-color:#111;color:#111}.srp-input,.srp-textarea{width:100%;padding:10px 13px;border:1.5px solid #e8e8e8;border-radius:10px;font-size:13px;color:#111;background:#fff;outline:none;transition:border-color .15s;font-family:inherit}.srp-input:focus,.srp-textarea:focus{border-color:#111}.srp-textarea{resize:vertical;min-height:80px}.srp-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 24px;border-top:1px solid #e8e8e8;background:#f7f7f7;flex-shrink:0}[data-theme=dark] .srp-panel{background:#1a1a1a}[data-theme=dark] .srp-header{background:#0a0a0a}[data-theme=dark] .srp-body{background:#1a1a1a}[data-theme=dark] .srp-body::-webkit-scrollbar-thumb{background:#2a2a2a}[data-theme=dark] .srp-footer{background:#1e1e1e;border-top-color:#2a2a2a}[data-theme=dark] .srp-label{color:#555}[data-theme=dark] .srp-dropzone{background:#252525;border-color:#3a3a3a}[data-theme=dark] .srp-dropzone:hover,[data-theme=dark] .srp-dropzone.drag-over,[data-theme=dark] .srp-dropzone.has-file{background:#2a2a2a;border-color:#f0f0f0}[data-theme=dark] .srp-dropzone-main{color:#f0f0f0}[data-theme=dark] .srp-dropzone-hint{color:#555}[data-theme=dark] .srp-file-name{color:#f0f0f0}[data-theme=dark] .srp-file-size{color:#555}[data-theme=dark] .srp-file-remove{background:#252525;border-color:#3a3a3a;color:#555}[data-theme=dark] .srp-file-remove:hover{border-color:#f0f0f0;color:#f0f0f0}[data-theme=dark] .srp-input,[data-theme=dark] .srp-textarea{background:#252525;border-color:#3a3a3a;color:#e0e0e0}[data-theme=dark] .srp-input:focus,[data-theme=dark] .srp-textarea:focus{border-color:#f0f0f0}.as-container{padding:0}.sr2-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;flex-wrap:wrap}.sr2-header-left{min-width:0}.sr2-title{margin:0 0 4px;font-size:18px;font-weight:800;color:#111;letter-spacing:-.02em}.sr2-subtitle{margin:0;font-size:12px;color:#888;font-weight:500}.as-search-wrap{flex-shrink:0}.as-search-input{padding:8px 12px;border-radius:8px;border:1px solid #e5e7eb;font-size:13px;color:#111;background:#fff;width:200px;outline:none;font-family:inherit;transition:border-color .15s}.as-search-input:focus{border-color:#111}.as-empty{padding:40px 20px;text-align:center;font-size:13px;font-weight:600;color:#888;background:#f7f7f7;border:1px dashed #e8e8e8;border-radius:12px}.as-table-wrap{overflow-x:auto;background:#fff;border:1px solid #e8e8e8;border-radius:12px;scrollbar-width:thin;scrollbar-color:#e8e8e8 transparent}.as-table-wrap::-webkit-scrollbar{height:5px}.as-table-wrap::-webkit-scrollbar-track{background:transparent}.as-table-wrap::-webkit-scrollbar-thumb{background:#e8e8e8;border-radius:6px}.as-table{width:100%;border-collapse:collapse;font-size:13px}.as-thead-row{background:#f7f7f7;border-bottom:1px solid #e8e8e8}.as-th{padding:10px 14px;text-align:left;font-size:10px;font-weight:700;color:#888;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;border-bottom:1px solid #e8e8e8}.as-th-sticky{position:sticky;left:0;background:#f7f7f7;min-width:180px;z-index:2}.as-th-score{text-align:center;min-width:90px}.as-th-total{text-align:center;min-width:80px}.as-th-max{color:#ccc;font-weight:400;text-transform:none;margin-left:1px}.as-row{border-bottom:1px solid #f0f0f0}.as-row-alt{background:#fafafa}.as-row:last-child{border-bottom:none}.as-td{padding:9px 14px;vertical-align:middle}.as-td-sticky{position:sticky;left:0;background:#fff;z-index:1}.as-row-alt .as-td-sticky{background:#fafafa}.as-td-score,.as-td-total{text-align:center}.as-student-name{font-weight:600;font-size:13px;color:#111}.as-student-id{font-size:11px;color:#888;margin-top:1px}.as-total{font-weight:700;font-size:13px;color:#111}.as-no-score{color:#d1d5db}.as-no-score-label{font-size:12px;color:#ef4444}.as-editable-cell{cursor:default;transition:background .1s;-webkit-user-select:none;user-select:none;position:relative}.as-editable-cell:not(.as-cell-active):hover{background:#f0f7ff;outline:1px dashed #93c5fd;outline-offset:-2px;border-radius:4px;cursor:cell}.as-cell-active{background:#f8faff!important;padding:4px 8px!important}.as-inline-wrap{display:flex;flex-direction:column;align-items:center;gap:2px}.as-inline-input{width:72px;padding:4px 8px;border-radius:6px;border:2px solid #3b82f6;font-size:13px;font-weight:600;color:#111;background:#fff;outline:none;box-shadow:0 0 0 3px #3b82f626;text-align:center;-moz-appearance:textfield}.as-inline-input::-webkit-inner-spin-button,.as-inline-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.as-inline-input--error{border-color:#ef4444;box-shadow:0 0 0 3px #ef444426}.as-inline-error{font-size:10px;font-weight:700;color:#ef4444;white-space:nowrap}.as-cell-display{display:inline-flex;align-items:center;justify-content:center;gap:5px}.as-cell-spinner{display:inline-block;width:10px;height:10px;border-radius:50%;border:2px solid #d1d5db;border-top-color:#3b82f6;animation:asSpinAnim .6s linear infinite;flex-shrink:0}@keyframes asSpinAnim{to{transform:rotate(360deg)}}[data-theme=dark] .as-search-input{background:#252525;border-color:#3a3a3a;color:#e0e0e0}[data-theme=dark] .as-search-input:focus{border-color:#f0f0f0}[data-theme=dark] .as-empty{background:#1e1e1e;border-color:#2a2a2a;color:#555}[data-theme=dark] .as-table-wrap{background:#1e1e1e;border-color:#2a2a2a;scrollbar-color:#2a2a2a transparent}[data-theme=dark] .as-table-wrap::-webkit-scrollbar-thumb{background:#2a2a2a}[data-theme=dark] .as-thead-row{background:#252525;border-bottom-color:#2a2a2a}[data-theme=dark] .as-th{color:#555;border-bottom-color:#2a2a2a}[data-theme=dark] .as-th-sticky{background:#252525}[data-theme=dark] .as-row{border-bottom-color:#2a2a2a}[data-theme=dark] .as-row-alt{background:#1a1a1a}[data-theme=dark] .as-td-sticky{background:#1e1e1e}[data-theme=dark] .as-row-alt .as-td-sticky{background:#1a1a1a}[data-theme=dark] .as-student-name{color:#e0e0e0}[data-theme=dark] .as-student-id{color:#555}[data-theme=dark] .as-total{color:#f0f0f0}[data-theme=dark] .as-no-score{color:#3a3a3a}[data-theme=dark] .as-editable-cell:not(.as-cell-active):hover{background:#0d1f3c;outline-color:#1d4ed8}[data-theme=dark] .as-cell-active{background:#111827!important}[data-theme=dark] .as-inline-input{background:#1e1e1e;border-color:#3b82f6;color:#e0e0e0}[data-theme=dark] .as-cell-spinner{border-color:#3a3a3a;border-top-color:#60a5fa}.apt_main{display:flex!important;height:100%!important;width:100%!important;box-sizing:border-box;position:relative;overflow:hidden;flex-direction:row!important}.apt_left{width:220px!important;height:100%!important;box-sizing:border-box;position:relative;transition:transform .3s ease;border-right:1px solid #a6a6a6;flex-shrink:0}.apt_right{height:100%!important;box-sizing:border-box;flex:1;overflow-x:auto;overflow-y:auto}.apt_main *{box-sizing:border-box}@media(max-width:768px){.apt_left{position:fixed!important;top:52px!important;left:0;height:calc(100% - 52px)!important;z-index:50;transform:translate(-100%);box-shadow:2px 0 16px #0000001f;background:#fff;width:220px!important}.apt_left.open{transform:translate(0)!important}.apt_right{width:100%!important;flex:1;position:relative}.apt_drag_handle{position:fixed;top:52px;left:0;width:12px;height:calc(100% - 52px);cursor:ew-resize;z-index:9;display:flex;align-items:center;justify-content:center}.apt_mb{height:100px;width:4px;background-color:#000;border-radius:2px}}@media(min-width:769px){.apt_drag_handle{display:none!important}}.teacher-detail-layout,.admin-detail-layout,.staff-detail-layout{display:none!important}.classResources{max-width:100%}.cr-header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:20px;border-bottom:1px solid #e8e8e8;margin-bottom:20px}.cr-header-left{flex:1;display:flex;flex-direction:column;gap:3px}.cr-title{margin:0;font-size:20px;font-weight:800;color:#111;letter-spacing:-.02em}.cr-subtitle{margin:0;font-size:12px;color:#888;font-weight:600}.cr-search-wrap{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid #e8e8e8;border-radius:10px;background:#fff;margin-bottom:16px;max-width:480px;color:#888}.cr-search{flex:1;border:none;outline:none;font-size:13px;color:#111;background:transparent}.cr-search::placeholder{color:#aaa}.cr-clear{background:none;border:none;color:#888;cursor:pointer;display:flex;align-items:center;padding:2px;border-radius:4px;transition:color .15s}.cr-clear:hover{color:#111}.cr-tabs{display:flex;gap:4px;margin-bottom:20px;flex-wrap:wrap}.cr-tab{padding:6px 14px;border:1px solid #e8e8e8;border-radius:20px;background:#f4f4f4;font-size:12px;font-weight:700;color:#888;cursor:pointer;transition:background .15s,color .15s,border-color .15s;white-space:nowrap}.cr-tab:hover{border-color:#111;color:#111}.cr-tab.active{background:#111;color:#fff;border-color:#111}.cr-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cr-empty{text-align:center;padding:60px 20px;display:flex;flex-direction:column;align-items:center;gap:8px}.cr-empty h3{margin:0;font-size:15px;font-weight:800;color:#111}.cr-empty p{margin:0;font-size:13px;color:#888}.cr-clear-btn{margin-top:4px;padding:6px 16px;border:1px solid #e8e8e8;border-radius:8px;background:#f4f4f4;font-size:12px;font-weight:700;color:#111;cursor:pointer;transition:background .15s}.cr-clear-btn:hover{background:#111;color:#fff;border-color:#111}.rp-field{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}.rp-field-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#888}.rp-select{padding:9px 12px;border-radius:8px;border:1px solid #e8e8e8;font-size:13px;font-weight:500;color:#111;background:#fafafa;outline:none;transition:border-color .15s;font-family:inherit;width:100%}.rp-select:focus{border-color:#111;background:#fff}@media(max-width:768px){.cr-header{flex-direction:column;gap:14px}.cr-grid{grid-template-columns:1fr}}[data-theme=dark] .cr-title{color:#f0f0f0}[data-theme=dark] .cr-subtitle{color:#555}[data-theme=dark] .cr-header{border-bottom-color:#2a2a2a}[data-theme=dark] .cr-search-wrap{background:#1e1e1e;border-color:#2a2a2a;color:#555}[data-theme=dark] .cr-search{color:#e0e0e0}[data-theme=dark] .cr-tab{background:#1e1e1e;border-color:#2a2a2a;color:#555}[data-theme=dark] .cr-tab:hover{border-color:#f0f0f0;color:#f0f0f0}[data-theme=dark] .cr-tab.active{background:#f0f0f0;color:#111;border-color:#f0f0f0}[data-theme=dark] .cr-empty h3{color:#f0f0f0}[data-theme=dark] .cr-empty p{color:#555}[data-theme=dark] .rp-field-label{color:#555}[data-theme=dark] .rp-select{background:#252525;border-color:#3a3a3a;color:#e0e0e0}[data-theme=dark] .rp-select:focus{border-color:#f0f0f0;background:#2a2a2a}.classStudents{max-width:100%}.cls-header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:20px;border-bottom:1px solid #e8e8e8;margin-bottom:20px;gap:16px}.cls-header-left{flex:1;display:flex;flex-direction:column;gap:3px}.cls-title{margin:0;font-size:20px;font-weight:800;color:#111;letter-spacing:-.02em}.cls-subtitle{margin:0;font-size:12px;color:#888;font-weight:600}.cls-table-container{border-radius:12px;overflow:hidden}.cls-name-cell{display:flex;align-items:center;gap:10px}.cls-avatar{width:32px;height:32px;border-radius:8px;background:#f0f0f0;color:#888;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;text-transform:uppercase;flex-shrink:0;overflow:hidden}.cls-avatar img{width:100%;height:100%;object-fit:cover}.cls-student-name{font-weight:700;font-size:13.5px;color:#111}.cls-status{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;text-transform:capitalize;letter-spacing:.03em}.cls-status.active{background:#dcfce7;color:#166534}.cls-status.inactive{background:#fecaca;color:#991b1b}.cls-action-link{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:#888;cursor:pointer;transition:color .15s,gap .15s;white-space:nowrap}.cls-action-link:hover{color:#111;gap:8px}@media(max-width:640px){.cls-header{flex-direction:column;gap:14px}}.ss-guardian-stack{display:flex;flex-direction:column;gap:14px}.ss-guardian-card{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 1px 2px #0000000a;transition:box-shadow .15s,border-color .15s}.ss-guardian-card:hover{box-shadow:0 4px 14px #00000014;border-color:#d1d5db}.ss-guardian-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:linear-gradient(180deg,#fafafa,#f4f4f5);border-bottom:1px solid #e5e7eb}.ss-guardian-name{min-width:0;font-size:15px;font-weight:800;letter-spacing:-.02em;color:#111;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss-primary-badge{flex-shrink:0;display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.ss-guardian-card .ss-guardian-grid{padding:14px 16px 16px;gap:10px}[data-theme=dark] .ss-guardian-card{background:#1e1e1e;border-color:#2a2a2a;box-shadow:none}[data-theme=dark] .ss-guardian-card:hover{box-shadow:0 4px 20px #00000059;border-color:#3a3a3a}[data-theme=dark] .ss-guardian-top{background:linear-gradient(180deg,#252525,#1e1e1e);border-bottom-color:#2a2a2a}[data-theme=dark] .ss-guardian-name{color:#f0f0f0}[data-theme=dark] .ss-primary-badge{background:#052e16;color:#4ade80;border-color:#14532d}.ss-health-record-date{flex-shrink:0;font-size:12px;font-weight:600;color:#6b7280;white-space:nowrap}.ss-guardian-name--multiline{white-space:normal;overflow:visible;text-overflow:clip}.ss-health-record-notes{padding:14px 16px 16px;font-size:13px;font-weight:600;line-height:1.5;color:#374151}.ss-health-record-notes p{margin:0}[data-theme=dark] .ss-health-record-date{color:#9ca3af}[data-theme=dark] .ss-health-record-notes{color:#c4c4c4}.ss-health-records-loading{min-height:120px;display:flex;align-items:center;justify-content:center}.ss-health-empty{margin:0;padding:20px 16px;border:1px dashed #e5e7eb;border-radius:12px;background:#fafafa}[data-theme=dark] .ss-health-empty{border-color:#2a2a2a;background:#1a1a1a}.ss-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;padding:12px;border-radius:10px}.ss-tab{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;font-size:12px;font-weight:600;color:#555;cursor:pointer;transition:all .15s;white-space:nowrap}.ss-tab:hover{background:#f4f4f4;border-color:#aaa;color:#111}.ss-tab.active{background:#f7f7f7;border-color:#111;color:#111}[data-theme=dark] .ss-tabs{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .ss-tab{background:#252525;border-color:#333;color:#888}[data-theme=dark] .ss-tab:hover{background:#2a2a2a;color:#f0f0f0}[data-theme=dark] .ss-tab.active{background:#f0f0f0;border-color:#f0f0f0;color:#111}[data-theme=dark] .cls-title{color:#f0f0f0}[data-theme=dark] .cls-subtitle{color:#555}[data-theme=dark] .cls-header{border-bottom-color:#2a2a2a}[data-theme=dark] .cls-avatar{background:#2a2a2a;color:#555}[data-theme=dark] .cls-student-name{color:#f0f0f0}[data-theme=dark] .cls-status.active{background:#052e16;color:#4ade80}[data-theme=dark] .cls-status.inactive{background:#2d0a0a;color:#f87171}[data-theme=dark] .cls-action-link{color:#555}[data-theme=dark] .cls-action-link:hover{color:#f0f0f0}.timetable-wrapper{width:100%;max-width:100vw;overflow-x:auto;overflow-y:hidden;border:1px solid #e8e8e8;border-radius:12px;font-family:sans-serif;background:#fff;color:#111}.time-header{display:grid;grid-template-columns:60px repeat(var(--hours),1fr);border-bottom:1px solid #e8e8e8;background:#fff;position:sticky;top:0;z-index:20}.day-label-placeholder{border-right:1px solid #e8e8e8}.time-cell{text-align:start;font-size:12px;padding:8px 0;border-right:1px solid #f0f0f0;box-sizing:border-box;color:#888;font-weight:600}.timetable-body{display:block}.day-row{display:grid;grid-template-columns:60px repeat(var(--hours),1fr);border-bottom:1px solid #f0f0f0;min-height:60px;align-items:stretch}.day-label{padding:12px;font-weight:700;font-size:12px;color:#555;border-right:1px solid #e8e8e8;background:#fafafa;box-sizing:border-box}.day-track{grid-column:2 / -1;position:relative;height:100%;background-image:linear-gradient(to right,rgba(0,0,0,.04) 1px,transparent 1px);background-size:calc(100% / var(--hours)) 100%}.subject{position:absolute;top:4px;bottom:4px;padding:8px;font-size:12px;box-sizing:border-box;overflow:hidden;border-radius:10px;box-shadow:0 1px 4px #0000001a;display:flex;flex-direction:column;justify-content:center;cursor:pointer;transition:all .2s ease;background:#fff;color:#111}.subject:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.animated-subject-container{position:relative;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.subject-content-container{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border-radius:8px;transition:border-color .3s ease}.subject-count-badge{position:absolute;top:-8px;right:-8px;background:#ef4444;color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;z-index:10;box-shadow:0 2px 4px #0000004d;border:2px solid white}.subject-content-animated{animation:slideInFade .5s ease-in-out;width:100%;text-align:center}@keyframes slideInFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes borderPulse{0%{box-shadow:0 0 #10b98166}50%{box-shadow:0 0 0 4px #10b9811a}to{box-shadow:0 0 #10b98166}}@keyframes borderColorChange{0%{border-color:#10b981;box-shadow:0 0 #10b98166}33%{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f666}66%{border-color:#f59e0b;box-shadow:0 0 0 2px #f59e0b66}to{border-color:#10b981;box-shadow:0 0 #10b98166}}.single-subject-content{text-align:center;height:100%;display:flex;flex-direction:column;justify-content:center;padding:0}.multi-subject{animation:borderColorChange 9s infinite}.period-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.period-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.period-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 16px;border-bottom:1px solid #e8e8e8}.period-modal-title{font-size:16px;font-weight:800;color:#111;margin:0;letter-spacing:-.02em}.period-modal-close{background:#f4f4f4;border:1px solid #e8e8e8;font-size:18px;color:#888;cursor:pointer;padding:2px 8px;border-radius:6px;transition:all .15s;line-height:1.4}.period-modal-close:hover{background:#111;color:#fff;border-color:#111}.period-modal-content{padding:20px 24px 24px}.period-info-section{margin-bottom:20px}.period-info-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f0f0f0}.period-info-item:last-child{border-bottom:none}.period-info-label{font-weight:700;color:#888;font-size:11px;text-transform:uppercase;letter-spacing:.06em}.period-info-value{font-weight:600;color:#111;font-size:13px}.period-stream{font-weight:700;text-transform:uppercase;letter-spacing:.5px;font-size:12px}.subjects-list{margin-top:16px}.subjects-list-title{font-size:14px;font-weight:800;color:#111;margin:0 0 12px;letter-spacing:-.01em}.subject-card{background:#f7f7f7;border:1px solid #e8e8e8;border-radius:8px;padding:16px;margin-bottom:12px}.subject-card:last-child{margin-bottom:0}.subject-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.subject-name{font-weight:600;color:#111;font-size:14px}.subject-stream-badge{padding:4px 8px;border-radius:12px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.subject-card-details{display:grid;grid-template-columns:1fr 1fr;gap:12px}.subject-detail{display:flex;flex-direction:column;gap:2px}.subject-detail-label{font-size:10px;color:#888;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.subject-detail-value{font-size:13px;color:#111;font-weight:600}.single-subject-details{margin-top:16px}@media(max-width:640px){.period-modal{width:95%;margin:20px}.period-modal-header,.period-modal-content{padding-left:16px;padding-right:16px}.subject-card-details{grid-template-columns:1fr;gap:8px}.subject-card-header{flex-direction:column;align-items:flex-start;gap:8px}}.subject-title{font-weight:600;margin-bottom:3px;font-size:11px;line-height:1.2}.subject-teacher{font-size:9px;color:#6b7280;margin-bottom:4px;line-height:1.1}.subject-time{font-size:10px;opacity:.9;font-weight:500;margin-top:auto}.subject-stream{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.time-header,.day-row{min-width:fit-content}@media(max-width:600px){.day-label,.day-label-placeholder{font-size:12px;padding:8px}.day-row{grid-template-columns:50px repeat(var(--hours),1fr);min-height:70px}.time-header{grid-template-columns:50px repeat(var(--hours),1fr)}.time-cell{font-size:11px}.subject{font-size:10px;padding:4px 6px}.subject-count-badge{width:16px;height:16px;font-size:9px;top:-6px;right:-6px}.subject-title{font-size:10px}.subject-teacher{font-size:8px}.subject-time{font-size:9px}}.timetable-view-toggle{display:flex;align-items:center;gap:4px;margin-bottom:10px;background:#f4f4f4;border:1px solid #e8e8e8;border-radius:8px;padding:3px;width:fit-content}.toggle-btn{display:flex;align-items:center;gap:5px;padding:5px 11px;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;background:transparent;color:#888;transition:all .15s ease;line-height:1}.toggle-btn.active{background:#fff;color:#111;box-shadow:0 1px 4px #0000001a}.toggle-btn svg{flex-shrink:0}.timetable-list-wrapper{width:100%;display:flex;flex-direction:column;gap:8px}.timetable-list-day{background:#fff;border:1px solid #e8e8e8;border-radius:8px;overflow:hidden}.timetable-list-day-header{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#fafafa;border-bottom:1px solid #e8e8e8}.timetable-list-day-name{font-size:12px;font-weight:800;color:#111;letter-spacing:-.01em}.timetable-list-day-count{font-size:10px;font-weight:600;color:#888;background:#efefef;padding:1px 7px;border-radius:20px}.timetable-list-entries{display:flex;flex-direction:column}.timetable-list-entry{display:flex;align-items:center;gap:0;min-height:36px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background .15s ease}.timetable-list-entry:last-child{border-bottom:none}.timetable-list-entry:hover{background:#fafafa}.timetable-list-entry.is-break{background:#f9fafb}.timetable-list-entry.is-break .timetable-list-subject-name{color:#6b7280;font-style:italic;font-weight:600}.subject.break-period .subject-title{color:#6b7280;font-style:italic}.timetable-list-entry-accent{width:3px;align-self:stretch;flex-shrink:0;border-radius:0}.timetable-list-entry-time{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:4px;padding:6px 10px;min-width:92px;flex-shrink:0;border-right:1px solid #f0f0f0}.timetable-list-time-start{font-size:11px;font-weight:700;color:#111;font-variant-numeric:tabular-nums}.timetable-list-time-sep{display:none}.timetable-list-time-end{font-size:11px;font-weight:500;color:#888;font-variant-numeric:tabular-nums}.timetable-list-time-end:before{content:"–";margin-right:4px;color:#ccc}.timetable-list-entry-content{flex:1;min-width:0;padding:5px 10px;display:flex;flex-direction:column;justify-content:center;gap:1px}.timetable-list-meta-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.timetable-list-subject-name{font-size:12px;font-weight:700;color:#111;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timetable-list-subject-teacher{font-size:10px;color:#888;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timetable-list-subject-stream{display:inline-flex;align-items:center;padding:1px 6px;border-radius:20px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:#fff;width:fit-content;margin-top:0}.timetable-list-multi-badge{display:flex;align-items:center;gap:4px;font-size:10px;font-weight:600;color:#888;padding:0;white-space:nowrap;overflow:hidden}.timetable-list-multi-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.timetable-list-entry-arrow{display:none}[data-theme=dark] .timetable-wrapper{background:#1a1a1a;border-color:#2a2a2a;color:#e0e0e0}[data-theme=dark] .time-header{background:#141414;border-bottom-color:#2a2a2a}[data-theme=dark] .day-label-placeholder{border-right-color:#2a2a2a}[data-theme=dark] .time-cell{border-right-color:#252525;color:#555}[data-theme=dark] .day-row{border-bottom-color:#252525}[data-theme=dark] .day-label{background:#141414;border-right-color:#2a2a2a;color:#888}[data-theme=dark] .day-track{background-image:linear-gradient(to right,rgba(255,255,255,.04) 1px,transparent 1px)}[data-theme=dark] .subject{background:#1e1e1e;color:#e0e0e0;box-shadow:0 1px 4px #0000004d}[data-theme=dark] .subject:hover{box-shadow:0 4px 12px #0006}[data-theme=dark] .subject-title{color:#e0e0e0}[data-theme=dark] .subject-teacher,[data-theme=dark] .subject-time{color:#888}[data-theme=dark] .subject-count-badge{border-color:#1e1e1e}[data-theme=dark] .period-modal-overlay{background:#000000b3}[data-theme=dark] .period-modal{background:#1a1a1a;box-shadow:0 20px 40px #00000080}[data-theme=dark] .period-modal-header{border-bottom-color:#2a2a2a}[data-theme=dark] .period-modal-title{color:#f0f0f0}[data-theme=dark] .period-modal-close{background:#252525;border-color:#3a3a3a;color:#888}[data-theme=dark] .period-modal-close:hover{background:#f0f0f0;color:#111;border-color:#f0f0f0}[data-theme=dark] .period-modal-content{background:#1a1a1a}[data-theme=dark] .period-info-item{border-bottom-color:#252525}[data-theme=dark] .period-info-label{color:#555}[data-theme=dark] .period-info-value{color:#e0e0e0}[data-theme=dark] .subjects-list-title{color:#f0f0f0}[data-theme=dark] .subject-card{background:#252525;border-color:#3a3a3a}[data-theme=dark] .subject-detail-label{color:#555}[data-theme=dark] .subject-detail-value{color:#e0e0e0}[data-theme=dark] .timetable-view-toggle{background:#252525;border-color:#3a3a3a}[data-theme=dark] .toggle-btn{color:#888}[data-theme=dark] .toggle-btn.active{background:#1a1a1a;color:#f0f0f0;box-shadow:0 1px 4px #0000004d}[data-theme=dark] .timetable-list-day{background:#1a1a1a;border-color:#2a2a2a}[data-theme=dark] .timetable-list-day-header{background:#141414;border-bottom-color:#2a2a2a}[data-theme=dark] .timetable-list-day-name{color:#f0f0f0}[data-theme=dark] .timetable-list-day-count{background:#252525;color:#888}[data-theme=dark] .timetable-list-entry{border-bottom-color:#252525}[data-theme=dark] .timetable-list-entry:hover{background:#1e1e1e}[data-theme=dark] .timetable-list-entry-time{border-right-color:#252525}[data-theme=dark] .timetable-list-time-start{color:#f0f0f0}[data-theme=dark] .timetable-list-time-sep{color:#444}[data-theme=dark] .timetable-list-time-end{color:#888}[data-theme=dark] .timetable-list-subject-name{color:#f0f0f0}[data-theme=dark] .timetable-list-subject-teacher,[data-theme=dark] .timetable-list-multi-badge{color:#888}[data-theme=dark] .timetable-list-entry-arrow{color:#444}.cls-empty{padding:48px 20px;text-align:center;background:#f7f7f7;border:1px dashed #e8e8e8;border-radius:12px;font-size:13px;font-weight:600;color:#888}.sa-table-wrap{overflow-x:auto;background:#fff;border:1px solid #e8e8e8;border-radius:12px;scrollbar-width:thin;scrollbar-color:#e8e8e8 transparent}.sa-table-wrap::-webkit-scrollbar{height:6px}.sa-table-wrap::-webkit-scrollbar-track{background:transparent;border-radius:0 0 12px 12px}.sa-table-wrap::-webkit-scrollbar-thumb{background:#e8e8e8;border-radius:6px}.sa-table-wrap::-webkit-scrollbar-thumb:hover{background:#ccc}.sa-table{width:100%;border-collapse:collapse;font-size:13px}.sa-thead-row{background:#f7f7f7;border-bottom:1px solid #e8e8e8}.sa-th{padding:10px 12px;text-align:center;font-size:11px;font-weight:700;color:#888;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.sa-th-sticky{text-align:left;position:sticky;left:0;background:#f7f7f7;min-width:160px;z-index:2}.sa-th-day{min-width:36px;font-size:10px}.sa-th-stat{min-width:52px}.sa-row{border-bottom:1px solid #f0f0f0}.sa-row.alt{background:#fafafa}.sa-td{padding:8px 12px;text-align:center;vertical-align:middle}.sa-td-sticky{text-align:left;position:sticky;left:0;background:#fff;z-index:1;font-weight:600;font-size:13px;color:#111}.sa-row.alt .sa-td-sticky{background:#fafafa}.sa-td-day{padding:6px 4px}.sa-td-stat{padding:8px}.sa-td-name{white-space:nowrap}.sa-dot{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-size:10px;font-weight:800}.sa-dot-empty{color:#e8e8e8;font-size:12px}.sa-stat{display:inline-block;padding:2px 8px;border-radius:10px;font-size:12px;font-weight:700}.sa-stat.present{background:#dcfce7;color:#166534}.sa-stat.absent{background:#fecaca;color:#991b1b}.sa-stat.excused{background:#fef3c7;color:#92400e}.sa-rate{font-size:12px;font-weight:800}.sa-rate.good{color:#166534}.sa-rate.bad{color:#991b1b}.sa-date-field{display:flex;flex-direction:column;gap:6px}.sa-date-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#888}.sa-date-input{padding:9px 12px;border-radius:8px;border:1px solid #e8e8e8;font-size:13px;width:100%;box-sizing:border-box;background:#fff;color:#111;font-family:inherit}.sa-date-input:focus{outline:none;border-color:#111}.sa-student-list{display:flex;flex-direction:column;gap:8px}.sa-student-row{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#f7f7f7;border:1px solid #e8e8e8;border-radius:8px;gap:12px}.sa-student-row-name{font-weight:600;font-size:13px;color:#111;flex:1;min-width:0}.sa-status-btns{display:flex;gap:6px;flex-shrink:0}.sa-status-btn{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700;cursor:pointer;border:1px solid #e8e8e8;background:#fff;color:#888;transition:background .12s,color .12s,border-color .12s;font-family:inherit}.sa-status-btn:hover{border-color:#111;color:#111}[data-theme=dark] .cls-empty{background:#1e1e1e;border-color:#2a2a2a;color:#555}[data-theme=dark] .sa-table-wrap{background:#1e1e1e;border-color:#2a2a2a;scrollbar-color:#2a2a2a transparent}[data-theme=dark] .sa-table-wrap::-webkit-scrollbar-thumb{background:#2a2a2a}[data-theme=dark] .sa-table-wrap::-webkit-scrollbar-thumb:hover{background:#3a3a3a}[data-theme=dark] .sa-thead-row{background:#252525;border-bottom-color:#2a2a2a}[data-theme=dark] .sa-th{color:#555}[data-theme=dark] .sa-th-sticky{background:#252525}[data-theme=dark] .sa-row{border-bottom-color:#2a2a2a}[data-theme=dark] .sa-row.alt{background:#1a1a1a}[data-theme=dark] .sa-td-sticky{background:#1e1e1e;color:#f0f0f0}[data-theme=dark] .sa-row.alt .sa-td-sticky{background:#1a1a1a}[data-theme=dark] .sa-dot-empty{color:#2a2a2a}[data-theme=dark] .sa-date-input{background:#252525;border-color:#3a3a3a;color:#e0e0e0}[data-theme=dark] .sa-date-input:focus{border-color:#f0f0f0}[data-theme=dark] .sa-student-row{background:#252525;border-color:#2a2a2a}[data-theme=dark] .sa-student-row-name{color:#f0f0f0}[data-theme=dark] .sa-status-btn{background:#1e1e1e;border-color:#3a3a3a;color:#555}[data-theme=dark] .sa-status-btn:hover{border-color:#f0f0f0;color:#f0f0f0}.att-layout{display:flex;gap:16px;align-items:flex-start}.att-stats-col{display:flex;flex-direction:column;gap:8px;flex-shrink:0;width:100px}.att-calendar-wrap{flex:1;min-width:0;overflow-x:auto}.att-stat-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border-radius:12px;padding:14px 8px;width:100%;box-sizing:border-box;border:1px solid transparent}.att-stat-card:nth-child(1){background:#dcfce7;border-color:#bbf7d0}.att-stat-card:nth-child(2){background:#fecaca;border-color:#fca5a5}.att-stat-card:nth-child(3){background:#fef3c7;border-color:#fde68a}.att-stat-card:nth-child(4){background:#f0f0f0;border-color:#e8e8e8}.att-stat-card:nth-child(5){background:#f0f0f0;border-color:#e8e8e8}.att-stat-label{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:#888}.att-stats-col .sa-stat{font-size:20px;font-weight:800;padding:0;background:none;border-radius:0}.att-stats-col .sa-stat.present{color:#166534;background:none}.att-stats-col .sa-stat.absent{color:#991b1b;background:none}.att-stats-col .sa-stat.excused{color:#92400e;background:none}.sa-stat-total{font-size:20px;font-weight:800;color:#111}.att-stats-col .sa-rate{font-size:18px;font-weight:800}@media(max-width:600px){.att-layout{flex-direction:column}.att-stats-col{flex-direction:row;width:100%;flex-wrap:wrap}.att-stat-card{flex:1;min-width:60px}}[data-theme=dark] .att-stat-card:nth-child(1){background:#052e16;border-color:#166534}[data-theme=dark] .att-stat-card:nth-child(2){background:#2d0a0a;border-color:#991b1b}[data-theme=dark] .att-stat-card:nth-child(3){background:#1c1200;border-color:#92400e}[data-theme=dark] .att-stat-card:nth-child(4){background:#252525;border-color:#2a2a2a}[data-theme=dark] .att-stat-card:nth-child(5){background:#252525;border-color:#2a2a2a}[data-theme=dark] .att-stat-label{color:#555}[data-theme=dark] .sa-stat-total{color:#f0f0f0}.sa-row-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.sa-save-indicator{width:18px;height:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sa-spinner{display:inline-block;width:14px;height:14px;border:2px solid #e5e7eb;border-top-color:#111;border-radius:50%;animation:saSpinAnim .6s linear infinite}@keyframes saSpinAnim{to{transform:rotate(360deg)}}.sa-save-error{font-size:11px;font-weight:800;color:#dc2626;line-height:1}[data-theme=dark] .sa-spinner{border-color:#3a3a3a;border-top-color:#f0f0f0}.center-modal-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;display:flex;align-items:center;justify-content:center}.center-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0009;animation:fadeIn .3s ease-out}.center-modal-content{position:relative;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;animation:scaleIn .3s ease-out;max-height:90vh;overflow:visible;display:flex;flex-direction:column}.center-modal-content.small{width:400px;max-width:90vw}.center-modal-content.medium{width:600px;max-width:90vw}.center-modal-content.large{width:800px;max-width:90vw}.center-modal-content.xlarge{width:1000px;max-width:95vw}.center-modal-close{position:absolute;top:15px;right:15px;background:#f5f5f5;border:none;font-size:20px;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;z-index:10;color:#666;transition:all .2s ease}.center-modal-close:hover{background:#e0e0e0;color:#333;transform:scale(1.1)}.center-modal-children{flex:1;padding:0;overflow-y:auto;max-height:85vh;border-radius:12px}@keyframes scaleIn{0%{opacity:0;transform:scale(.8) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:768px){.center-modal-content{margin:20px;max-height:85vh}.center-modal-content.small,.center-modal-content.medium,.center-modal-content.large,.center-modal-content.xlarge{width:95vw}.center-modal-children{padding:0;max-height:calc(85vh - 40px)}.center-modal-close{top:10px;right:10px;width:28px;height:28px;font-size:18px}}@media(max-width:480px){.center-modal-children{padding:0}.center-modal-content{margin:10px;border-radius:8px}}.center-modal-children::-webkit-scrollbar{width:6px}.center-modal-children::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.center-modal-children::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.center-modal-children::-webkit-scrollbar-thumb:hover{background:#a8a8a8}[data-theme=dark] .center-modal-overlay{background-color:#000000bf}[data-theme=dark] .center-modal-content{background:#1e1e1e;box-shadow:0 10px 40px #0009}[data-theme=dark] .center-modal-close{background:#2a2a2a;color:#888}[data-theme=dark] .center-modal-close:hover{background:#333;color:#f0f0f0}[data-theme=dark] .center-modal-children::-webkit-scrollbar-track{background:#1e1e1e}[data-theme=dark] .center-modal-children::-webkit-scrollbar-thumb{background:#3a3a3a}[data-theme=dark] .center-modal-children{background:#1e1e1e;color:#e0e0e0}.shi-card{background:#fff;border:1px solid #e8e8e8;border-radius:12px;padding:18px 20px;display:flex;flex-direction:column;gap:14px}.si-label-text{display:block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#888;margin-bottom:3px}.si-value-text{display:block;font-size:13px;font-weight:600;color:#111;word-break:break-word}.si-link-text{display:block;font-size:13px;font-weight:600;color:#111;text-decoration:underline;text-underline-offset:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.si-link-text:hover{color:#374151}.shi-resource-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.shi-bio-content{font-size:14px;color:#374151;line-height:.8;word-break:break-word}.shi-bio-content p{margin:0 0 10px}.shi-bio-content ul,.shi-bio-content ol{padding-left:20px;margin:8px 0}.shi-bio-content li{margin:4px 0}.shi-bio-content strong,.shi-bio-content b{font-weight:700;color:#111}.shi-empty{padding:56px 20px;text-align:center;background:#f7f7f7;border:1px dashed #e8e8e8;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:12px}.shi-empty-icon{color:#ccc}.shi-empty p{margin:0;font-size:13px;font-weight:600;color:#888}.shi-resource-list{display:flex;flex-direction:column;gap:10px}.shi-resource-card{background:#fff;border:1px solid #e8e8e8;border-radius:12px;padding:14px 16px;display:flex;align-items:flex-start;gap:14px;transition:box-shadow .15s}.shi-resource-card:hover{box-shadow:0 2px 10px #0000000f}.shi-resource-icon{width:40px;height:40px;border-radius:10px;background:#f4f4f4;display:flex;align-items:center;justify-content:center;color:#888;flex-shrink:0}.shi-resource-info{flex:1;min-width:0}.shi-resource-name{margin:0 0 3px;font-weight:700;font-size:14px;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shi-resource-meta{margin:0 0 4px;font-size:12px;color:#888}.shi-resource-desc{margin:0;font-size:13px;color:#555;line-height:1.5}.shi-download-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:8px;border:1px solid #e8e8e8;background:#f4f4f4;font-size:12px;font-weight:700;color:#111;text-decoration:none;flex-shrink:0;transition:background .15s,color .15s,border-color .15s}.shi-download-btn:hover{background:#111;color:#fff;border-color:#111}.shi-gallery-grid{columns:4 180px;gap:12px}.shi-gallery-item{break-inside:avoid;margin-bottom:12px;border-radius:10px;overflow:hidden;cursor:pointer;background:#f4f4f4;border:1px solid #e8e8e8;transition:transform .15s,box-shadow .15s}.shi-gallery-item:hover{transform:scale(1.02);box-shadow:0 4px 16px #0000001a}.shi-gallery-img{width:100%;display:block}.shi-gallery-caption{margin:0;padding:6px 10px;font-size:12px;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#fff;border-top:1px solid #f0f0f0}.shi-pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:20px}.shi-page-info{font-size:13px;font-weight:600;color:#888}.shi-lightbox{text-align:center;padding:20px}.shi-lightbox-img{max-width:100%;max-height:70vh;border-radius:10px;object-fit:contain;display:block;margin:0 auto}.shi-lightbox-caption{margin:12px 0 8px;font-size:14px;color:#374151}.shi-social-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.shi-social-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid #e8e8e8;background:#f7f7f7;text-decoration:none;color:inherit}.shi-social-platform{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#111}.shi-social-handle{font-size:12px;font-weight:600;color:#555}@media(max-width:640px){.shi-resource-grid{grid-template-columns:1fr}.shi-gallery-grid{columns:2 140px}}[data-theme=dark] .shi-card{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .si-value-text,[data-theme=dark] .si-link-text{color:#f0f0f0}[data-theme=dark] .si-link-text:hover,[data-theme=dark] .shi-bio-content{color:#ccc}[data-theme=dark] .shi-bio-content strong,[data-theme=dark] .shi-bio-content b{color:#f0f0f0}[data-theme=dark] .shi-empty{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .shi-empty p{color:#555}[data-theme=dark] .shi-resource-card{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .shi-resource-icon{background:#252525;color:#555}[data-theme=dark] .shi-resource-name{color:#f0f0f0}[data-theme=dark] .shi-resource-meta{color:#555}[data-theme=dark] .shi-resource-desc{color:#888}[data-theme=dark] .shi-download-btn{background:#252525;border-color:#3a3a3a;color:#e0e0e0}[data-theme=dark] .shi-download-btn:hover{background:#f0f0f0;color:#111;border-color:#f0f0f0}[data-theme=dark] .shi-gallery-item{background:#252525;border-color:#2a2a2a}[data-theme=dark] .shi-gallery-caption{background:#1e1e1e;border-top-color:#2a2a2a;color:#555}[data-theme=dark] .shi-page-info{color:#555}[data-theme=dark] .shi-lightbox-caption{color:#ccc}[data-theme=dark] .shi-social-chip{background:#252525;border-color:#2a2a2a}[data-theme=dark] .shi-social-platform{color:#f0f0f0}[data-theme=dark] .shi-social-handle{color:#ccc}.seb-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 16px;background:linear-gradient(90deg,#7f1d1d,#b91c1c 42%,#111);color:#fff;border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;z-index:30;width:100%;box-sizing:border-box}.seb-left{display:flex;align-items:flex-start;gap:10px;min-width:0;flex:1}.seb-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:#ffffff24;flex-shrink:0;margin-top:1px;color:#fecaca}.seb-text{display:flex;flex-direction:column;gap:2px;min-width:0}.seb-text strong{font-size:13px;font-weight:700;letter-spacing:-.01em;color:#fff1f2}.seb-text span{font-size:12px;line-height:1.45;color:#fff1f2c7}.seb-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.seb-btn{display:inline-flex;align-items:center;gap:6px;border:none;border-radius:8px;padding:8px 12px;background:#fff;color:#7f1d1d;font-size:12px;font-weight:700;cursor:pointer}.seb-btn:hover{background:#fee2e2}.seb-hint{font-size:12px;color:#fff1f2bf}@media(max-width:720px){.seb-banner{padding:10px 12px}.seb-text span{font-size:11px}}.sft_topbar{position:fixed;top:0;display:flex;height:52px;width:100vw;align-items:center;justify-content:space-between;padding:0 18px;background:#fff;border-bottom:1px solid #e5e7eb;z-index:10000;box-sizing:border-box;gap:12px;overflow:visible}.sft_left{display:flex;align-items:center;gap:14px;flex-shrink:0}.sft_menu_btn{display:none;background:none;border:1px solid #e5e7eb;border-radius:8px;font-size:16px;cursor:pointer;padding:5px 8px;color:#374151;line-height:1;transition:background .15s}.sft_menu_btn:hover{background:#f3f4f6}.sft_brand{display:flex;align-items:center;gap:8px}.sft_brand_icon{width:28px;height:28px;background:transparent;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.sft_brand_icon img{width:100%;height:100%;object-fit:contain;display:block}.sft_brand_text{font-size:15px;font-weight:800;color:#111;letter-spacing:-.4px}.sft_brand_divider{width:1px;height:20px;background:#e5e7eb;flex-shrink:0}.sft_school_brand{display:flex;align-items:center;gap:7px;min-width:0}.sft_school_logo{width:22px;height:22px;border-radius:5px;object-fit:cover;flex-shrink:0}.sft_school_logo_fallback{width:22px;height:22px;border-radius:5px;background:#f3f4f6;border:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sft_center{flex:1;display:flex;justify-content:center;overflow:hidden}.sft_session_pill{display:flex;align-items:center;gap:7px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:20px;padding:5px 14px;font-size:13px;max-width:400px;overflow:hidden}.sft_session_name{font-weight:600;color:#065f46;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sft_session_sep{color:#9ca3af}.sft_subsession_name{color:#047857;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sft_active_dot{width:7px;height:7px;border-radius:50%;background:#10b981;flex-shrink:0;animation:sftPulse 2s infinite}@keyframes sftPulse{0%,to{opacity:1}50%{opacity:.4}}.sft_no_session{font-size:12px;color:#9ca3af}.sft_right{display:flex;align-items:center;gap:8px;flex-shrink:0;overflow:visible;position:relative;z-index:10001}.sft_icon_btn{width:34px;height:34px;border-radius:9px;background:#fff;border:1px solid #e5e7eb;color:#555;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s,box-shadow .15s;flex-shrink:0}.sft_icon_btn:hover{background:#f4f4f4;border-color:#d1d5db;box-shadow:0 2px 6px #00000012}.sft_profile_wrapper{position:relative}.sft_avatar_btn{width:34px;height:34px;border-radius:9px;background:#111;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:box-shadow .2s,opacity .15s}.sft_avatar_btn:hover{opacity:.88;box-shadow:0 0 0 3px #0000001f}.sft_avatar_initials{color:#fff;font-size:12px;font-weight:700;letter-spacing:.5px}.sft_avatar_img{width:100%;height:100%;object-fit:cover}.sft_dropdown{position:absolute;top:calc(100% + 10px);right:0;width:300px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 8px 32px #0000001f;z-index:99999;overflow:hidden;animation:sftDropIn .15s ease}@keyframes sftDropIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.sft_pd_header{display:flex;align-items:center;gap:14px;padding:18px 16px 14px;background-color:#111;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23noise)' opacity='0.09'/%3E%3C/svg%3E");background-repeat:repeat;background-size:150px 150px;border-bottom:1px solid #2a2a2a;position:relative;overflow:hidden}.sft_pd_header:before{content:"";position:absolute;width:70px;height:70px;border-radius:12px;border:2px solid rgba(255,255,255,.1);top:-28px;right:20px;transform:rotate(20deg);pointer-events:none;box-shadow:36px 36px 0 0 transparent,36px 36px 0 2px #ffffff0f}.sft_pd_header:after{content:"";position:absolute;width:44px;height:44px;border-radius:8px;background:#ffffff0a;border:1.5px solid rgba(255,255,255,.08);bottom:-16px;right:60px;transform:rotate(35deg);pointer-events:none}.sft_pd_avatar_large{width:46px;height:46px;border-radius:10px;background:#fff;color:#111;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:1}.sft_pd_header_info{flex:1;min-width:0;position:relative;z-index:1}.sft_pd_name{margin:0 0 2px;font-size:14px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sft_pd_email{margin:0 0 6px;font-size:11px;color:#ffffff80;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sft_pd_badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:20px;font-size:10px;font-weight:700;background:#ffffff26;color:#fff}.sft_pd_divider{height:1px;background:#f3f4f6}.sft_pd_section{padding:12px 16px}.sft_pd_section_label{font-size:10px;font-weight:700;color:#aaa;text-transform:uppercase;letter-spacing:.6px;margin-bottom:8px}.sft_pd_row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.sft_pd_school_name{font-size:13px;font-weight:600;color:#374151}.sft_pd_meta{margin:2px 0;font-size:11px;color:#888;padding-left:22px}.sft_pd_actions{padding:8px 16px 12px}.sft_pd_action_btn{width:100%;display:flex;align-items:center;gap:8px;padding:9px 12px;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s;background:none;color:#374151}.sft_pd_action_btn:hover{background:#f4f4f4}.sft_pd_action_btn.danger{color:#dc2626}.sft_pd_action_btn.danger:hover{background:#fef2f2}@media(max-width:1200px){.sft_menu_btn{display:flex}}@media(max-width:768px){.sft_center,.sft_brand_text,.sft_brand_divider,.sft_school_name{display:none}}[data-theme=dark] .sft_topbar{background-color:#1a1a1a;border-bottom-color:#2e2e2e}[data-theme=dark] .sft_brand_text{color:#f0f0f0}[data-theme=dark] .sft_brand_icon{background:transparent}[data-theme=dark] .sft_brand_divider{background:#2e2e2e}[data-theme=dark] .sft_school_name{color:#d1d5db}[data-theme=dark] .sft_school_logo_fallback{background:#252525;border-color:#3a3a3a}[data-theme=dark] .sft_menu_btn{border-color:#3a3a3a;color:#ccc}[data-theme=dark] .sft_menu_btn:hover{background:#2a2a2a}[data-theme=dark] .sft_session_pill{background:#0a2a1e;border-color:#134e35}[data-theme=dark] .sft_session_name{color:#6ee7b7}[data-theme=dark] .sft_subsession_name{color:#34d399}[data-theme=dark] .sft_icon_btn{background:#252525;border-color:#3a3a3a;color:#aaa}[data-theme=dark] .sft_icon_btn:hover{background:#333;border-color:#555;color:#f0f0f0}[data-theme=dark] .sft_icon_btn svg path,[data-theme=dark] .sft_icon_btn svg circle,[data-theme=dark] .sft_icon_btn svg rect{stroke:#ccc;fill:none}[data-theme=dark] .sft_icon_btn svg [fill="#111111"]{fill:#ccc}[data-theme=dark] .sft_avatar_btn{background:#f0f0f0}[data-theme=dark] .sft_avatar_initials{color:#111}[data-theme=dark] .sft_dropdown{background:#1e1e1e;border-color:#2e2e2e;box-shadow:0 8px 32px #0006}[data-theme=dark] .sft_pd_header{background-color:#111;border-bottom-color:#2a2a2a}[data-theme=dark] .sft_pd_avatar_large{background:#f0f0f0;color:#111}[data-theme=dark] .sft_pd_divider{background:#2a2a2a}[data-theme=dark] .sft_pd_section_label{color:#555}[data-theme=dark] .sft_pd_school_name{color:#e0e0e0}[data-theme=dark] .sft_pd_meta{color:#666}[data-theme=dark] .sft_pd_action_btn{color:#ccc}[data-theme=dark] .sft_pd_action_btn:hover{background:#2a2a2a}[data-theme=dark] .sft_pd_action_btn.danger{color:#f87171}[data-theme=dark] .sft_pd_action_btn.danger:hover{background:#2a1a1a}.sft_bell_btn{position:relative}.sft_bell_badge{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;line-height:16px;text-align:center;pointer-events:none}@keyframes sft_bell_shake{0%{transform:rotate(0)}15%{transform:rotate(18deg)}30%{transform:rotate(-16deg)}45%{transform:rotate(12deg)}60%{transform:rotate(-10deg)}75%{transform:rotate(6deg)}90%{transform:rotate(-4deg)}to{transform:rotate(0)}}.sft_bell_shake{animation:sft_bell_shake .82s cubic-bezier(.36,.07,.19,.97)}[data-theme=dark] .sft_bell_badge{background:#dc2626;box-shadow:0 0 0 2px #1a1a1a}.sft_brand_divider{width:1px;height:22px;background:#e5e7eb;flex-shrink:0}.sft_school_brand{display:flex;align-items:center;gap:8px;min-width:0}.sft_school_logo{width:26px;height:26px;border-radius:6px;object-fit:cover;border:1px solid #e5e7eb;flex-shrink:0}.sft_school_logo_fallback{width:26px;height:26px;border-radius:6px;background:#f3f4f6;border:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sft_school_name{font-size:13px;font-weight:600;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}[data-theme=dark] .sft_brand_divider{background:#3a3a3a}[data-theme=dark] .sft_school_name{color:#ccc}[data-theme=dark] .sft_school_logo{border-color:#3a3a3a}[data-theme=dark] .sft_school_logo_fallback{background:#2a2a2a;border-color:#3a3a3a}.st_switch_btn{width:100%;display:flex;align-items:center;gap:8px;padding:8px 0;background:none;border:none;cursor:pointer;border-radius:6px;transition:background .12s;color:#374151;text-align:left}.st_switch_btn:hover{background:#f4f4f4;padding-left:4px}.st_switch_btn.active{color:#111}.st_switch_info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.st_switch_name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.st_switch_class{font-size:11px;color:#888}.st_switch_dot{width:7px;height:7px;border-radius:50%;background:#10b981;flex-shrink:0}[data-theme=dark] .st_switch_btn{color:#ccc}[data-theme=dark] .st_switch_btn:hover{background:#2a2a2a}[data-theme=dark] .st_switch_btn.active{color:#f0f0f0}[data-theme=dark] .st_switch_class{color:#555}.sft_breadcrumb{display:flex;align-items:center;gap:4px;overflow:hidden}.sft_breadcrumb_item{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:600;color:#374151;white-space:nowrap}.sft_breadcrumb_item:last-child{color:#111;font-weight:700}.sft_breadcrumb_sep{font-size:14px;color:#9ca3af;font-weight:400}[data-theme=dark] .sft_breadcrumb_item{color:#888}[data-theme=dark] .sft_breadcrumb_item:last-child{color:#f0f0f0}[data-theme=dark] .sft_breadcrumb_sep{color:#3a3a3a}.sl-container{padding:0}.sl-header{display:flex;align-items:baseline;gap:10px;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid #e8e8e8}.sl-title{margin:0;font-size:16px;font-weight:800;color:#111;letter-spacing:-.01em}.sl-subtitle{margin:0;font-size:12px;color:#888;font-weight:600}.sl-empty{padding:56px 20px;text-align:center;background:#f7f7f7;border:1px dashed #e8e8e8;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:12px}.sl-empty-icon{color:#ccc}.sl-empty p{margin:0;font-size:13px;font-weight:600;color:#888}.sl-sessions{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px}.sl-session{background:#fff;border:1px solid #e8e8e8;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .15s,transform .15s}.sl-session:hover{box-shadow:0 4px 20px #00000012;transform:translateY(-2px)}.sl-session-current{border-color:#111}.sl-session-header{display:flex;align-items:center;gap:12px;padding:18px 20px;background:#f7f7f7;border-bottom:1px solid #e8e8e8}.sl-session-icon{width:36px;height:36px;border-radius:8px;background:#111;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sl-session-info{flex:1;min-width:0}.sl-session-name-row{display:flex;align-items:center;gap:8px}.sl-session-name{margin:0;font-size:14px;font-weight:800;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sl-current-dot{width:8px;height:8px;border-radius:50%;background:#10b981;flex-shrink:0;animation:slPulse 2s infinite}@keyframes slPulse{0%,to{opacity:1}50%{opacity:.4}}.sl-session-dates{margin:2px 0 0;font-size:11px;color:#888;font-weight:600}.sl-status{padding:3px 10px;border-radius:20px;font-size:10px;font-weight:800;text-transform:capitalize;flex-shrink:0}.sl-status-active{background:#dcfce7;color:#166534}.sl-status-draft{background:#f0f0f0;color:#555}.sl-status-completed{background:#dbeafe;color:#1e40af}.sl-status-archived{background:#fecaca;color:#991b1b}.sl-subsessions{display:flex;flex-direction:column;gap:8px;padding:14px;flex:1}.sl-sub{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;gap:12px;background:#f7f7f7;border:1px solid #eeeeee;border-radius:10px;cursor:pointer;text-align:left;width:100%;transition:background .12s,border-color .12s;color:#111}.sl-sub:last-child{border-bottom:none}.sl-sub:hover{background:#efefef;border-color:#d0d0d0}.sl-sub-active{background:#f0fdf4;border-color:#bbf7d0}.sl-sub-active:hover{background:#dcfce7}.sl-sub-left{display:flex;flex-direction:column;gap:2px}.sl-sub-name{font-size:13px;font-weight:700;color:#111}.sl-sub-dates{font-size:11px;color:#888;font-weight:500}.sl-sub-right{display:flex;align-items:center;gap:6px;color:#888}.sl-sub-dot{width:7px;height:7px;border-radius:50%;background:#10b981;flex-shrink:0}.sl-no-subs{padding:12px 16px;font-size:12px;color:#aaa;font-weight:600;margin:0}[data-theme=dark] .sl-header{border-bottom-color:#2a2a2a}[data-theme=dark] .sl-title{color:#f0f0f0}[data-theme=dark] .sl-empty{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .sl-empty p{color:#555}[data-theme=dark] .sl-session{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .sl-session:hover{box-shadow:0 4px 20px #0000004d}[data-theme=dark] .sl-session-current{border-color:#555}[data-theme=dark] .sl-session-header{background:#252525;border-bottom-color:#2a2a2a}[data-theme=dark] .sl-session-icon{background:#f0f0f0;color:#111}[data-theme=dark] .sl-session-name{color:#f0f0f0}[data-theme=dark] .sl-session-dates{color:#555}[data-theme=dark] .sl-status-draft{background:#252525;color:#888}[data-theme=dark] .sl-sub{color:#e0e0e0;background:#252525;border-color:#2a2a2a}[data-theme=dark] .sl-sub:hover{background:#2e2e2e;border-color:#3a3a3a}[data-theme=dark] .sl-sub-active{background:#052e16}[data-theme=dark] .sl-sub-active:hover{background:#064e24}[data-theme=dark] .sl-sub-name{color:#f0f0f0}[data-theme=dark] .sl-sub-dates,[data-theme=dark] .sl-sub-right,[data-theme=dark] .sl-no-subs{color:#555}.rpt-not-published{display:flex;align-items:flex-start;gap:14px;padding:20px;background:#fef9c3;border:1px solid #fde68a;border-left:4px solid #f59e0b;border-radius:12px;color:#92400e}.rpt-np-title{margin:0 0 4px;font-size:14px;font-weight:800;color:#92400e}.rpt-np-sub{margin:0;font-size:13px;color:#b45309;line-height:1.5}.rpt-preview-wrap{background:#fff;border:1px solid #e8e8e8;border-radius:12px;overflow:hidden}.rpt-error{padding:20px;background:#fff0f0;border:1px solid #fca5a5;border-radius:12px;font-size:13px;font-weight:600;color:#c33}[data-theme=dark] .rpt-not-published{background:#1c1200;border-color:#3a2a00;border-left-color:#f59e0b;color:#fcd34d}[data-theme=dark] .rpt-np-title{color:#fcd34d}[data-theme=dark] .rpt-np-sub{color:#d97706}[data-theme=dark] .rpt-preview-wrap{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .rpt-error{background:#2a1a1a;border-color:#3a2a2a;color:#f87171}.cs-subjects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.cs-subject-card{background:#fff;border:1px solid #e8e8e8;border-radius:12px;padding:16px;cursor:pointer;display:flex;flex-direction:column;gap:10px;transition:box-shadow .15s,border-color .15s}.cs-subject-card:hover{box-shadow:0 4px 14px #00000012;border-color:#ccc}.cs-subject-card-header{display:flex;align-items:center;gap:10px}.cs-subject-card-info{flex:1;min-width:0}.cs-subject-teacher{display:flex;align-items:center;gap:6px;font-size:12px;color:#888;margin:0}.cs-subject-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:8px;border-top:1px solid #f0f0f0}.cs-subject-books{display:flex;align-items:center;gap:5px;font-size:12px;color:#888;font-weight:600}[data-theme=dark] .cs-subject-card{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .cs-subject-card:hover{box-shadow:0 4px 14px #0000004d;border-color:#3a3a3a}[data-theme=dark] .cs-subject-teacher{color:#555}[data-theme=dark] .cs-subject-card-footer{border-top-color:#2a2a2a}[data-theme=dark] .cs-subject-books{color:#555}.rsi-wrap{display:flex;flex-direction:column;gap:20px}.rsi-topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding-bottom:20px;border-bottom:1px solid #e8e8e8}.rsi-topbar-left{display:flex;gap:8px;flex-wrap:wrap}.rsi-topbar-right{display:flex;gap:8px;align-items:center}.rsi-stat-pill{display:flex;align-items:center;gap:6px;padding:5px 12px;background:#f7f7f7;border:1px solid #e8e8e8;border-radius:20px;font-size:12px}.rsi-stat-label{color:#888;font-weight:600}.rsi-stat-value{color:#111;font-weight:800}.rsi-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:8px;border:1px solid transparent;font-size:12px;font-weight:700;cursor:pointer;transition:background .15s,border-color .15s}.rsi-btn-outline{background:#fff;border-color:#e8e8e8;color:#111}.rsi-btn-outline:hover{background:#f7f7f7}.rsi-btn-create{background:#111;color:#fff;border-color:#111}.rsi-btn-create:hover{background:#333}.rsi-btn-create:disabled{opacity:.5;cursor:not-allowed}.rsi-btn-published{background:#f0fdf4;color:#16a34a;border-color:#bbf7d0}.rsi-btn-unpublished{background:#f7f7f7;color:#888;border-color:#e8e8e8}.rsi-dot{width:7px;height:7px;border-radius:50%;display:inline-block;flex-shrink:0}.rsi-dot-green{background:#22c55e}.rsi-dot-grey{background:#ccc}.rsi-notice{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fffbeb;border:1px solid #fde68a;border-left:3px solid #f59e0b;border-radius:10px;color:#854d0e;font-size:13px;font-weight:600;line-height:1.5}.rsi-section{background:#fff;border:1px solid #e8e8e8;border-radius:14px;overflow:hidden}.rsi-section-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:#f7f7f7;border-bottom:1px solid #e8e8e8}.rsi-section-title{font-size:12px;font-weight:800;color:#111;text-transform:uppercase;letter-spacing:.06em}.rsi-section-sub{font-size:11px;color:#888;font-weight:600}.rsi-table-wrap{overflow-x:auto}.rsi-table{width:100%;border-collapse:collapse;min-width:520px;font-size:13px}.rsi-table thead tr{background:#fafafa}.rsi-table th{padding:10px 16px;text-align:left;font-size:10px;font-weight:700;color:#888;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;border-bottom:1px solid #e8e8e8}.rsi-th-max{color:#ccc;font-weight:500}.rsi-table tbody tr{border-top:1px solid #f0f0f0;cursor:pointer;transition:background .1s}.rsi-table tbody tr:hover{background:#f7f7f7}.rsi-table td{padding:11px 16px;color:#555;vertical-align:middle}.rsi-subject-cell{font-weight:700;color:#111!important}.rsi-score-cell{text-align:center}.rsi-pos-cell{text-align:center;font-size:12px;color:#888!important}.rsi-total-cell{font-weight:800;color:#111!important;text-align:center}.rsi-grade-badge{display:inline-block;padding:2px 10px;border-radius:20px;background:#f0f0f0;color:#111;font-size:11px;font-weight:800;letter-spacing:.04em}.rsi-trait-badge{display:inline-block;padding:2px 10px;border-radius:20px;background:#f0fdf4;color:#16a34a;font-size:11px;font-weight:700}.rsi-empty{color:#ccc;font-style:italic;font-size:12px}.rsi-tfoot{background:#f7f7f7;border-top:2px solid #e8e8e8}.rsi-tfoot-label{text-align:right;font-weight:700;font-size:11px;color:#888;text-transform:uppercase;letter-spacing:.05em;padding:10px 16px}.rsi-tfoot-val{font-weight:800;color:#111;font-size:15px;text-align:center;padding:10px 16px}.rsi-remarks-row{display:flex;gap:16px}.rsi-remark-card{flex:1;background:#fff;border:1px solid #e8e8e8;border-radius:14px;overflow:hidden}.rsi-remark-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f7f7f7;border-bottom:1px solid #e8e8e8}.rsi-remark-title{font-size:10px;font-weight:800;color:#111;text-transform:uppercase;letter-spacing:.07em}.rsi-edit-btn{padding:4px 10px;border-radius:6px;border:1px solid #e8e8e8;background:#fff;color:#111;font-size:11px;font-weight:700;cursor:pointer;transition:background .15s}.rsi-edit-btn:hover{background:#f0f0f0}.rsi-remark-text{margin:0;padding:14px 16px;font-size:13px;color:#333;line-height:1.6}.rsi-remark-empty{color:#ccc;font-style:italic}.rsi-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding:32px 16px;overflow-y:auto}.rsi-modal{background:#fff;border-radius:16px;width:100%;max-width:820px;box-shadow:0 24px 60px #0003;display:flex;flex-direction:column;overflow:hidden}.rsi-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#111;position:sticky;top:0;z-index:1}.rsi-modal-title{font-size:13px;font-weight:800;color:#fff;letter-spacing:-.01em}.rsi-modal-close{width:28px;height:28px;border-radius:6px;border:1px solid rgba(255,255,255,.18);background:#ffffff1a;color:#fff;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.rsi-modal-close:hover{background:#fff3}.rsi-modal-body{padding:20px;overflow-y:auto}.rsi-panel-body{display:flex;flex-direction:column;height:100%;overflow:hidden;background:#fff}.rsi-panel-title{margin:0;padding:22px 24px 20px;font-size:14px;font-weight:800;color:#fff;background:#111;letter-spacing:-.01em;flex-shrink:0;position:relative;overflow:hidden}.rsi-panel-title:before{content:"";position:absolute;width:100px;height:100px;border-radius:50%;border:16px solid rgba(255,255,255,.05);top:-36px;right:-20px;pointer-events:none}.rsi-panel-fields{flex:1;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:14px}.rsi-panel-fields::-webkit-scrollbar{width:3px}.rsi-panel-fields::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:2px}.rsi-field-row{display:flex;flex-direction:column;gap:5px}.rsi-field-label{font-size:10px;font-weight:700;color:#888;text-transform:uppercase;letter-spacing:.07em}.rsi-field-max{color:#ccc;font-weight:400;text-transform:none}.rsi-input,.rsi-select,.rsi-textarea{padding:9px 12px;border-radius:8px;border:1px solid #e8e8e8;font-size:13px;font-weight:500;color:#111;background:#fafafa;width:100%;box-sizing:border-box;outline:none;transition:border-color .15s,background .15s;font-family:inherit}.rsi-input:focus,.rsi-select:focus,.rsi-textarea:focus{border-color:#111;background:#fff}.rsi-input-error{border-color:#ef4444!important;background:#fff5f5!important}.rsi-error-msg{margin:0;font-size:11px;color:#ef4444;font-weight:600}.rsi-textarea{resize:vertical;line-height:1.6}.rsi-panel-actions{display:flex;gap:10px;justify-content:flex-end;padding:14px 24px;border-top:1px solid #e8e8e8;background:#f7f7f7;flex-shrink:0}.rsi-publish-checklist{display:flex;flex-direction:column;border:1px solid #e8e8e8;border-radius:10px;overflow:hidden}.rsi-checklist-item{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid #f0f0f0;background:#fff}.rsi-checklist-item:last-child{border-bottom:none}.rsi-check-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.rsi-check-dot.green{background:#22c55e}.rsi-check-dot.grey{background:#ccc}.rsi-check-dot.red{background:#ef4444}.rsi-check-label{font-size:12px;font-weight:700;color:#555;flex:1}.rsi-check-val{font-size:12px;font-weight:600;color:#111}.rsi-status-green{color:#16a34a;font-weight:700}.rsi-status-grey{color:#aaa;font-weight:600}.rsi-status-red{color:#dc2626;font-weight:700}.rsi-btn-danger{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:8px;border:1px solid #fca5a5;background:#fef2f2;color:#dc2626;font-size:12px;font-weight:700;cursor:pointer;transition:background .15s}.rsi-btn-danger:hover{background:#fee2e2}.rsi-btn-danger:disabled{opacity:.5;cursor:not-allowed}.rsi-panel-desc{margin:0;font-size:12px;font-weight:600;color:#888;line-height:1.6;padding:2px 0 4px}.rsi-panel-warn{margin:0;font-size:12px;font-weight:700;color:#d97706;padding:10px 14px;background:#fffbeb;border:1px solid #fde68a;border-radius:8px}.rsi-panel-error{margin:0;font-size:12px;font-weight:700;color:#dc2626}.rsi-subject-list{display:flex;flex-direction:column;gap:6px}.rsi-subject-item{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:10px;cursor:pointer;border:1px solid #e8e8e8;background:#fafafa;transition:border-color .15s,background .15s;-webkit-user-select:none;user-select:none}.rsi-subject-item:hover{background:#f0f0f0;border-color:#ccc}.rsi-subject-item.checked{border-color:#86efac;background:#f0fdf4}.rsi-subject-checkbox{width:15px;height:15px;cursor:pointer;accent-color:#111111;flex-shrink:0}.rsi-subject-name{font-size:13px;font-weight:700;color:#111;flex:1}.rsi-subject-code{font-size:11px;font-weight:600;color:#aaa;background:#f0f0f0;padding:2px 8px;border-radius:20px;flex-shrink:0}[data-theme=dark] .rsi-panel-desc{color:#555}[data-theme=dark] .rsi-panel-warn{background:#1c1200;border-color:#3a2a00;color:#fcd34d}[data-theme=dark] .rsi-subject-item{background:#252525;border-color:#3a3a3a}[data-theme=dark] .rsi-subject-item:hover{background:#2a2a2a;border-color:#4a4a4a}[data-theme=dark] .rsi-subject-item.checked{background:#052e16;border-color:#166534}[data-theme=dark] .rsi-subject-name{color:#e0e0e0}[data-theme=dark] .rsi-subject-code{background:#2a2a2a;color:#555}@media(max-width:640px){.rsi-remarks-row{flex-direction:column}.rsi-topbar{flex-direction:column;align-items:flex-start}.rsi-section-remarks-row{flex-direction:column}}.rsi-section-remarks-row{display:flex;gap:16px;align-items:flex-start}.rsi-section-remarks-row .rsi-section{flex:1;min-width:0}.rsi-section-remarks-row .rsi-remarks-row{flex-direction:column;flex:1;gap:12px}[data-theme=dark] .rsi-topbar{border-bottom-color:#2a2a2a}[data-theme=dark] .rsi-stat-pill{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .rsi-stat-label{color:#555}[data-theme=dark] .rsi-stat-value{color:#f0f0f0}[data-theme=dark] .rsi-btn-outline{background:#1e1e1e;border-color:#2a2a2a;color:#e0e0e0}[data-theme=dark] .rsi-btn-outline:hover{background:#2a2a2a}[data-theme=dark] .rsi-btn-create{background:#f0f0f0;color:#111;border-color:#f0f0f0}[data-theme=dark] .rsi-btn-create:hover{background:#fff}[data-theme=dark] .rsi-btn-unpublished{background:#1e1e1e;color:#555;border-color:#2a2a2a}[data-theme=dark] .rsi-notice{background:#1c1200;border-color:#3a2a00;border-left-color:#f59e0b;color:#fcd34d}[data-theme=dark] .rsi-section{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .rsi-section-header{background:#252525;border-bottom-color:#2a2a2a}[data-theme=dark] .rsi-section-title{color:#f0f0f0}[data-theme=dark] .rsi-section-sub{color:#555}[data-theme=dark] .rsi-table thead tr{background:#252525}[data-theme=dark] .rsi-table th{color:#555;border-bottom-color:#2a2a2a}[data-theme=dark] .rsi-table tbody tr{border-top-color:#2a2a2a}[data-theme=dark] .rsi-table tbody tr:hover{background:#252525}[data-theme=dark] .rsi-table td{color:#888}[data-theme=dark] .rsi-subject-cell{color:#e0e0e0!important}[data-theme=dark] .rsi-total-cell{color:#f0f0f0!important}[data-theme=dark] .rsi-grade-badge{background:#2a2a2a;color:#e0e0e0}[data-theme=dark] .rsi-tfoot{background:#252525;border-top-color:#2a2a2a}[data-theme=dark] .rsi-tfoot-label{color:#555}[data-theme=dark] .rsi-tfoot-val{color:#f0f0f0}[data-theme=dark] .rsi-empty{color:#3a3a3a}[data-theme=dark] .rsi-remark-card{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .rsi-remark-header{background:#252525;border-bottom-color:#2a2a2a}[data-theme=dark] .rsi-remark-title{color:#f0f0f0}[data-theme=dark] .rsi-edit-btn{background:#1e1e1e;border-color:#2a2a2a;color:#e0e0e0}[data-theme=dark] .rsi-edit-btn:hover{background:#2a2a2a}[data-theme=dark] .rsi-remark-text{color:#aaa}[data-theme=dark] .rsi-remark-empty{color:#3a3a3a}[data-theme=dark] .rsi-modal,[data-theme=dark] .rsi-modal-body,[data-theme=dark] .rsi-panel-body,[data-theme=dark] .rsi-panel-fields{background:#1a1a1a}[data-theme=dark] .rsi-panel-fields::-webkit-scrollbar-thumb{background:#2a2a2a}[data-theme=dark] .rsi-field-label{color:#555}[data-theme=dark] .rsi-input,[data-theme=dark] .rsi-select,[data-theme=dark] .rsi-textarea{background:#252525;border-color:#3a3a3a;color:#e0e0e0}[data-theme=dark] .rsi-input:focus,[data-theme=dark] .rsi-select:focus,[data-theme=dark] .rsi-textarea:focus{border-color:#f0f0f0;background:#2a2a2a}[data-theme=dark] .rsi-input-error{border-color:#ef4444!important;background:#2d0a0a!important}[data-theme=dark] .rsi-panel-actions{background:#1e1e1e;border-top-color:#2a2a2a}[data-theme=dark] .rsi-info-card{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .rsi-info-row,[data-theme=dark] .rsi-publish-hint{color:#555}[data-theme=dark] .rsi-status-red{color:#f87171}[data-theme=dark] .rsi-publish-checklist{border-color:#2a2a2a}[data-theme=dark] .rsi-checklist-item{background:#1e1e1e;border-bottom-color:#2a2a2a}[data-theme=dark] .rsi-check-label{color:#888}[data-theme=dark] .rsi-check-val{color:#e0e0e0}[data-theme=dark] .rsi-btn-danger{background:#2d0a0a;border-color:#991b1b;color:#f87171}[data-theme=dark] .rsi-btn-danger:hover{background:#3d1010}.rsi-editable-cell{cursor:default;position:relative;transition:background .1s;-webkit-user-select:none;user-select:none}.rsi-editable-cell:not(.rsi-cell-active):hover{background:#f0f7ff;outline:1px dashed #93c5fd;outline-offset:-2px;border-radius:4px;cursor:cell}.rsi-cell-active{background:#f8faff!important;padding:4px 8px!important}.rsi-inline-edit-wrap{display:flex;flex-direction:column;gap:2px}.rsi-inline-select{padding:5px 8px;border-radius:6px;border:2px solid #3b82f6;font-size:13px;font-weight:600;color:#111;background:#fff;outline:none;box-shadow:0 0 0 3px #3b82f626;cursor:pointer;min-width:160px}.rsi-cell-spinner{display:inline-block;width:10px;height:10px;border-radius:50%;border:2px solid #d1d5db;border-top-color:#3b82f6;animation:rsi-spin .6s linear infinite;flex-shrink:0}@keyframes rsi-spin{to{transform:rotate(360deg)}}[data-theme=dark] .rsi-editable-cell:not(.rsi-cell-active):hover{background:#0d1f3c;outline-color:#1d4ed8}[data-theme=dark] .rsi-cell-active{background:#111827!important}[data-theme=dark] .rsi-inline-input,[data-theme=dark] .rsi-inline-select{background:#1e1e1e;border-color:#3b82f6;color:#e0e0e0}.bill-summary-row{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.bill-summary-card{flex:1;min-width:120px;border-radius:12px;padding:14px 16px;border:1px solid transparent}.bill-sum-blue{background:#eff6ff;border-color:#bfdbfe}.bill-sum-green{background:#dcfce7;border-color:#bbf7d0}.bill-sum-red{background:#fecaca;border-color:#fca5a5}.bill-sum-value{margin:0 0 2px;font-size:18px;font-weight:800;color:#111}.bill-sum-label{margin:0;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#888}.bill-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.bill-card{background:#fff;border:1px solid #e8e8e8;border-radius:14px;padding:16px;cursor:pointer;display:flex;flex-direction:column;gap:10px;transition:box-shadow .15s,border-color .15s}.bill-card:hover{box-shadow:0 4px 14px #00000012;border-color:#ccc}.bill-card-top{display:flex;align-items:center;justify-content:space-between}.bill-card-icon{width:40px;height:40px;border-radius:10px;background:#f4f4f4;color:#888;display:flex;align-items:center;justify-content:center}.bill-card-name{margin:0 0 2px;font-size:14px;font-weight:800;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bill-card-cat{margin:0;font-size:12px;color:#888}.bill-card-amounts{display:flex;justify-content:space-between;align-items:flex-end;padding-top:10px;border-top:1px solid #f0f0f0}.bill-amount-label{margin:0 0 2px;font-size:10px;color:#aaa;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.bill-amount-due{margin:0;font-size:16px;font-weight:800;color:#111}.bill-amount-paid{margin:0;font-size:14px;font-weight:700;color:#166534}.bill-due-date{margin:0;font-size:11px;color:#aaa}.bill-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;text-transform:capitalize}.bill-badge-paid{background:#dcfce7;color:#166534}.bill-badge-partial{background:#fef3c7;color:#92400e}.bill-badge-unpaid{background:#fecaca;color:#991b1b}.bill-detail-amounts{display:flex;gap:8px;margin-bottom:14px}.bill-detail-amounts .bill-summary-card{flex:1;min-width:0;padding:10px}.bill-detail-amounts .bill-sum-value{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bill-desc{margin:0 0 14px;font-size:13px;color:#555;line-height:1.5}.bill-items-table{width:100%;border-collapse:collapse;margin-bottom:14px;font-size:13px}.bill-items-table thead th{text-align:left;padding:8px 12px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:#888;border-bottom:1px solid #e8e8e8;width:100%}.bill-items-table thead th:last-child{text-align:right}.bill-items-table tbody tr:nth-child(2n) td{background:#fafafa}.bill-items-table tbody td{padding:10px 12px;border-bottom:1px solid #f0f0f0;vertical-align:middle;color:#111;width:100%}.bill-items-table tbody td:last-child{text-align:right;font-weight:700;white-space:nowrap}.bill-item-name{display:block;font-weight:600;color:#111}.bill-item-desc{display:block;font-size:11px;color:#888;margin-top:2px}.bill-item-amount{font-weight:700;white-space:nowrap}.bill-items-table tfoot td{padding:10px 12px;font-size:13px;font-weight:800;color:#111;border-top:2px solid #e8e8e8;background:#f4f4f4;width:100%}.bill-item-total-val{text-align:right;white-space:nowrap}.bill-installment-info{background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;padding:12px 16px;margin-bottom:14px}.bill-installment-title{margin:0 0 8px;font-size:11px;font-weight:800;color:#1d4ed8;text-transform:uppercase;letter-spacing:.05em}.bill-installment-val{margin:0;font-size:14px;font-weight:700;color:#1d4ed8}.bill-pay-form{background:#f7f7f7;border:1px solid #e8e8e8;border-radius:10px;padding:16px;margin-bottom:14px;display:flex;flex-direction:column;gap:8px}.bill-pay-title{margin:0;font-size:13px;font-weight:700;color:#111}.bill-pay-error{margin:0;font-size:12px;font-weight:600;color:#c33}.bill-payment-row{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#f7f7f7;border:1px solid #e8e8e8;border-radius:8px;cursor:pointer;transition:background .12s}.bill-payment-row:hover{background:#f0f0f0}.bill-receipt{border:2px solid #e8e8e8;border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:14px}.bill-receipt-school{text-align:center;padding-bottom:14px;border-bottom:1px dashed #e8e8e8}.bill-receipt-logo{width:52px;height:52px;border-radius:10px;object-fit:cover;border:1px solid #e8e8e8;margin-bottom:8px}.bill-receipt-logo-ph{width:52px;height:52px;border-radius:10px;background:#f4f4f4;color:#888;display:flex;align-items:center;justify-content:center;margin:0 auto 8px}.bill-receipt-school-name{margin:0 0 2px;font-size:15px;font-weight:800;color:#111}.bill-receipt-school-addr{margin:0 0 6px;font-size:11px;color:#888}.bill-receipt-title{margin:4px 0 0;font-size:13px;font-weight:700;color:#374151}.bill-receipt-section{padding-bottom:12px;border-bottom:1px dashed #e8e8e8}.bill-receipt-section-label{margin:0 0 3px;font-size:10px;font-weight:700;color:#aaa;text-transform:uppercase;letter-spacing:.05em}.bill-receipt-section-value{margin:0;font-size:14px;font-weight:700;color:#111}.bill-receipt-row{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px solid #f7f7f7}.bill-receipt-row-label{font-size:12px;color:#888}.bill-receipt-row-value{font-size:12px;font-weight:700;color:#111}.bill-receipt-status{text-align:center;padding-top:8px}.bill-receipt-thanks{margin:0;font-size:11px;color:#aaa;text-align:center}@media(max-width:640px){.bill-grid{grid-template-columns:1fr}.bill-summary-row{flex-direction:column}}[data-theme=dark] .bill-sum-blue{background:#0f1e3a;border-color:#1e3a6e}[data-theme=dark] .bill-sum-green{background:#052e16;border-color:#166534}[data-theme=dark] .bill-sum-red{background:#2d0a0a;border-color:#991b1b}[data-theme=dark] .bill-sum-value{color:#f0f0f0}[data-theme=dark] .bill-card{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .bill-card:hover{box-shadow:0 4px 14px #0000004d;border-color:#3a3a3a}[data-theme=dark] .bill-card-icon{background:#252525;color:#555}[data-theme=dark] .bill-card-name{color:#f0f0f0}[data-theme=dark] .bill-card-cat{color:#555}[data-theme=dark] .bill-card-amounts{border-top-color:#2a2a2a}[data-theme=dark] .bill-amount-due{color:#f0f0f0}[data-theme=dark] .bill-items-table thead th{color:#555;border-bottom-color:#2a2a2a}[data-theme=dark] .bill-items-table tbody tr:nth-child(2n) td{background:#1a1a1a}[data-theme=dark] .bill-items-table tbody td{border-bottom-color:#2a2a2a;color:#f0f0f0}[data-theme=dark] .bill-item-name{color:#f0f0f0}[data-theme=dark] .bill-item-desc{color:#555}[data-theme=dark] .bill-items-table tfoot td{border-top-color:#2a2a2a;background:#252525;color:#f0f0f0}[data-theme=dark] .bill-installment-info{background:#0f1e3a;border-color:#1e3a6e}[data-theme=dark] .bill-pay-form{background:#252525;border-color:#2a2a2a}[data-theme=dark] .bill-pay-title{color:#f0f0f0}[data-theme=dark] .bill-payment-row{background:#252525;border-color:#2a2a2a}[data-theme=dark] .bill-payment-row:hover{background:#2a2a2a}[data-theme=dark] .bill-receipt{border-color:#2a2a2a}[data-theme=dark] .bill-receipt-school{border-bottom-color:#2a2a2a}[data-theme=dark] .bill-receipt-logo-ph{background:#252525;color:#555}[data-theme=dark] .bill-receipt-school-name{color:#f0f0f0}[data-theme=dark] .bill-receipt-section{border-bottom-color:#2a2a2a}[data-theme=dark] .bill-receipt-section-value{color:#f0f0f0}[data-theme=dark] .bill-receipt-row{border-bottom-color:#2a2a2a}[data-theme=dark] .bill-receipt-row-value{color:#f0f0f0}.bill-pay-coming-soon{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;background:#ffffffd1;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:16px}.bill-pay-coming-soon-badge{display:inline-block;padding:5px 14px;border-radius:20px;background:#111;color:#fff;font-size:12px;font-weight:800;letter-spacing:.04em}.bill-pay-coming-soon p{margin:0;font-size:13px;font-weight:600;color:#555}[data-theme=dark] .bill-pay-coming-soon{background:#141414d9}[data-theme=dark] .bill-pay-coming-soon-badge{background:#f0f0f0;color:#111}[data-theme=dark] .bill-pay-coming-soon p{color:#888}.mm-cert-wrap{max-width:100%}.mm-cert-header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:20px;border-bottom:1px solid #e8e8e8;margin-bottom:20px;gap:16px}.mm-cert-header-left{display:flex;flex-direction:column;gap:3px}.mm-cert-title{margin:0;font-size:20px;font-weight:800;color:#111;letter-spacing:-.02em}.mm-cert-subtitle{margin:0;font-size:12px;color:#888;font-weight:600}.mm-cert-loading{padding:40px;text-align:center;color:#888;font-size:13px}.mm-cert-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:60px 20px;text-align:center;background:#f7f7f7;border:1px solid #e8e8e8;border-radius:12px}.mm-cert-empty-icon{width:56px;height:56px;border-radius:14px;background:#f0f0f0;color:#888;display:flex;align-items:center;justify-content:center}.mm-cert-empty h3{margin:0;font-size:15px;font-weight:800;color:#111}.mm-cert-empty p{margin:0;font-size:13px;color:#888}.mm-cert-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.mm-cert-card{background:#fff;border:1px solid #e8e8e8;border-radius:12px;overflow:hidden;cursor:pointer;transition:box-shadow .15s;display:flex;flex-direction:column}.mm-cert-card:hover{box-shadow:0 4px 16px #00000014}.mm-cert-thumb{height:100px;background:#f7f7f7;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.mm-cert-thumb-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.mm-cert-info{padding:12px 14px;display:flex;flex-direction:column;gap:6px;flex:1}.mm-cert-info-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.mm-cert-name{margin:0;font-size:13px;font-weight:800;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.mm-cert-status-badge{font-size:10px;font-weight:700;padding:2px 8px;border-radius:8px;flex-shrink:0;white-space:nowrap}.mm-cert-desc{margin:0;font-size:11px;color:#888;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mm-cert-meta{display:flex;gap:10px;font-size:10px;color:#aaa;font-weight:600}.mm-cert-actions{display:flex;gap:6px;padding-top:6px;border-top:1px solid #f0f0f0;margin-top:2px}.mm-cert-action-btn{width:30px;height:30px;border-radius:7px;border:1px solid #e8e8e8;background:#f4f4f4;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#555;transition:background .15s,color .15s,border-color .15s}.mm-cert-action-btn:hover{background:#111;color:#fff;border-color:#111}.mm-cert-action-btn.download:hover{background:#166634;border-color:#166634;color:#fff}.mm-cert-action-btn.verify.verified{background:#dcfce7;border-color:#86efac;color:#166634}.mm-cert-action-btn.verify:hover{background:#166634;border-color:#166634;color:#fff}.mm-cert-action-btn.delete:hover{background:#dc2626;border-color:#dc2626;color:#fff}.mm-upload-panel,.mm-view-panel,.mm-edit-panel{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;background:#fff}.mm-upload-panel-header,.mm-view-panel-header,.mm-edit-panel-header{position:relative;padding:22px 24px 20px;background:#111;flex-shrink:0;overflow:hidden}.mm-upload-panel-header:before,.mm-view-panel-header:before,.mm-edit-panel-header:before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;border:18px solid rgba(255,255,255,.05);top:-40px;right:-24px;pointer-events:none}.mm-upload-panel-deco,.mm-view-panel-deco,.mm-edit-panel-deco{position:absolute;width:60px;height:60px;border-radius:50%;border:10px solid rgba(255,255,255,.04);bottom:-20px;left:-12px;pointer-events:none}.mm-upload-panel-header-content,.mm-view-panel-header-content,.mm-edit-panel-header-content{position:relative;z-index:1;display:flex;align-items:flex-start;gap:14px}.mm-upload-panel-header-icon,.mm-view-panel-header-icon,.mm-edit-panel-header-icon{width:40px;height:40px;border-radius:10px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.mm-upload-panel-header-text h2,.mm-view-panel-header-text h2,.mm-edit-panel-header-text h2{margin:0 0 3px;font-size:14px;font-weight:800;color:#fff}.mm-upload-panel-header-text p,.mm-view-panel-header-text p,.mm-edit-panel-header-text p{margin:0;font-size:12px;color:#ffffff8c}.mm-upload-panel-body,.mm-view-panel-body,.mm-edit-panel-body{flex:1;min-height:0;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:14px}.mm-upload-panel-body::-webkit-scrollbar,.mm-view-panel-body::-webkit-scrollbar,.mm-edit-panel-body::-webkit-scrollbar{width:3px}.mm-upload-panel-body::-webkit-scrollbar-thumb,.mm-view-panel-body::-webkit-scrollbar-thumb,.mm-edit-panel-body::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:2px}.mm-upload-panel-footer,.mm-view-panel-footer,.mm-edit-panel-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 24px;border-top:1px solid #e8e8e8;background:#f7f7f7;flex-shrink:0}.mm-drop-zone{border:2px dashed #e8e8e8;border-radius:10px;padding:24px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s;display:flex;flex-direction:column;align-items:center;gap:4px}.mm-drop-zone:hover,.mm-drop-zone.active{border-color:#111;background:#f7f7f7}.mm-drop-zone.has-file{border-color:#86efac;background:#f0fdf4}.mm-drop-zone-icon{font-size:28px}.mm-drop-zone-text{margin:0;font-size:13px;font-weight:700;color:#111}.mm-drop-zone-hint{margin:0;font-size:11px;color:#888}.mm-drop-zone-filename{margin:0;font-size:13px;font-weight:700;color:#111}.mm-drop-zone-size{margin:0;font-size:11px;color:#888}.mm-upload-field{display:flex;flex-direction:column;gap:5px}.mm-upload-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#888}.mm-upload-input,.mm-upload-textarea{padding:9px 12px;border-radius:8px;border:1px solid #e8e8e8;font-size:13px;color:#111;background:#fafafa;outline:none;transition:border-color .15s;width:100%;box-sizing:border-box;font-family:inherit}.mm-upload-input:focus,.mm-upload-textarea:focus{border-color:#111;background:#fff}.mm-upload-textarea{resize:vertical;min-height:70px}.mm-view-status-badge{font-size:10px;font-weight:700;padding:2px 8px;border-radius:8px;display:inline-block}.mm-view-preview{background:#f7f7f7;border:1px solid #e8e8e8;border-radius:10px;padding:16px;text-align:center;min-height:120px;display:flex;align-items:center;justify-content:center}.mm-view-preview-img{max-width:100%;max-height:280px;border-radius:6px}.mm-view-preview-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px}.mm-view-preview-placeholder p{margin:0;font-size:13px;color:#888}.mm-view-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mm-view-meta-card{background:#f7f7f7;border:1px solid #e8e8e8;border-radius:8px;padding:10px 14px;display:flex;flex-direction:column;gap:3px}.mm-view-meta-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#aaa}.mm-view-meta-value{font-size:13px;font-weight:600;color:#111}.mm-view-desc-card{background:#fff;border:1px solid #e8e8e8;border-radius:8px;padding:12px 14px;display:flex;flex-direction:column;gap:6px}.mm-view-desc-text{margin:0;font-size:13px;color:#333;line-height:1.6}.mm-edit-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#888;display:block}.mm-edit-status-row{display:flex;gap:8px}.mm-edit-status-btn{flex:1;padding:9px 0;border-radius:8px;border:1.5px solid #e8e8e8;background:#f4f4f4;color:#888;font-size:12px;font-weight:700;cursor:pointer;transition:all .15s}.mm-edit-status-btn:hover{border-color:#111;color:#111;background:#f0f0f0}@media(max-width:640px){.mm-cert-grid{grid-template-columns:1fr}.mm-cert-header{flex-direction:column;gap:14px}.mm-view-meta-grid{grid-template-columns:1fr}}[data-theme=dark] .mm-cert-title{color:#f0f0f0}[data-theme=dark] .mm-cert-subtitle{color:#555}[data-theme=dark] .mm-cert-header{border-bottom-color:#2a2a2a}[data-theme=dark] .mm-cert-empty{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .mm-cert-empty-icon{background:#2a2a2a;color:#555}[data-theme=dark] .mm-cert-empty h3{color:#f0f0f0}[data-theme=dark] .mm-cert-empty p{color:#555}[data-theme=dark] .mm-cert-card{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .mm-cert-card:hover{box-shadow:0 4px 16px #0000004d}[data-theme=dark] .mm-cert-thumb{background:#252525;border-bottom-color:#2a2a2a}[data-theme=dark] .mm-cert-name{color:#f0f0f0}[data-theme=dark] .mm-cert-desc{color:#555}[data-theme=dark] .mm-cert-meta{color:#444}[data-theme=dark] .mm-cert-actions{border-top-color:#2a2a2a}[data-theme=dark] .mm-cert-action-btn{background:#252525;border-color:#3a3a3a;color:#888}[data-theme=dark] .mm-cert-action-btn:hover{background:#f0f0f0;color:#111;border-color:#f0f0f0}[data-theme=dark] .mm-cert-action-btn.verify.verified{background:#052e16;border-color:#166634;color:#4ade80}[data-theme=dark] .mm-upload-panel,[data-theme=dark] .mm-view-panel,[data-theme=dark] .mm-edit-panel{background:#1a1a1a}[data-theme=dark] .mm-upload-panel-header,[data-theme=dark] .mm-view-panel-header,[data-theme=dark] .mm-edit-panel-header{background:#0a0a0a}[data-theme=dark] .mm-upload-panel-body,[data-theme=dark] .mm-view-panel-body,[data-theme=dark] .mm-edit-panel-body{background:#1a1a1a}[data-theme=dark] .mm-upload-panel-body::-webkit-scrollbar-thumb,[data-theme=dark] .mm-view-panel-body::-webkit-scrollbar-thumb,[data-theme=dark] .mm-edit-panel-body::-webkit-scrollbar-thumb{background:#2a2a2a}[data-theme=dark] .mm-upload-panel-footer,[data-theme=dark] .mm-view-panel-footer,[data-theme=dark] .mm-edit-panel-footer{background:#1e1e1e;border-top-color:#2a2a2a}[data-theme=dark] .mm-drop-zone{border-color:#2a2a2a}[data-theme=dark] .mm-drop-zone:hover,[data-theme=dark] .mm-drop-zone.active{border-color:#f0f0f0;background:#252525}[data-theme=dark] .mm-drop-zone.has-file{border-color:#166634;background:#052e16}[data-theme=dark] .mm-drop-zone-text,[data-theme=dark] .mm-drop-zone-filename{color:#e0e0e0}[data-theme=dark] .mm-upload-label{color:#555}[data-theme=dark] .mm-upload-input,[data-theme=dark] .mm-upload-textarea{background:#252525;border-color:#3a3a3a;color:#e0e0e0}[data-theme=dark] .mm-upload-input:focus,[data-theme=dark] .mm-upload-textarea:focus{border-color:#f0f0f0;background:#2a2a2a}[data-theme=dark] .mm-view-preview{background:#252525;border-color:#2a2a2a}[data-theme=dark] .mm-view-preview-placeholder p{color:#555}[data-theme=dark] .mm-view-meta-card{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .mm-view-meta-value{color:#e0e0e0}[data-theme=dark] .mm-view-desc-card{background:#1a1a1a;border-color:#2a2a2a}[data-theme=dark] .mm-view-desc-text{color:#ccc}[data-theme=dark] .mm-edit-label{color:#555}[data-theme=dark] .mm-edit-status-btn{background:#252525;border-color:#3a3a3a;color:#888}[data-theme=dark] .mm-edit-status-btn:hover{border-color:#f0f0f0;color:#f0f0f0;background:#2a2a2a}[data-theme=dark] .mm-cert-loading{color:#555}.mm-apt-wrap{max-width:100%}.mm-apt-layout{display:grid;grid-template-columns:280px 1fr;gap:16px;align-items:flex-start}.mm-apt-card{background:#fff;border:1px solid #e8e8e8;border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:16px;margin-bottom:16px}.mm-apt-card:last-child{margin-bottom:0}.mm-apt-avatar-wrap{display:flex;justify-content:center}.mm-apt-avatar{width:80px;height:80px;border-radius:20px;object-fit:cover;border:3px solid #e8e8e8;box-shadow:0 4px 12px #0000001a}.mm-apt-name{margin:0;font-size:16px;font-weight:800;color:#111;text-align:center;letter-spacing:-.01em}.mm-apt-status{margin:0;font-size:12px;color:#888;text-align:center;font-weight:600}.mm-apt-class{margin:0;font-size:12px;color:#888;text-align:center}.mm-apt-section{display:flex;flex-direction:column;gap:10px}.mm-apt-section-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#888;padding-bottom:8px;border-bottom:1px solid #f0f0f0;display:block}.mm-apt-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mm-apt-history-desc{margin:0;font-size:12px;color:#888}.mm-apt-card-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.mm-apt-card-title{margin:0;font-size:14px;font-weight:800;color:#111;letter-spacing:-.01em}.mm-apt-edit-form{display:flex;flex-direction:column;gap:12px}.mm-apt-field{display:flex;flex-direction:column;gap:5px}.mm-apt-field-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#888}.mm-apt-field-input,.mm-apt-field-textarea{padding:9px 12px;border-radius:8px;border:1px solid #e8e8e8;font-size:13px;font-weight:500;color:#111;background:#fafafa;outline:none;transition:border-color .15s;width:100%;box-sizing:border-box;font-family:inherit}.mm-apt-field-input:focus,.mm-apt-field-textarea:focus{border-color:#111;background:#fff}.mm-apt-field-textarea{resize:vertical}.mm-apt-form-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:4px}.mm-apt-notes-text{margin:0;font-size:13px;color:#555;line-height:1.6}@media(max-width:900px){.mm-apt-layout{grid-template-columns:1fr}.mm-apt-avatar-wrap{justify-content:flex-start}.mm-apt-name,.mm-apt-status,.mm-apt-class{text-align:left}}@media(max-width:640px){.mm-apt-info-grid{grid-template-columns:1fr}}[data-theme=dark] .mm-apt-card{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .mm-apt-avatar{border-color:#2a2a2a}[data-theme=dark] .mm-apt-name{color:#f0f0f0}[data-theme=dark] .mm-apt-status,[data-theme=dark] .mm-apt-class{color:#555}[data-theme=dark] .mm-apt-section-title{color:#555;border-bottom-color:#2a2a2a}[data-theme=dark] .mm-apt-history-desc{color:#555}[data-theme=dark] .mm-apt-card-title{color:#f0f0f0}[data-theme=dark] .mm-apt-field-label{color:#555}[data-theme=dark] .mm-apt-field-input,[data-theme=dark] .mm-apt-field-textarea{background:#252525;border-color:#3a3a3a;color:#e0e0e0}[data-theme=dark] .mm-apt-field-input:focus,[data-theme=dark] .mm-apt-field-textarea:focus{border-color:#f0f0f0;background:#2a2a2a}[data-theme=dark] .mm-apt-notes-text{color:#888}.al-section{display:flex;flex-direction:column;gap:12px}.si-banner--grad{background:linear-gradient(135deg,#92400e,#b45309,#d97706)}.si-banner--grad:before{border-color:#ffffff14}.si-banner--grad:after{border-color:#ffffff1a}.si-banner--grad .si-banner-deco{border-color:#ffffff0f}.al-grad-badge{background:#fef3c7;color:#92400e}.al-admission-grid{display:flex;flex-direction:column;gap:14px}.al-admission-card{background:#fff;border:1px solid #e8e8e8;border-radius:14px;overflow:hidden}.al-admission-card.active{border-color:#888}.al-admission-card-header{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#f7f7f7;border-bottom:1px solid #e8e8e8}.al-admission-card-icon{width:36px;height:36px;border-radius:8px;background:#111;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.al-admission-card-info{flex:1;min-width:0}.al-admission-school{margin:0 0 2px;font-size:14px;font-weight:800;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.al-admission-class{margin:0;font-size:12px;color:#888;font-weight:600}.al-admission-card-body{padding:14px 16px}[data-theme=dark] .al-admission-card{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .al-admission-card.active{border-color:#555}[data-theme=dark] .al-admission-card-header{background:#252525;border-bottom-color:#2a2a2a}[data-theme=dark] .al-admission-card-icon{background:#f0f0f0;color:#111}[data-theme=dark] .al-admission-school{color:#f0f0f0}[data-theme=dark] .al-admission-class{color:#555}display: grid; grid-template-columns: 1fr 1fr; gap: 16px; } @media (max-width: 640px){.al-resource-grid{grid-template-columns:1fr}}[data-theme=dark] .al-grad-badge{background:#1c1200;color:#fcd34d}.al-guardian-grid{display:flex;flex-direction:column;gap:14px}.al-guardian-card{background:#fff;border:1px solid #e8e8e8;border-radius:14px;overflow:hidden}.al-guardian-card.primary{border-color:#888}.al-guardian-card-header{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#f7f7f7;border-bottom:1px solid #e8e8e8}.al-guardian-icon{width:36px;height:36px;border-radius:8px;background:#111;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.al-guardian-name{margin:0 0 2px;font-size:14px;font-weight:800;color:#111}.al-guardian-rel{margin:0;font-size:12px;color:#888;font-weight:600}.al-guardian-body{padding:14px 16px}.al-health-grid{display:flex;flex-direction:column;gap:14px}.al-health-card{background:#fff;border:1px solid #e8e8e8;border-radius:14px;overflow:hidden}.al-health-card-header{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#f7f7f7;border-bottom:1px solid #e8e8e8}.al-health-icon{width:36px;height:36px;border-radius:8px;background:#111;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.al-health-title{margin:0 0 2px;font-size:14px;font-weight:800;color:#111}.al-health-date{margin:0;font-size:12px;color:#888;font-weight:600}.al-health-body{padding:14px 16px}[data-theme=dark] .al-guardian-card,[data-theme=dark] .al-health-card{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .al-guardian-card.primary{border-color:#555}[data-theme=dark] .al-guardian-card-header,[data-theme=dark] .al-health-card-header{background:#252525;border-bottom-color:#2a2a2a}[data-theme=dark] .al-guardian-icon,[data-theme=dark] .al-health-icon{background:#f0f0f0;color:#111}[data-theme=dark] .al-guardian-name,[data-theme=dark] .al-health-title{color:#f0f0f0}[data-theme=dark] .al-guardian-rel,[data-theme=dark] .al-health-date{color:#555}.ss-page{min-height:100vh;background:#f5f5f5;font-family:Inter,sans-serif}.ss-hero{background:#fff;border-bottom:1px solid #e8e8e8;padding:20px 28px;margin-bottom:24px;position:relative;overflow:hidden}.ss-hero:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;border:28px solid rgba(0,0,0,.04);top:-70px;right:-40px;pointer-events:none}.ss-hero:after{content:"";position:absolute;width:70px;height:70px;border-radius:12px;border:2px solid rgba(0,0,0,.05);bottom:-24px;right:120px;transform:rotate(18deg);pointer-events:none}.ss-hero-deco{position:absolute;width:100px;height:100px;border-radius:50%;border:16px solid rgba(0,0,0,.03);bottom:-36px;left:-24px;pointer-events:none}.ss-hero-body{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;max-width:960px;margin:0 auto}.ss-hero-left{display:flex;align-items:center;gap:14px}.ss-avatar{width:52px;height:52px;border-radius:12px;background:#111;color:#fff;font-size:18px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;letter-spacing:1px}.ss-name{margin:0 0 3px;font-size:18px;font-weight:800;color:#111;letter-spacing:-.02em}.ss-meta{margin:0;font-size:12px;color:#888;font-weight:600}.ss-hero-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.ss-icon-btn{width:34px;height:34px;border-radius:8px;background:#f4f4f4;border:1px solid #e8e8e8;color:#555;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.ss-icon-btn:hover{background:#111;color:#fff;border-color:#111}.ss-logout-btn{display:flex;align-items:center;gap:6px;padding:7px 14px;background:#fff0f0;border:1px solid #fca5a5;border-radius:8px;color:#c33;font-size:12px;font-weight:700;cursor:pointer;transition:background .15s}.ss-logout-btn:hover{background:#fecaca}.ss-body{padding:0 24px 40px;max-width:960px;margin:0 auto}.ss-section-header{display:flex;align-items:baseline;gap:10px;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid #e8e8e8}.ss-section-title{margin:0;font-size:15px;font-weight:800;color:#111;letter-spacing:-.01em}.ss-section-sub{margin:0;font-size:12px;color:#888;font-weight:600}.ss-empty{padding:56px 20px;text-align:center;background:#f7f7f7;border:1px dashed #e8e8e8;border-radius:12px;font-size:13px;font-weight:600;color:#888}.ss-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.ss-card{background:#fff;border:2px solid #e8e8e8;border-radius:16px;padding:20px;position:relative;cursor:pointer;display:flex;flex-direction:column;gap:14px;transition:box-shadow .15s,border-color .15s}.ss-card:hover{box-shadow:0 6px 20px #00000014;border-color:#bbb}.ss-card-active{border-color:#888;box-shadow:none}.ss-current-tag{padding:2px 10px;border-radius:20px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;background:#111;color:#fff}.ss-card-header{display:flex;align-items:center;gap:12px}.ss-card-school-icon{width:40px;height:40px;border-radius:10px;background:#f4f4f4;color:#888;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ss-card-school-info{flex:1;min-width:0}.ss-card-school{margin:0 0 2px;font-size:13px;font-weight:800;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ss-card-class{margin:0;font-size:12px;color:#888;font-weight:600}.ss-card-details{display:flex;flex-direction:column;gap:5px;background:#f7f7f7;border-radius:8px;padding:10px 12px}.ss-card-row{display:flex;justify-content:space-between;align-items:center}.ss-card-row-label{font-size:11px;color:#aaa;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.ss-card-row-value{font-size:12px;color:#333;font-weight:700}.ss-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:10px;border-top:1px solid #f0f0f0}.ss-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;text-transform:capitalize}.ss-badge-green{background:#dcfce7;color:#166534}.ss-badge-grey{background:#f0f0f0;color:#555}.ss-badge-gold{background:#fef3c7;color:#92400e}.ss-badge svg{flex-shrink:0}.ss-footer-badges{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.ss-grad-banner{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;background:#fef9c3;border:1px solid #fde68a;font-size:12px;font-weight:700;color:#92400e}.ss-card-arrow{color:#ccc;display:flex;align-items:center;transition:color .15s,transform .15s}.ss-card:hover .ss-card-arrow{color:#111;transform:translate(3px)}@media(max-width:640px){.ss-hero{padding:16px}.ss-body{padding:0 16px 32px}.ss-grid{grid-template-columns:1fr}.ss-name{font-size:16px}}[data-theme=dark] .ss-page{background:#141414}[data-theme=dark] .ss-hero{background:#1a1a1a;border-bottom-color:#2a2a2a}[data-theme=dark] .ss-hero:before{border-color:#ffffff0a}[data-theme=dark] .ss-hero:after{border-color:#ffffff0d}[data-theme=dark] .ss-hero-deco{border-color:#ffffff08}[data-theme=dark] .ss-avatar{background:#252525}[data-theme=dark] .ss-name{color:#f0f0f0}[data-theme=dark] .ss-meta{color:#555}[data-theme=dark] .ss-icon-btn{background:#252525;border-color:#3a3a3a;color:#888}[data-theme=dark] .ss-icon-btn:hover{background:#f0f0f0;color:#111;border-color:#f0f0f0}[data-theme=dark] .ss-logout-btn{background:#2a1a1a;border-color:#3a2a2a;color:#f87171}[data-theme=dark] .ss-section-title{color:#f0f0f0}[data-theme=dark] .ss-section-header{border-bottom-color:#2a2a2a}[data-theme=dark] .ss-empty{background:#1e1e1e;border-color:#2a2a2a;color:#555}[data-theme=dark] .ss-card{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .ss-card:hover{box-shadow:0 6px 20px #0000004d;border-color:#3a3a3a}[data-theme=dark] .ss-card-active{border-color:#555;box-shadow:none}[data-theme=dark] .ss-current-tag{background:#f0f0f0;color:#111}[data-theme=dark] .ss-card-school-icon{background:#252525;color:#555}[data-theme=dark] .ss-card-school{color:#f0f0f0}[data-theme=dark] .ss-card-class{color:#555}[data-theme=dark] .ss-card-details{background:#252525}[data-theme=dark] .ss-card-row-label{color:#555}[data-theme=dark] .ss-card-row-value{color:#ccc}[data-theme=dark] .ss-card-footer{border-top-color:#2a2a2a}[data-theme=dark] .ss-card-arrow{color:#3a3a3a}[data-theme=dark] .ss-card:hover .ss-card-arrow{color:#f0f0f0}[data-theme=dark] .ss-badge-grey{background:#252525;color:#888}[data-theme=dark] .ss-badge-green{background:#052e16;color:#4ade80}[data-theme=dark] .ss-badge-gold,[data-theme=dark] .ss-grad-banner{background:#1c1200;border-color:#3a2a00;color:#fcd34d}.sp-container{box-sizing:border-box}.sp-header{margin-bottom:20px}.sp-header h2{margin:0 0 4px;font-size:22px;font-weight:800;color:#111;letter-spacing:-.02em}.sp-header p{margin:0;font-size:13px;color:#888;font-weight:500}.sp-id-pill{font-family:SF Mono,Fira Code,Courier New,monospace;font-size:11px;font-weight:700;color:#555;background:#f4f4f4;border:1px solid #e8e8e8;padding:2px 8px;border-radius:6px}.sp-name{font-weight:700;color:#111}.sp-status-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.sp-badge-promoted{background:#dcfce7;color:#166534}.sp-badge-held{background:#fee2e2;color:#991b1b}.sp-badge-admission{background:#dbeafe;color:#1e40af}.sp-action-wrap{position:relative;display:inline-block}.sp-action-btn{width:30px;height:30px;border-radius:8px;border:1px solid #e8e8e8;background:#f7f7f7;color:#888;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s}.sp-action-btn:hover{background:#111;color:#fff;border-color:#111}.sp-action-menu{position:absolute;top:calc(100% + 6px);right:0;background:#fff;border:1px solid #e8e8e8;border-radius:10px;box-shadow:0 8px 24px #0000001f;min-width:150px;z-index:1000;overflow:hidden}.sp-action-item{display:flex;align-items:center;gap:9px;width:100%;padding:10px 14px;border:none;background:transparent;font-size:13px;font-weight:600;color:#111;cursor:pointer;transition:background .15s;text-align:left}.sp-action-item:hover{background:#f4f4f4}.sp-detail-container{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;background:#fff}.sp-detail-header{position:relative;padding:22px 24px 20px;background:#111;flex-shrink:0;overflow:hidden}.sp-detail-header:before{content:"";position:absolute;width:140px;height:140px;border-radius:50%;border:22px solid rgba(255,255,255,.05);top:-50px;right:-30px;pointer-events:none}.sp-detail-header:after{content:"";position:absolute;width:44px;height:44px;border-radius:8px;border:1.5px solid rgba(255,255,255,.07);bottom:-14px;right:80px;transform:rotate(18deg);pointer-events:none}.sp-detail-deco{position:absolute;width:70px;height:70px;border-radius:50%;border:10px solid rgba(255,255,255,.04);bottom:-22px;left:-14px;pointer-events:none}.sp-detail-deco2{position:absolute;width:24px;height:24px;border-radius:4px;border:1.5px solid rgba(255,255,255,.06);top:12px;left:180px;transform:rotate(12deg);pointer-events:none}.sp-detail-header-content{position:relative;z-index:1;display:flex;align-items:center;gap:14px}.sp-detail-avatar{width:44px;height:44px;border-radius:12px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.sp-detail-header-text{flex:1;min-width:0}.sp-detail-header-text h2{margin:0 0 2px;font-size:16px;font-weight:800;color:#fff;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-detail-header-text p{margin:0;font-size:12px;color:#ffffff80}.sp-detail-body{flex:1;min-height:0;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:12px}.sp-detail-body::-webkit-scrollbar{width:3px}.sp-detail-body::-webkit-scrollbar-track{background:transparent}.sp-detail-body::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:2px}.sp-detail-section-title{margin:0 0 8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#888}.sp-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.sp-detail-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 24px;border-top:1px solid #e8e8e8;background:#f7f7f7;flex-shrink:0}@media(max-width:640px){.sp-detail-grid{grid-template-columns:1fr}}[data-theme=dark] .sp-id-pill{background:#2a2a2a;border-color:#3a3a3a;color:#888}[data-theme=dark] .sp-name{color:#e0e0e0}[data-theme=dark] .sp-header h2{color:#f0f0f0}[data-theme=dark] .sp-header p{color:#555}[data-theme=dark] .sp-action-btn{background:#252525;border-color:#3a3a3a;color:#555}[data-theme=dark] .sp-action-btn:hover{background:#f0f0f0;color:#111;border-color:#f0f0f0}[data-theme=dark] .sp-action-menu{background:#1e1e1e;border-color:#2a2a2a;box-shadow:0 8px 24px #0006}[data-theme=dark] .sp-action-item{color:#e0e0e0}[data-theme=dark] .sp-action-item:hover{background:#252525}[data-theme=dark] .sp-detail-container{background:#1a1a1a}[data-theme=dark] .sp-detail-header{background:#0a0a0a}[data-theme=dark] .sp-detail-body{background:#1a1a1a}[data-theme=dark] .sp-detail-body::-webkit-scrollbar-thumb{background:#2a2a2a}[data-theme=dark] .sp-detail-section-title{color:#555}[data-theme=dark] .sp-detail-footer{background:#1e1e1e;border-top-color:#2a2a2a}.sg-container{box-sizing:border-box}.sg-header{margin-bottom:20px}.sg-header h2{margin:0 0 4px;font-size:22px;font-weight:800;color:#111;letter-spacing:-.02em}.sg-header p{margin:0;font-size:13px;color:#888;font-weight:500}.sg-name{font-weight:700;color:#111}.sg-id-pill{font-family:SF Mono,Fira Code,Courier New,monospace;font-size:11px;font-weight:700;color:#555;background:#f4f4f4;border:1px solid #e8e8e8;padding:2px 8px;border-radius:6px}.sg-action-wrap{position:relative;display:inline-block}.sg-action-btn{width:30px;height:30px;border-radius:8px;border:1px solid #e8e8e8;background:#f7f7f7;color:#888;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s}.sg-action-btn:hover{background:#111;color:#fff;border-color:#111}.sg-action-menu{position:absolute;top:calc(100% + 6px);right:0;background:#fff;border:1px solid #e8e8e8;border-radius:10px;box-shadow:0 8px 24px #0000001f;min-width:150px;z-index:1000;overflow:hidden}.sg-action-item{display:flex;align-items:center;gap:9px;width:100%;padding:10px 14px;border:none;background:transparent;font-size:13px;font-weight:600;color:#111;cursor:pointer;transition:background .15s;text-align:left}.sg-action-item:hover{background:#f4f4f4}.sg-detail-container{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;background:#fff}.sg-detail-header{position:relative;padding:22px 24px 20px;background:#111;flex-shrink:0;overflow:hidden}.sg-detail-header:before{content:"";position:absolute;width:140px;height:140px;border-radius:50%;border:22px solid rgba(255,255,255,.05);top:-50px;right:-30px;pointer-events:none}.sg-detail-header:after{content:"";position:absolute;width:44px;height:44px;border-radius:8px;border:1.5px solid rgba(255,255,255,.07);bottom:-14px;right:80px;transform:rotate(18deg);pointer-events:none}.sg-detail-deco{position:absolute;width:70px;height:70px;border-radius:50%;border:10px solid rgba(255,255,255,.04);bottom:-22px;left:-14px;pointer-events:none}.sg-detail-deco2{position:absolute;width:24px;height:24px;border-radius:4px;border:1.5px solid rgba(255,255,255,.06);top:12px;left:180px;transform:rotate(12deg);pointer-events:none}.sg-detail-header-content{position:relative;z-index:1;display:flex;align-items:center;gap:14px}.sg-detail-avatar{width:44px;height:44px;border-radius:12px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.sg-detail-header-text{flex:1;min-width:0}.sg-detail-header-text h2{margin:0 0 2px;font-size:16px;font-weight:800;color:#fff;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sg-detail-header-text p{margin:0;font-size:12px;color:#ffffff80}.sg-grad-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:4px 10px;border-radius:20px;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);color:#fffc;white-space:nowrap;flex-shrink:0}.sg-detail-body{flex:1;min-height:0;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:12px}.sg-detail-body::-webkit-scrollbar{width:3px}.sg-detail-body::-webkit-scrollbar-track{background:transparent}.sg-detail-body::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:2px}.sg-section-title{margin:0 0 8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#888}.sg-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.sg-detail-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 24px;border-top:1px solid #e8e8e8;background:#f7f7f7;flex-shrink:0}@media(max-width:640px){.sg-detail-grid{grid-template-columns:1fr}}[data-theme=dark] .sg-header h2{color:#f0f0f0}[data-theme=dark] .sg-header p{color:#555}[data-theme=dark] .sg-name{color:#e0e0e0}[data-theme=dark] .sg-id-pill{background:#2a2a2a;border-color:#3a3a3a;color:#888}[data-theme=dark] .sg-action-btn{background:#252525;border-color:#3a3a3a;color:#555}[data-theme=dark] .sg-action-btn:hover{background:#f0f0f0;color:#111;border-color:#f0f0f0}[data-theme=dark] .sg-action-menu{background:#1e1e1e;border-color:#2a2a2a;box-shadow:0 8px 24px #0006}[data-theme=dark] .sg-action-item{color:#e0e0e0}[data-theme=dark] .sg-action-item:hover{background:#252525}[data-theme=dark] .sg-detail-container{background:#1a1a1a}[data-theme=dark] .sg-detail-header{background:#0a0a0a}[data-theme=dark] .sg-detail-body{background:#1a1a1a}[data-theme=dark] .sg-detail-body::-webkit-scrollbar-thumb{background:#2a2a2a}[data-theme=dark] .sg-section-title{color:#555}[data-theme=dark] .sg-detail-footer{background:#1e1e1e;border-top-color:#2a2a2a}.session-admissionss{box-sizing:border-box}.sa-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:22px}.sa-stat-card{position:relative;background:#fff;border:1px solid #e8e8e8;border-radius:14px;padding:18px 20px;display:flex;align-items:center;gap:14px;overflow:hidden;box-shadow:0 1px 4px #0000000a;transition:box-shadow .2s,transform .2s}.sa-stat-card:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.sa-stat-card:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;border:14px solid rgba(0,0,0,.04);bottom:-26px;right:-18px;pointer-events:none}.sa-stat-ico{width:44px;height:44px;border-radius:11px;background:#111;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:1}.sa-stat-body{display:flex;flex-direction:column;gap:3px;position:relative;z-index:1}.sa-stat-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#888;margin:0}.sa-stat-value{font-size:26px;font-weight:800;color:#111;letter-spacing:-.03em;line-height:1;margin:0}.sa-id-pill{font-family:SF Mono,Fira Code,Courier New,monospace;font-size:11px;font-weight:700;color:#555;background:#f4f4f4;border:1px solid #e8e8e8;padding:2px 8px;border-radius:6px}.sa-name{font-weight:700;color:#111}.sa-status-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.sa-status-pill.active{background:#dcfce7;color:#166534}.sa-status-pill.inactive{background:#fee2e2;color:#991b1b}.sa-detail-container{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;background:#fff}.sa-detail-header{position:relative;padding:22px 24px 20px;background:#111;flex-shrink:0;overflow:hidden}.sa-detail-header:before{content:"";position:absolute;width:140px;height:140px;border-radius:50%;border:22px solid rgba(255,255,255,.05);top:-50px;right:-30px;pointer-events:none}.sa-detail-header:after{content:"";position:absolute;width:44px;height:44px;border-radius:8px;border:1.5px solid rgba(255,255,255,.07);bottom:-14px;right:80px;transform:rotate(18deg);pointer-events:none}.sa-detail-header-deco{position:absolute;width:70px;height:70px;border-radius:50%;border:10px solid rgba(255,255,255,.04);bottom:-22px;left:-14px;pointer-events:none}.sa-detail-header-deco2{position:absolute;width:24px;height:24px;border-radius:4px;border:1.5px solid rgba(255,255,255,.06);top:12px;left:180px;transform:rotate(12deg);pointer-events:none}.sa-detail-header-content{position:relative;z-index:1;display:flex;align-items:center;gap:14px}.sa-detail-avatar{width:44px;height:44px;border-radius:12px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.sa-detail-header-text{flex:1;min-width:0}.sa-detail-header-text h2{margin:0 0 2px;font-size:16px;font-weight:800;color:#fff;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sa-detail-header-text p{margin:0;font-size:12px;color:#ffffff80}.sa-detail-body{flex:1;min-height:0;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:20px}.sa-detail-body::-webkit-scrollbar{width:3px}.sa-detail-body::-webkit-scrollbar-track{background:transparent}.sa-detail-body::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:2px}.sa-detail-section-title{margin:0;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#888}.sa-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.sa-remarks{margin:0;padding:14px 16px;background:#f7f7f7;border:1px solid #e8e8e8;border-left:3px solid #111111;border-radius:8px;font-size:13px;color:#333;line-height:1.6}.sa-detail-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 24px;border-top:1px solid #e8e8e8;background:#f7f7f7;flex-shrink:0}@media(max-width:768px){.sa-stats,.sa-detail-grid{grid-template-columns:1fr}}@media(max-width:480px){.sa-stats{grid-template-columns:1fr;gap:10px}.sa-stat-value{font-size:22px}}[data-theme=dark] .sa-stat-card{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .sa-stat-card:after{border-color:#ffffff0a}[data-theme=dark] .sa-stat-ico{background:#f0f0f0;color:#111}[data-theme=dark] .sa-stat-label{color:#555}[data-theme=dark] .sa-stat-value{color:#f0f0f0}[data-theme=dark] .sa-id-pill{background:#2a2a2a;border-color:#3a3a3a;color:#888}[data-theme=dark] .sa-name{color:#e0e0e0}[data-theme=dark] .sa-detail-container{background:#1a1a1a}[data-theme=dark] .sa-detail-header{background:#0a0a0a}[data-theme=dark] .sa-detail-body{background:#1a1a1a}[data-theme=dark] .sa-detail-body::-webkit-scrollbar-thumb{background:#2a2a2a}[data-theme=dark] .sa-detail-section-title{color:#555}[data-theme=dark] .sa-remarks{background:#252525;border-color:#333;border-left-color:#f0f0f0;color:#ccc}[data-theme=dark] .sa-detail-footer{background:#1e1e1e;border-top-color:#2a2a2a}.searchable-select-container{position:relative;width:100%;margin-bottom:16px}.searchable-select-label{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:6px}.required-asterisk{color:#c33}.searchable-select-wrapper{position:relative}.searchable-select-input-container{position:relative;display:flex;align-items:center}.searchable-select-input{width:100%;padding:10px 40px 10px 12px;border:1px solid #e0e0e0;border-radius:8px;font-size:13px;background:#f7f7f7;color:#aaa;transition:border-color .15s,background .15s,box-shadow .15s;outline:none;box-sizing:border-box}.searchable-select-input.has-value{color:#111;background:#fff;border-color:#d0d0d0;font-weight:600}.searchable-select-input:focus{border-color:#111;background:#fff;box-shadow:0 0 0 3px #0000000f;color:#111}.searchable-select-input::placeholder{color:#aaa}.searchable-select-icons{position:absolute;right:8px;display:flex;align-items:center;gap:4px}.searchable-select-clear{background:none;border:none;font-size:18px;color:#aaa;cursor:pointer;padding:2px 4px;border-radius:4px;transition:color .15s,background .15s;line-height:1}.searchable-select-clear:hover{color:#111;background:#f0f0f0}.searchable-select-arrow{font-size:9px;color:#aaa;cursor:pointer;padding:4px;transition:transform .2s,color .15s;-webkit-user-select:none;user-select:none}.searchable-select-arrow:hover{color:#111}.searchable-select-arrow.open{transform:rotate(180deg)}.searchable-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 8px 24px #0000001f;z-index:10000;max-height:280px;overflow-y:auto}.searchable-select-option{padding:11px 14px;cursor:pointer;border-bottom:1px solid #f5f5f5;transition:background .12s}.searchable-select-option:last-child{border-bottom:none}.searchable-select-option:hover{background:#f7f7f7}.searchable-select-option.selected{background-color:#f0f0f0;border-left:3px solid #111111}.option-content{display:flex;flex-direction:column;gap:2px}.option-main{font-size:13px;font-weight:600;color:#111}.searchable-select-option.selected .option-main{color:#111;font-weight:700}.option-subtitle{font-size:11px;color:#888}.searchable-select-no-results{padding:14px;text-align:center;color:#aaa;font-size:13px;font-style:italic}.searchable-select-info{padding:8px 12px;background:#f7f7f7;border-top:1px solid #f0f0f0;font-size:11px;color:#aaa;text-align:center}.searchable-select-dropdown::-webkit-scrollbar{width:4px}.searchable-select-dropdown::-webkit-scrollbar-track{background:#f7f7f7}.searchable-select-dropdown::-webkit-scrollbar-thumb{background:#d0d0d0;border-radius:2px}[data-theme=dark] .searchable-select-label{color:#ccc}[data-theme=dark] .searchable-select-input{background:#252525;border-color:#3a3a3a;color:#555}[data-theme=dark] .searchable-select-input.has-value{color:#f0f0f0;background:#2a2a2a;border-color:#444}[data-theme=dark] .searchable-select-input:focus{border-color:#f0f0f0;background:#2a2a2a;box-shadow:0 0 0 3px #ffffff0f;color:#f0f0f0}[data-theme=dark] .searchable-select-input::placeholder{color:#555}[data-theme=dark] .searchable-select-clear{color:#666}[data-theme=dark] .searchable-select-clear:hover{color:#f0f0f0;background:#333}[data-theme=dark] .searchable-select-arrow{color:#666}[data-theme=dark] .searchable-select-arrow:hover{color:#f0f0f0}[data-theme=dark] .searchable-select-dropdown{background:#1e1e1e;border-color:#2a2a2a;box-shadow:0 8px 24px #0006}[data-theme=dark] .searchable-select-option{border-bottom-color:#2a2a2a}[data-theme=dark] .searchable-select-option:hover{background:#252525}[data-theme=dark] .searchable-select-option.selected{background:#2a2a2a;border-left-color:#f0f0f0}[data-theme=dark] .option-main{color:#e0e0e0}[data-theme=dark] .searchable-select-option.selected .option-main{color:#f0f0f0}[data-theme=dark] .option-subtitle{color:#666}[data-theme=dark] .searchable-select-no-results{color:#555}[data-theme=dark] .searchable-select-info{background:#252525;border-top-color:#2a2a2a;color:#555}[data-theme=dark] .searchable-select-dropdown::-webkit-scrollbar-track{background:#1e1e1e}[data-theme=dark] .searchable-select-dropdown::-webkit-scrollbar-thumb{background:#3a3a3a}@media(max-width:768px){.searchable-select-dropdown{max-height:220px}.searchable-select-option{padding:10px 12px}}.class-headmaster-container{padding:20px}.assignment-details-container{display:flex;flex-direction:column;height:100%;animation:slideInRight .3s ease-out;background:linear-gradient(135deg,#f8fafc,#fff)}.assignment-details-header{padding:32px 24px;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;text-align:center;position:relative;overflow:hidden}.assignment-details-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="white" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="white" opacity="0.1"/><circle cx="50" cy="10" r="0.5" fill="white" opacity="0.1"/><circle cx="20" cy="80" r="0.5" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');pointer-events:none}.assignment-details-header h3{margin:0 0 8px;font-size:24px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.1);position:relative;z-index:1}.assignment-details-header p{margin:0;font-size:14px;opacity:.9;position:relative;z-index:1}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:linear-gradient(135deg,#fff,#f8fafc);border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 4px 16px #0000000a;transition:all .3s ease;position:relative;overflow:hidden}.detail-item:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(135deg,#4f46e5,#7c3aed);transform:scaleY(0);transition:transform .3s ease}.detail-item:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014;border-color:#cbd5e1}.detail-item:hover:before{transform:scaleY(1)}.detail-item.warning{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b;box-shadow:0 4px 16px #f59e0b1a}.detail-item.warning:before{background:linear-gradient(135deg,#f59e0b,#d97706)}.detail-item.warning span{color:#92400e;font-weight:600;display:flex;align-items:center}.detail-item label{font-weight:600;color:#374151;font-size:14px;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:8px}.detail-item label:before{content:"";width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#4f46e5,#7c3aed)}.detail-item.warning label:before{background:linear-gradient(135deg,#f59e0b,#d97706)}.detail-item span{color:#64748b;font-size:15px;font-weight:500}.assignment-details-footer{padding:32px 24px;border-top:1px solid #e2e8f0;background:linear-gradient(135deg,#f8fafc,#fff)}.assignment-id{margin-bottom:20px;text-align:center}.assignment-id small{color:#64748b;font-size:12px;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);padding:8px 16px;border-radius:20px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #0000000a}.edit-assignment-container{display:flex;flex-direction:column;height:100%;animation:slideInRight .3s ease-out;background:linear-gradient(135deg,#f8fafc,#fff)}.edit-assignment-header{padding:32px 24px;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;position:relative;overflow:hidden}.edit-assignment-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="white" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="white" opacity="0.1"/><circle cx="50" cy="10" r="0.5" fill="white" opacity="0.1"/><circle cx="20" cy="80" r="0.5" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');pointer-events:none}.edit-assignment-header h3{margin:0 0 8px;font-size:24px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.1);position:relative;z-index:1}.edit-assignment-header p{margin:0;font-size:14px;opacity:.9;position:relative;z-index:1}.edit-assignment-content{flex:1;padding:32px 24px;overflow-y:auto;background:linear-gradient(135deg,#f8fafc,#fff)}.current-assignment-info{margin-bottom:24px;padding:20px;background:linear-gradient(135deg,#fff,#f8fafc);border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000a}.current-assignment-info h4{margin:0 0 16px;color:#374151;font-size:16px;font-weight:600}.current-headmaster{display:flex;align-items:center;gap:16px;padding:16px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.current-headmaster img{width:48px;height:48px;border-radius:50%;object-fit:cover}.headmaster-info{display:flex;flex-direction:column;gap:4px}.headmaster-name{font-weight:600;color:#374151;font-size:16px}.headmaster-subject{color:#64748b;font-size:14px}.staff-selection-section{margin-bottom:24px;padding:20px;background:linear-gradient(135deg,#fff,#f8fafc);border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000a}.staff-selection-section h4{margin:0 0 16px;color:#374151;font-size:16px;font-weight:600}.multiple-assignment-warning{margin-top:12px;padding:12px 16px;background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border:1px solid #f59e0b;border-radius:8px;font-size:14px;display:flex;align-items:flex-start;gap:8px;animation:slideDown .3s ease-out}.class-info-section{margin-bottom:24px;padding:20px;background:linear-gradient(135deg,#fff,#f8fafc);border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000a}.class-info-section h4{margin:0 0 16px;color:#374151;font-size:16px;font-weight:600}.class-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.info-item{display:flex;flex-direction:column;gap:4px;padding:12px 16px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.info-item label{font-weight:600;color:#374151;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.info-item span{color:#64748b;font-size:14px;font-weight:500}.edit-assignment-footer{display:flex;justify-content:flex-end;gap:12px;padding:24px;border-top:1px solid #e2e8f0;background:#f8fafc}@media(max-width:768px){.class-headmaster-container{padding:16px}.spts{padding:0 16px 16px}.spts h2{font-size:24px}.assignment-details-content,.edit-assignment-content{padding:16px}.current-assignment-info,.staff-selection-section,.class-info-section{padding:16px;margin:16px 0}.current-headmaster{flex-direction:column;text-align:center;gap:12px}.class-info-grid{grid-template-columns:1fr}.footer-buttons{flex-direction:column;gap:8px}.footer-buttons button{width:100%}.multiple-assignment-warning{flex-direction:column;gap:8px}}.subject-teacher-container{padding:20px}.spts{display:flex;padding:0 20px 20px;flex-direction:column}.spts h2{margin-bottom:8px;color:#1e293b;font-size:28px;font-weight:700}.spts p{color:#64748b;margin:0;font-size:16px}.action-container{position:relative;display:inline-block}.action-button{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:8px 12px;cursor:pointer;transition:all .2s ease;color:#64748b;display:flex;align-items:center;justify-content:center;position:relative}.action-button:hover{background:#f1f5f9;border-color:#cbd5e1;color:#475569}.action-dropdown{position:absolute!important;top:calc(100% + 4px)!important;right:0!important;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 25px #00000026;z-index:9999!important;min-width:180px;overflow:hidden;animation:dropdownSlide .2s ease-out;white-space:nowrap;transform:none!important;margin:0!important;padding:0!important}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.action-option{display:flex;align-items:center;gap:8px;width:100%;padding:12px 16px;border:none;background:#fff;color:#374151;font-size:14px;cursor:pointer;transition:background-color .2s ease;text-align:left;position:relative}.action-option:hover{background:#f8fafc}.action-option:not(:last-child){border-bottom:1px solid #f1f5f9}.assignment-details-container{display:flex;flex-direction:column;height:100%;animation:slideInRight .3s ease-out;background:#fff}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.assignment-details-header{padding:32px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.assignment-details-header h3{margin:0 0 8px;color:#111827;font-size:24px;font-weight:700}.assignment-details-header p{margin:0;color:#6b7280;font-size:14px}.assignment-details-content{flex:1;padding:32px;overflow-y:auto;background:#fff}.detail-section{margin-bottom:32px}.detail-section:last-child{margin-bottom:0}.detail-section h3{margin:0 0 20px;color:#374151;font-size:18px;font-weight:600;padding-bottom:8px;border-bottom:2px solid #e5e7eb}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0}.assignment-details-footer{padding:32px;border-top:1px solid #e5e7eb;background:#f9fafb}.assignment-id{margin-bottom:24px;text-align:center}.assignment-id small{color:#6b7280;font-size:13px;background:#e5e7eb;padding:8px 16px;border-radius:20px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.footer-buttons{display:flex;justify-content:flex-end;gap:16px}.footer-buttons button{padding:12px 24px;border-radius:12px;font-weight:600;font-size:14px;transition:all .3s ease;box-shadow:0 4px 12px #0000001a;position:relative;overflow:hidden}.footer-buttons button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.footer-buttons button:hover:before{left:100%}.footer-buttons button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000026}.edit-assignment-container{display:flex;flex-direction:column;height:100%;animation:slideInRight .3s ease-out;background:#fff}.edit-assignment-header{padding:32px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.edit-assignment-header h3{margin:0 0 8px;color:#111827;font-size:24px;font-weight:700}.edit-assignment-header p{margin:0;color:#6b7280;font-size:14px}.edit-assignment-content{flex:1;padding:32px;overflow-y:auto;background:#fff}.current-assignment-info{margin-bottom:32px}.current-assignment-info h4{margin:0 0 20px;color:#374151;font-size:18px;font-weight:600;padding-bottom:8px;border-bottom:2px solid #e5e7eb}.current-teacher{display:flex;align-items:center;gap:16px;padding:20px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.current-teacher img{width:48px;height:48px;border-radius:50%;object-fit:cover}.teacher-info{display:flex;flex-direction:column;gap:4px}.teacher-name{font-weight:600;color:#374151;font-size:16px}.teacher-specialization{color:#64748b;font-size:14px}.assigned-date{color:#64748b;font-size:12px}.teacher-selection-section{margin-bottom:32px}.teacher-selection-section h4{margin:0 0 20px;color:#374151;font-size:18px;font-weight:600;padding-bottom:8px;border-bottom:2px solid #e5e7eb}.multiple-assignment-warning{margin-top:12px;padding:12px 16px;background:#fef3c7;color:#92400e;border:1px solid #f59e0b;border-radius:8px;font-size:14px;display:flex;align-items:flex-start;gap:8px;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.subject-info-section{margin-bottom:32px}.subject-info-section h4{margin:0 0 20px;color:#374151;font-size:18px;font-weight:600;padding-bottom:8px;border-bottom:2px solid #e5e7eb}.subject-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0}.edit-assignment-footer{display:flex;justify-content:flex-end;gap:16px;padding:32px;border-top:1px solid #e5e7eb;background:#f9fafb}.edit-assignment-footer button{padding:12px 24px;border-radius:12px;font-weight:600;font-size:14px;transition:all .3s ease;box-shadow:0 4px 12px #0000001a;position:relative;overflow:hidden}.edit-assignment-footer button:disabled{opacity:.6;cursor:not-allowed}.edit-assignment-footer button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.edit-assignment-footer button:hover:before{left:100%}.edit-assignment-footer button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000026}@media(max-width:768px){.subject-teacher-container{padding:16px}.spts{padding:0 16px 16px}.spts h2{font-size:24px}.assignment-details-content,.edit-assignment-content{padding:16px}.current-assignment-info,.teacher-selection-section,.subject-info-section{margin-bottom:24px}.current-teacher{flex-direction:column;text-align:center;gap:12px}.subject-info-grid,.detail-grid{grid-template-columns:1fr}.footer-buttons{flex-direction:column;gap:8px}.footer-buttons button,.edit-assignment-footer button{width:100%}.multiple-assignment-warning{flex-direction:column;gap:8px}}.so{padding:0;box-sizing:border-box}.sotp{margin-bottom:24px}.subsession_header_pr{margin-bottom:16px}.sots{margin-bottom:8px}.sotp{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.sotpi{position:relative;background:#fff;border:1px solid #e8e8e8;border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;overflow:hidden;box-shadow:0 2px 8px #0000000a;transition:box-shadow .2s,transform .2s}.sotpi:hover{box-shadow:0 6px 20px #00000014;transform:translateY(-2px)}.sotpi:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;border:16px solid rgba(0,0,0,.04);bottom:-28px;right:-20px;pointer-events:none}.sotpi:before{content:"";position:absolute;width:40px;height:40px;border-radius:8px;border:1.5px solid rgba(0,0,0,.05);top:12px;right:50px;transform:rotate(18deg);pointer-events:none}.so-card-ico{width:46px;height:46px;border-radius:12px;background:#111;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:1}.so-card-body{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0;position:relative;z-index:1}.so-card-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#888}.so-card-value{font-size:22px;font-weight:800;color:#111;letter-spacing:-.03em;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.so-card-sub{font-size:11px;color:#aaa;font-weight:500}.so-section-title{display:flex;align-items:center;gap:8px;color:#111}.so-status-pill{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:4px 9px;border-radius:20px;white-space:nowrap}.so-status-active{background:#dcfce7;color:#166534}.so-status-draft{background:#fef9c3;color:#854d0e}.so-status-completed{background:#dbeafe;color:#1e40af}.so-status-archived{background:#f3f4f6;color:#6b7280}.so-status-locked{background:#fee2e2;color:#991b1b}.so-term-num{font-size:15px;font-weight:800;color:#fff;letter-spacing:-.02em}.so-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 20px;color:#c33;text-align:center}.so-error h3{margin:0;font-size:18px;font-weight:700;color:#111}.so-error p{margin:0;font-size:13px;color:#888}.subsession_header_pr{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.subsession_title_pr{margin:0;font-size:17px;font-weight:800;color:#111;letter-spacing:-.02em}.subsession_header_actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.view_archived_btn_pr{display:flex;align-items:center;gap:7px;padding:8px 14px;background:#f4f4f4;color:#555;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:12px;font-weight:700;transition:background .15s,border-color .15s}.view_archived_btn_pr:hover{background:#ebebeb;border-color:#ccc;color:#111}.add_subsession_btn_pr{display:flex;align-items:center;gap:7px;padding:8px 14px;background:#111;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:12px;font-weight:700;transition:background .15s,transform .15s}.add_subsession_btn_pr:hover{background:#333;transform:translateY(-1px)}.add_subsession_btn_pr:active{transform:translateY(0)}.sots{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px}.sotsit{position:relative;background:#fff;border:1px solid #e8e8e8;border-radius:16px;overflow:visible;box-shadow:0 2px 8px #0000000a;transition:box-shadow .2s,transform .2s}.sotsit:hover{box-shadow:0 6px 20px #00000014;transform:translateY(-2px)}.sottopsec{display:flex;align-items:center;gap:14px;padding:20px 20px 16px;position:relative;z-index:1}.soticonsec{width:44px;height:44px;background:#111;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.sottitlesec{display:flex;flex-direction:column;flex:1;gap:3px;min-width:0}.sottitlesec h2{margin:0;font-size:15px;font-weight:800;color:#111;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sottitlesec p{margin:0;font-size:12px;color:#888;font-weight:500}.sotstatussection{display:flex;align-items:center;gap:8px;flex-shrink:0}.sotstatussection p{margin:0;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:4px 9px;border-radius:20px;white-space:nowrap}.status-active{background:#dcfce7;color:#166534}.status-draft{background:#fef9c3;color:#854d0e}.status-completed{background:#dbeafe;color:#1e40af}.status-archived{background:#f3f4f6;color:#6b7280}.status-locked{background:#fee2e2;color:#991b1b}.subsession-actions-dropdown{position:relative;z-index:100}.action-menu-btn{width:30px;height:30px;background:#f4f4f4;border:1px solid #e8e8e8;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#888;transition:background .15s,color .15s}.action-menu-btn:hover{background:#ebebeb;color:#111}.action-dropdown-menu{position:absolute;top:calc(100% + 6px);right:0;background:#fff;border:1px solid #e8e8e8;border-radius:10px;box-shadow:0 8px 24px #0000001f;min-width:160px;z-index:1000;overflow:hidden}.action-dropdown-item{display:flex;align-items:center;gap:9px;padding:10px 14px;background:transparent;border:none;width:100%;text-align:left;cursor:pointer;font-size:13px;font-weight:600;color:#111;transition:background .15s}.action-dropdown-item:hover:not(:disabled){background:#f4f4f4}.action-dropdown-item-danger:hover:not(:disabled){background:#fff0f0}.subsession-templates-display{padding:12px 20px 16px;border-top:1px solid #f0f0f0;border-radius:0 0 16px 16px;background:#fafafa}.template-display-row{display:flex;flex-direction:column;gap:8px}.template-display-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#f7f7f7;border:1px solid #e8e8e8;border-radius:8px}.template-display-icon{width:32px;height:32px;background:#111;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.template-display-content{flex:1;min-width:0}.template-display-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#aaa;margin-bottom:2px}.template-display-value{font-size:12px;font-weight:700;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.Op_p_empty_subsessions_pr{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:#fff;border:2px dashed #e0e0e0;border-radius:16px;text-align:center;gap:12px}.Op_p_empty_icon_pr{width:72px;height:72px;background:#f4f4f4;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.Op_p_empty_title_pr{font-size:18px;font-weight:800;color:#111;margin:0;letter-spacing:-.02em}.Op_p_empty_description_pr{font-size:13px;color:#888;margin:0;max-width:380px;line-height:1.6}.Op_p_empty_action_pr{display:flex;gap:12px;margin-top:4px}.edit-subsession-container{display:flex;flex-direction:column;height:100%}.edit-subsession-header{padding:24px;border-bottom:1px solid #e8e8e8;background:#f7f7f7}.edit-subsession-header h2{margin:0 0 4px;font-size:18px;font-weight:800;color:#111}.edit-subsession-header p{margin:0;font-size:13px;color:#888}.edit-subsession-form{flex:1;padding:24px;display:flex;flex-direction:column;gap:18px}.edit-subsession-footer{padding:18px 24px;border-top:1px solid #e8e8e8;background:#f7f7f7;display:flex;justify-content:flex-end;gap:10px}.archived-subsessions-container{display:flex;flex-direction:column;height:100%}.archived-subsessions-header{display:flex;align-items:center;gap:14px;padding:22px 24px;border-bottom:1px solid #e8e8e8;background:#111}.archived-header-icon{width:44px;height:44px;background:#ffffff1f;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.archived-header-text h2{margin:0 0 3px;font-size:17px;font-weight:800;color:#fff}.archived-header-text p{margin:0;font-size:12px;color:#ffffff80}.archived-subsessions-content{flex:1;overflow-y:auto;padding:20px 24px}.archived-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:#aaa;font-size:13px}.archived-subsessions-list{display:flex;flex-direction:column;gap:12px}.archived-subsession-card{background:#f7f7f7;border:1px solid #e8e8e8;border-radius:12px;padding:18px;transition:background .15s}.archived-subsession-card:hover{background:#f0f0f0}.archived-card-header{display:flex;align-items:center;gap:12px;margin-bottom:14px}.archived-card-icon{width:38px;height:38px;background:#e8e8e8;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#888}.archived-card-title{flex:1}.archived-card-title h3{margin:0 0 2px;font-size:15px;font-weight:700;color:#111}.archived-card-code{margin:0;font-size:12px;color:#888}.archived-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:3px 9px;background:#f0f0f0;color:#555;border-radius:20px;border:1px solid #e0e0e0}.archived-card-dates{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#fff;border-radius:8px;margin-bottom:10px;font-size:13px;color:#555;border:1px solid #e8e8e8}.archived-card-templates{display:flex;flex-direction:column;gap:6px;padding:10px 12px;background:#fff;border-radius:8px;margin-bottom:10px;border:1px solid #e8e8e8}.archived-template-item{display:flex;align-items:center;gap:8px;font-size:12px;color:#555}.archived-card-meta{display:flex;align-items:center;gap:8px;padding-top:12px;border-top:1px solid #e8e8e8;font-size:12px}.archived-meta-label{color:#888;font-weight:600}.archived-meta-value{color:#111;font-weight:600}.archived-card-actions{margin-top:14px;padding-top:14px;border-top:1px solid #e8e8e8}.archived-subsessions-footer{display:flex;justify-content:flex-end;gap:10px;padding:18px 24px;border-top:1px solid #e8e8e8}.overlap-modal-container{padding:28px;max-height:80vh;overflow-y:auto}.overlap-modal-header{text-align:center;margin-bottom:28px}.overlap-modal-header h2{margin:0 0 6px;font-size:20px;font-weight:800;color:#111}.overlap-modal-header p{margin:0;font-size:13px;color:#888}.overlap-modal-content{display:flex;flex-direction:column;gap:20px}.reactivating-subsession-info h3,.overlapping-subsessions-info h3{margin:0 0 10px;font-size:14px;font-weight:700;color:#111}.subsession-info-card{background:#f7f7f7;border:1px solid #e8e8e8;border-radius:10px;padding:14px}.subsession-info-card.highlight{background:#f0f0f0;border-color:#111}.subsession-info-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.subsession-info-name{font-size:14px;font-weight:700;color:#111}.subsession-info-status{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:3px 9px;background:#f0f0f0;color:#555;border-radius:20px}.subsession-info-dates{font-size:12px;color:#888;display:flex;align-items:center;gap:6px}.overlap-modal-warning{display:flex;gap:14px;padding:14px;background:#fffbeb;border:1px solid #fde68a;border-left:3px solid #f59e0b;border-radius:10px}.overlap-modal-warning h4{margin:0 0 6px;font-size:14px;font-weight:700;color:#92400e}.overlap-modal-warning p{margin:0 0 6px;font-size:13px;color:#78350f;line-height:1.5}.overlap-modal-warning p:last-child{margin-bottom:0}.warning-note{font-weight:700}.overlap-modal-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;padding-top:20px;border-top:1px solid #e8e8e8}.status-selector-container{position:relative}.status-selector-btn{display:flex;align-items:center;gap:7px;padding:5px 11px;border-radius:8px;font-size:11px;font-weight:700;border:1px solid transparent;cursor:pointer;min-width:90px;justify-content:space-between;transition:all .15s}.status-selector-btn.active{background:#dcfce7;color:#166534;border-color:#bbf7d0}.status-selector-btn.draft{background:#fef9c3;color:#854d0e;border-color:#fde68a}.status-selector-btn.completed{background:#dbeafe;color:#1e40af;border-color:#bfdbfe}.status-selector-btn.locked{background:#fee2e2;color:#991b1b;border-color:#fecaca}.status-indicator{width:7px;height:7px;border-radius:50%;background:currentColor;flex-shrink:0}.status-text{flex:1;text-align:left}.status-arrow{transition:transform .2s}.status-arrow.open{transform:rotate(180deg)}.status-dropdown{position:absolute;top:calc(100% + 6px);right:0;background:#fff;border:1px solid #e8e8e8;border-radius:10px;box-shadow:0 8px 24px #0000001f;z-index:1000;min-width:150px;overflow:hidden}.status-option{display:flex;align-items:center;gap:9px;width:100%;padding:10px 14px;border:none;background:transparent;cursor:pointer;font-size:12px;font-weight:600;color:#111;transition:background .15s}.status-option:hover:not(:disabled){background:#f4f4f4}.status-option:disabled{opacity:.4;cursor:not-allowed}.status-option.selected{background:#f0f0f0}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot.active{background:#22c55e}.status-dot.draft{background:#f59e0b}.status-dot.completed{background:#3b82f6}.status-dot.locked{background:#ef4444}.Op_p_session_info_pr{margin-top:12px;padding:10px 14px;background:#f4f4f4;border-radius:8px;border-left:3px solid #111111;display:flex;align-items:center;gap:8px}.Op_p_session_label_pr{font-size:12px;font-weight:700;color:#888}.Op_p_session_name_pr{font-size:13px;font-weight:700;color:#111}.Op_p_add_subsession_form_pr{display:flex;flex-direction:column;gap:18px;padding:20px}.Op_p_form_error_message_pr{display:flex;align-items:center;gap:8px;color:#c33;font-size:12px;font-weight:600;padding:10px 12px;background:#fff0f0;border-radius:8px;border-left:3px solid #cc3333}.template-selection-container{display:flex;flex-direction:column;height:100%}.template-selection-header{padding:22px 24px;border-bottom:1px solid #e8e8e8;background:#f7f7f7}.template-selection-header h2{margin:0 0 4px;font-size:18px;font-weight:800;color:#111}.template-selection-header p{margin:0;font-size:13px;color:#888}.template-selection-content{flex:1;padding:18px 24px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.template-selection-card{background:#fff;border:1px solid #e8e8e8;border-radius:12px;padding:18px;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s}.template-selection-card:hover{border-color:#111;box-shadow:0 4px 14px #00000014;transform:translateY(-1px)}.template-selection-card.active{border-color:#111;background:#f4f4f4}.template-selection-header-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.template-selection-title{font-size:14px;font-weight:700;color:#111;margin:0}.template-selection-status{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:3px 9px;border-radius:20px}.template-selection-status.active{background:#dcfce7;color:#166534}.template-selection-status.draft{background:#fef9c3;color:#854d0e}.template-selection-description{font-size:13px;color:#888;line-height:1.5;margin-bottom:12px}.template-selection-meta{display:flex;justify-content:space-between;font-size:11px;color:#aaa}.template-selection-footer{padding:18px 24px;border-top:1px solid #e8e8e8;display:flex;justify-content:flex-end}@media(max-width:1024px){.sotp{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.so{padding:16px;gap:20px}.sotp,.sots{grid-template-columns:1fr}.subsession_header_pr{flex-direction:column;align-items:flex-start}.overlap-modal-footer{flex-direction:column-reverse}.overlap-modal-footer button{width:100%;justify-content:center}}@media(max-width:480px){.so{padding:12px}.sotpi{padding:16px}.soypitls h1{font-size:22px}}[data-theme=dark] .so{background:transparent}[data-theme=dark] .sotpi{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .sotpi:after{border-color:#ffffff0a}[data-theme=dark] .sotpi:before{border-color:#ffffff0a}[data-theme=dark] .so-card-ico{background:#f0f0f0;color:#111}[data-theme=dark] .so-card-label{color:#555}[data-theme=dark] .so-card-value{color:#f0f0f0}[data-theme=dark] .so-card-sub{color:#444}[data-theme=dark] .so-section-title,[data-theme=dark] .so-error h3,[data-theme=dark] .subsession_title_pr{color:#f0f0f0}[data-theme=dark] .view_archived_btn_pr{background:#2a2a2a;border-color:#3a3a3a;color:#888}[data-theme=dark] .view_archived_btn_pr:hover{background:#333;color:#f0f0f0}[data-theme=dark] .add_subsession_btn_pr{background:#f0f0f0;color:#111}[data-theme=dark] .add_subsession_btn_pr:hover{background:#e0e0e0}[data-theme=dark] .sotsit{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .sotsit:before{border-color:#ffffff0a}[data-theme=dark] .sotsit:after{border-color:#ffffff08}[data-theme=dark] .soticonsec{background:#f0f0f0;color:#111}[data-theme=dark] .soticonsec .so-term-num{color:#111}[data-theme=dark] .sottitlesec h2{color:#f0f0f0}[data-theme=dark] .sottitlesec p{color:#555}[data-theme=dark] .action-menu-btn{background:#2a2a2a;border-color:#3a3a3a;color:#555}[data-theme=dark] .action-menu-btn:hover{background:#333;color:#f0f0f0}[data-theme=dark] .action-dropdown-menu{background:#1e1e1e;border-color:#2a2a2a;box-shadow:0 8px 24px #0006}[data-theme=dark] .action-dropdown-item:hover:not(:disabled){background:#252525}[data-theme=dark] .action-dropdown-item-danger:hover:not(:disabled){background:#2a1a1a}[data-theme=dark] .subsession-templates-display{border-top-color:#2a2a2a;background:#1a1a1a}[data-theme=dark] .template-display-item{background:#252525;border-color:#333}[data-theme=dark] .template-display-icon{background:#f0f0f0;color:#111}[data-theme=dark] .template-display-value{color:#e0e0e0}[data-theme=dark] .Op_p_empty_subsessions_pr{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .Op_p_empty_icon_pr{background:#2a2a2a}[data-theme=dark] .Op_p_empty_title_pr{color:#f0f0f0}[data-theme=dark] .Op_p_empty_description_pr{color:#555}[data-theme=dark] .edit-subsession-header{background:#1e1e1e;border-bottom-color:#2a2a2a}[data-theme=dark] .edit-subsession-header h2{color:#f0f0f0}[data-theme=dark] .edit-subsession-footer{background:#1e1e1e;border-top-color:#2a2a2a}[data-theme=dark] .archived-subsessions-header{background:#0a0a0a;border-bottom-color:#2a2a2a}[data-theme=dark] .archived-subsessions-content{background:#141414}[data-theme=dark] .archived-subsession-card{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .archived-subsession-card:hover{background:#252525}[data-theme=dark] .archived-card-icon{background:#2a2a2a;color:#555}[data-theme=dark] .archived-card-dates,[data-theme=dark] .archived-card-templates{background:#252525;border-color:#333;color:#aaa}[data-theme=dark] .archived-meta-value{color:#e0e0e0}[data-theme=dark] .archived-card-actions,[data-theme=dark] .archived-subsessions-footer{border-top-color:#2a2a2a}[data-theme=dark] .status-dropdown{background:#1e1e1e;border-color:#2a2a2a;box-shadow:0 8px 24px #0006}[data-theme=dark] .status-option{color:#e0e0e0}[data-theme=dark] .status-option:hover:not(:disabled){background:#252525}[data-theme=dark] .status-option.selected{background:#2a2a2a}[data-theme=dark] .overlap-modal-container{background:#141414}[data-theme=dark] .subsession-info-card{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .subsession-info-card.highlight{background:#252525;border-color:#f0f0f0}[data-theme=dark] .subsession-info-name{color:#f0f0f0}[data-theme=dark] .overlap-modal-footer{border-top-color:#2a2a2a}[data-theme=dark] .template-selection-header{background:#1e1e1e;border-bottom-color:#2a2a2a}[data-theme=dark] .template-selection-header h2{color:#f0f0f0}[data-theme=dark] .template-selection-card{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .template-selection-card:hover{border-color:#f0f0f0}[data-theme=dark] .template-selection-card.active{background:#252525;border-color:#f0f0f0}[data-theme=dark] .template-selection-title{color:#f0f0f0}[data-theme=dark] .template-selection-footer{border-top-color:#2a2a2a}.archive-session-panel-container{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;background:#fff;box-sizing:border-box}.archive-session-panel-header{position:relative;padding:22px 24px 20px;flex-shrink:0;overflow:hidden}.archive-session-panel-header.mode-delete{background:#c33}.archive-session-panel-header.mode-archive{background:#111}.archive-session-panel-header:before{content:"";position:absolute;width:160px;height:160px;border-radius:50%;border:24px solid rgba(255,255,255,.06);top:-60px;right:-40px;pointer-events:none}.archive-session-panel-header:after{content:"";position:absolute;width:52px;height:52px;border-radius:10px;border:1.5px solid rgba(255,255,255,.08);bottom:-18px;right:90px;transform:rotate(20deg);pointer-events:none}.asp-arch-deco{position:absolute;width:80px;height:80px;border-radius:50%;border:12px solid rgba(255,255,255,.05);bottom:-28px;left:-16px;pointer-events:none}.asp-arch-deco2{position:absolute;width:28px;height:28px;border-radius:5px;border:1.5px solid rgba(255,255,255,.07);top:14px;left:200px;transform:rotate(12deg);pointer-events:none}.archive-header-content{position:relative;z-index:1;display:flex;align-items:center;gap:14px}.archive-header-icon{width:46px;height:46px;border-radius:12px;background:#ffffff26;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.archive-header-text{display:flex;flex-direction:column;gap:3px}.archive-session-panel-header h2{margin:0;font-size:17px;font-weight:800;color:#fff;letter-spacing:-.02em}.archive-session-panel-header p{margin:0;font-size:12px;color:#ffffff80;font-weight:500}.archive-session-panel-content{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:20px 20px 28px;display:flex;flex-direction:column;gap:16px;box-sizing:border-box;-webkit-overflow-scrolling:touch}.archive-session-panel-content::-webkit-scrollbar{width:3px}.archive-session-panel-content::-webkit-scrollbar-track{background:transparent}.archive-session-panel-content::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:2px}.archive-session-panel-info{flex-shrink:0;background:linear-gradient(180deg,#fafafa,#f4f4f5);border:1px solid #ececec;border-radius:16px;padding:14px 14px 12px;box-shadow:0 1px #fffc inset;overflow:visible}.archive-info-heading{margin:0 2px 10px;font-size:11px;font-weight:700;color:#8a8a8a;text-transform:uppercase;letter-spacing:.08em}.archive-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.archive-session-panel-info .archive-info-item{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:8px;min-width:0;padding:16px 18px;background:#fff;border:1px solid #ececec;border-radius:12px;box-sizing:border-box}.archive-info-item--period{grid-column:1 / -1}.archive-info-label{font-size:10px;font-weight:700;color:#9a9a9a;text-transform:uppercase;letter-spacing:.06em;line-height:1.2}.archive-info-value{font-size:13px;font-weight:700;color:#111;text-align:left;line-height:1.45;overflow-wrap:anywhere;word-break:break-word;white-space:normal}.archive-info-sep{display:inline-block;margin:0 6px;color:#c4c4c4;font-weight:600}.archive-status-pill{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:4px 10px;border-radius:20px;line-height:1.2;display:inline-flex;align-items:center}.archive-status-pill.active{background:#dcfce7;color:#166534}.archive-status-pill.draft{background:#fef9c3;color:#854d0e}.archive-status-pill.completed{background:#dbeafe;color:#1e40af}.archive-status-pill.archived{background:#f3f4f6;color:#6b7280}.archive-warning-box{display:flex;gap:12px;padding:16px;border-radius:10px;border-left:3px solid;flex-shrink:0}.archive-warning-box.warn-delete{background:#fff0f0;border-color:#c33;border:1px solid #ffcccc;border-left:3px solid #cc3333}.archive-warning-box.warn-archive{background:#fffbeb;border:1px solid #fde68a;border-left:3px solid #f59e0b}.archive-warning-icon{flex-shrink:0;margin-top:1px}.archive-warning-content h4{margin:0 0 8px;font-size:13px;font-weight:800;color:#111}.archive-warning-content p{margin:0 0 6px;font-size:12px;color:#555;line-height:1.5}.archive-warning-content p:last-child{margin-bottom:0}.archive-warning-content ul{margin:6px 0 8px;padding-left:18px;display:flex;flex-direction:column;gap:3px}.archive-warning-content li{font-size:12px;color:#555;line-height:1.5}.archive-warning-note{font-size:12px;font-weight:700;color:#111!important;margin-top:10px!important}.archive-session-panel-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:14px 24px;border-top:1px solid #e8e8e8;background:#f7f7f7;flex-shrink:0}[data-theme=dark] .archive-session-panel-container{background:#1a1a1a}[data-theme=dark] .archive-session-panel-header.mode-archive{background:#0a0a0a}[data-theme=dark] .archive-session-panel-header.mode-delete{background:#7a1a1a}[data-theme=dark] .archive-session-panel-content{background:#1a1a1a}[data-theme=dark] .archive-session-panel-content::-webkit-scrollbar-thumb{background:#2a2a2a}[data-theme=dark] .archive-session-panel-info{background:linear-gradient(180deg,#222,#1c1c1c);border-color:#2e2e2e;box-shadow:none}[data-theme=dark] .archive-info-heading{color:#777}[data-theme=dark] .archive-session-panel-info .archive-info-item{background:#161616;border-color:#2e2e2e;padding:16px 18px}[data-theme=dark] .archive-info-value{color:#f0f0f0}[data-theme=dark] .archive-info-sep{color:#555}[data-theme=dark] .archive-status-pill.active{background:#052e16;color:#86efac}[data-theme=dark] .archive-status-pill.draft{background:#2a2108;color:#fde68a}[data-theme=dark] .archive-status-pill.completed{background:#0b1c33;color:#93c5fd}[data-theme=dark] .archive-status-pill.archived{background:#1f1f1f;color:#a3a3a3}[data-theme=dark] .archive-warning-box.warn-archive{background:#1e1a0a;border-color:#3a2a00;border-left-color:#f59e0b}[data-theme=dark] .archive-warning-box.warn-delete{background:#2a1010;border-color:#3a1a1a;border-left-color:#f87171}[data-theme=dark] .archive-warning-content h4{color:#f0f0f0}[data-theme=dark] .archive-warning-content p,[data-theme=dark] .archive-warning-content li{color:#888}[data-theme=dark] .archive-warning-note{color:#f0f0f0!important}[data-theme=dark] .archive-session-panel-footer{background:#1e1e1e;border-top-color:#2a2a2a}@media(max-width:480px){.archive-info-grid{grid-template-columns:1fr}.archive-info-item--period{grid-column:auto}}.asp-container{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;background:#fff;box-sizing:border-box}.asp-header:before{content:"";position:absolute;width:160px;height:160px;border-radius:50%;border:24px solid rgba(255,255,255,.05);top:-60px;right:-40px;pointer-events:none}.asp-header:after{content:"";position:absolute;width:52px;height:52px;border-radius:10px;border:1.5px solid rgba(255,255,255,.07);bottom:-18px;right:90px;transform:rotate(20deg);pointer-events:none}.asp-header-deco{position:absolute;width:80px;height:80px;border-radius:50%;border:12px solid rgba(255,255,255,.04);bottom:-28px;left:-16px;pointer-events:none}.asp-header-deco2{position:absolute;width:28px;height:28px;border-radius:5px;border:1.5px solid rgba(255,255,255,.06);top:14px;left:200px;transform:rotate(12deg);pointer-events:none}.asp-header-contentt{position:relative;z-index:1;display:flex;gap:4px}.asp-header-title{margin:0;font-size:17px;font-weight:800;color:#fff;letter-spacing:-.02em}.asp-header-sub{margin:0;font-size:12px;color:#ffffff73;font-weight:500}.asp-session-pill{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:5px 10px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:20px;font-size:11px;font-weight:700;color:#ffffffb3;width:fit-content}.asp-session-pill span{color:#fff}.asp-warning{display:flex;align-items:center;gap:9px;padding:11px 24px;background:#fffbeb;border-bottom:1px solid #fde68a;border-left:3px solid #f59e0b;font-size:12px;font-weight:600;color:#854d0e;flex-shrink:0}.asp-warning svg{flex-shrink:0;color:#f59e0b}.asp-body{flex:1;min-height:0;overflow-y:auto;padding:22px 24px;display:flex;flex-direction:column;gap:6px;box-sizing:border-box}.asp-body::-webkit-scrollbar-track{background:transparent}.asp-template-section{margin-top:8px;padding-top:18px;border-top:1px solid #f0f0f0;display:flex;flex-direction:column;gap:12px}.asp-template-label{font-size:13px;font-weight:700;color:#111;margin:0 0 4px}.asp-template-selected{padding:14px 16px;background:#f4f4f4;border:1px solid #e0e0e0;border-left:3px solid #111111;border-radius:8px;display:flex;flex-direction:column;gap:3px}.asp-template-selected-eyebrow{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#888}.asp-template-selected-name{font-size:14px;font-weight:700;color:#111}.asp-template-selected-desc{font-size:12px;color:#888;line-height:1.5}.asp-template-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px;background:#f7f7f7;border:2px dashed #e0e0e0;border-radius:8px;color:#aaa;font-size:12px;font-weight:500;text-align:center}.asp-errors{display:flex;flex-direction:column;gap:6px;margin-top:4px}.asp-error-msg{display:flex;align-items:center;gap:7px;padding:10px 12px;background:#fff0f0;border:1px solid #ffcccc;border-left:3px solid #cc3333;border-radius:8px;font-size:12px;font-weight:600;color:#c33}.asp-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:14px 24px;border-top:1px solid #e8e8e8;background:#f7f7f7;flex-shrink:0}[data-theme=dark] .asp-warning{background:#1e1a0a;border-bottom-color:#3a2a00;border-left-color:#f59e0b;color:#fcd34d}[data-theme=dark] .asp-template-section{border-top-color:#2a2a2a}[data-theme=dark] .asp-template-label{color:#f0f0f0}[data-theme=dark] .asp-template-selected{background:#252525;border-color:#333;border-left-color:#f0f0f0}[data-theme=dark] .asp-template-selected-name{color:#f0f0f0}[data-theme=dark] .asp-template-selected-desc{color:#666}[data-theme=dark] .asp-template-empty{background:#252525;border-color:#333;color:#555}.create-session-wizard{display:flex;flex-direction:column;gap:0;padding:28px;max-width:860px;margin:0 auto;position:relative}.wizard-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:24px;margin-bottom:8px;border-bottom:1px solid #e8e8e8;position:relative}.wizard-header:after{content:"";position:absolute;width:70px;height:70px;border-radius:12px;border:2px solid rgba(0,0,0,.06);top:-20px;right:60px;transform:rotate(18deg);pointer-events:none;box-shadow:-34px 34px 0 2px #00000008}.header-content h2{margin:0 0 4px;font-size:24px;font-weight:800;color:#111;letter-spacing:-.02em}.header-content p{margin:0;font-size:14px;color:#888}.wizard-list{display:flex;flex-direction:column;gap:0}.list-item{border-bottom:1px solid #f0f0f0}.list-item:last-child{border-bottom:none}.item-header{display:flex;justify-content:space-between;align-items:center;padding:18px 0;cursor:pointer;transition:background .15s;border-radius:10px}.item-header:hover{background:#f7f7f7;padding:18px 12px;margin:0 -12px}.item-header.active{background-color:#f4f4f4;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23noise)' opacity='0.08'/%3E%3C/svg%3E");background-repeat:repeat;background-size:160px 160px;padding:18px 16px;margin:0 -16px;border-radius:10px}.item-header.completed{opacity:.65}.item-header.disabled{opacity:.35;cursor:not-allowed}.item-info{display:flex;align-items:center;gap:14px}.item-icon{width:36px;height:36px;border-radius:10px;background:#f0f0f0;border:1px solid #e0e0e0;display:flex;align-items:center;justify-content:center;color:#888;font-size:14px;flex-shrink:0;transition:all .2s}.item-header.active .item-icon,.item-header.completed .item-icon{background:#111;border-color:#111;color:#fff}.item-text h3{margin:0 0 2px;font-size:15px;font-weight:700;color:#111}.item-text p{margin:0;font-size:12px;color:#888}.item-content{padding:20px 0 24px 50px;animation:expandContent .3s ease-out forwards;overflow:visible}@keyframes expandContent{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.section-content{display:flex;flex-direction:column;gap:20px;margin-bottom:4px;min-height:200px;padding-bottom:50px;overflow:visible}.step-navigation{display:flex;align-items:center;gap:10px;padding-top:20px;border-top:1px solid #f0f0f0;margin-top:8px}.nav-spacer{flex:1}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.draft-warning{margin:0 0 16px;padding:14px 18px;background:#f7f7f7;border:1px solid #e0e0e0;border-left:3px solid #111111;border-radius:8px;color:#555;font-size:13px;font-weight:500}.promotion-template-selection{margin-bottom:20px}.create-template-selection-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px;gap:16px}.create-header-content{display:flex;flex-direction:column;gap:4px;flex:1}.create-header-content h4{margin:0;font-size:15px;font-weight:700;color:#111}.create-header-content p{margin:0;font-size:13px;color:#888}.create-header-actions{display:flex;gap:8px;flex-shrink:0;align-items:flex-start}[data-theme=dark] .create-header-content h4{color:#f0f0f0}[data-theme=dark] .create-header-content p{color:#666}.template-action-btn{width:34px;height:34px;background:#f4f4f4;border:1px solid #e0e0e0;border-radius:8px;color:#555;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:13px;transition:all .15s}.template-action-btn:hover{background:#ebebeb;color:#111}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.promotion-template-card{background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23noise)' opacity='0.07'/%3E%3C/svg%3E");background-repeat:repeat;background-size:160px 160px;border:1px solid #e8e8e8;border-radius:12px;padding:18px;cursor:pointer;transition:all .2s;position:relative;overflow:hidden}.promotion-template-card:after{content:"";position:absolute;width:70px;height:70px;border-radius:50%;border:10px solid rgba(0,0,0,.03);bottom:-20px;right:-16px;pointer-events:none}.promotion-template-card:hover{border-color:#111;box-shadow:0 4px 14px #00000014;transform:translateY(-2px)}.promotion-template-card.selected{border-color:#111;background-color:#f4f4f4;box-shadow:0 4px 14px #0000001a}.template-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.template-card-title{font-size:15px;font-weight:700;color:#111;margin:0}.template-card-status{padding:3px 8px;border-radius:20px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.template-card-status.active{background:#f0f0f0;color:#111;border:1px solid #e0e0e0}.template-card-description{font-size:13px;color:#888;line-height:1.5;margin-bottom:12px}.template-card-meta{display:flex;justify-content:space-between;font-size:11px;color:#aaa}.promotion-analysis{border:1px solid #e8e8e8;border-radius:14px;overflow:hidden;margin-top:24px;box-shadow:0 2px 8px #0000000d}.pa-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px 16px;background:#111;position:relative;overflow:hidden}.pa-header:before{content:"";position:absolute;width:80px;height:80px;border-radius:14px;border:2px solid rgba(255,255,255,.08);top:-26px;right:24px;transform:rotate(18deg);pointer-events:none;box-shadow:-38px 38px 0 2px #ffffff0d}.pa-header:after{content:"";position:absolute;width:44px;height:44px;border-radius:8px;border:1.5px solid rgba(255,255,255,.06);bottom:-16px;right:70px;transform:rotate(32deg);pointer-events:none}.pa-header-left{display:flex;flex-direction:column;gap:4px;position:relative;z-index:1}.pa-eyebrow{display:flex;align-items:center;gap:7px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#ffffff8c}.pa-sub{font-size:12px;color:#ffffff80;margin:0}.pa-sub strong{color:#ffffffd9}.pa-total{display:flex;flex-direction:column;align-items:flex-end;position:relative;z-index:1}.pa-total-num{font-size:1.8rem;font-weight:800;color:#fff;line-height:1}.pa-total-lbl{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#ffffff73}.analysis-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:0;background-color:#fafafa;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23noise)' opacity='0.08'/%3E%3C/svg%3E");background-repeat:repeat;background-size:160px 160px}.analysis-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px 16px;cursor:pointer;transition:background .15s;border-right:1px solid #e8e8e8;text-align:center}.analysis-card:last-child{border-right:none}.analysis-card:hover{background:#f0f0f0}.card-icon{width:48px;height:48px;border-radius:12px;background:#111;color:#fff;display:flex;align-items:center;justify-content:center}.card-content{display:flex;flex-direction:column;align-items:center;gap:2px}.card-content .count{font-size:2rem;font-weight:800;color:#111;line-height:1}.card-content h5{margin:0;font-size:11px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.06em}[data-theme=dark] .promotion-analysis{border-color:#2a2a2a}[data-theme=dark] .pa-header{background:#111}[data-theme=dark] .analysis-cards{background-color:#1e1e1e}[data-theme=dark] .analysis-card{border-right-color:#2a2a2a}[data-theme=dark] .analysis-card:hover{background:#252525}[data-theme=dark] .card-icon{background:#f0f0f0;color:#111}.subsessions-config{display:flex;flex-direction:column;gap:0}.sc-header{display:flex;flex-direction:column;gap:4px;margin-bottom:20px}.sc-eyebrow{display:flex;align-items:center;gap:7px;font-size:15px;font-weight:800;color:#111;letter-spacing:-.01em}.sc-sub{font-size:13px;color:#888;margin:0}.sc-subsession-card{background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23noise)' opacity='0.07'/%3E%3C/svg%3E");background-repeat:repeat;background-size:160px 160px;border:1px solid #e8e8e8;border-radius:14px;margin-bottom:18px;overflow:hidden;box-shadow:0 2px 8px #0000000d;position:relative}.sc-subsession-card:before{content:"";position:absolute;width:100px;height:100px;border-radius:50%;border:12px solid rgba(0,0,0,.03);bottom:-30px;right:-24px;pointer-events:none}.sc-subsession-card:after{content:"";position:absolute;width:32px;height:32px;border-radius:6px;border:2px solid rgba(0,0,0,.04);bottom:20px;right:50px;transform:rotate(22deg);pointer-events:none}.sc-has-errors{border-color:#c33!important;border-width:2px!important}.sc-card-top{display:flex;align-items:center;justify-content:space-between;padding:14px 20px 0;position:relative;z-index:1}.sc-card-top-left{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sc-term-num{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#888;background:#f0f0f0;padding:3px 8px;border-radius:20px;border:1px solid #e0e0e0}.sc-term-name{font-size:14px;font-weight:700;color:#111}.sc-default-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:3px 8px;background:#111;color:#fff;border-radius:20px}.sc-remove-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;background:#f4f4f4;border:1px solid #e0e0e0;border-radius:8px;font-size:12px;font-weight:600;color:#c33;cursor:pointer;transition:all .15s;flex-shrink:0}.sc-remove-btn:hover:not(:disabled){background:#fff0f0;border-color:#c33}.sc-remove-btn:disabled{opacity:.35;cursor:not-allowed;color:#aaa}.sc-card-body{padding:20px;position:relative;z-index:1}.sc-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;margin-bottom:0}.sc-field{min-width:0}.sc-template-section{margin-top:16px;padding-top:16px;border-top:1px solid #f0f0f0;display:flex;flex-direction:column;gap:12px}.sc-template-warning{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#f7f7f7;border:1px solid #e0e0e0;border-left:3px solid #111111;border-radius:8px;font-size:12px;font-weight:500;color:#555}.sc-template-selected{display:flex;flex-direction:column;gap:3px;padding:14px 16px;background:#f4f4f4;border:1px solid #e0e0e0;border-left:3px solid #111111;border-radius:8px}.sc-template-selected-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#888}.sc-template-selected-name{font-size:14px;font-weight:700;color:#111}.sc-template-selected-desc{font-size:12px;color:#888;line-height:1.5}.sc-template-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px;background:#f7f7f7;border:2px dashed #e0e0e0;border-radius:8px;color:#aaa;font-size:12px;font-weight:500}.sc-card-footer{padding:12px 20px;border-top:1px solid #f0f0f0;display:flex;justify-content:flex-end;background:#fafafa}[data-theme=dark] .sc-eyebrow{color:#f0f0f0}[data-theme=dark] .sc-sub{color:#666}[data-theme=dark] .sc-subsession-card{background-color:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .sc-subsession-card:before{border-color:#ffffff0a}[data-theme=dark] .sc-subsession-card:after{border-color:#ffffff0a}[data-theme=dark] .sc-has-errors{border-color:#f87171!important}[data-theme=dark] .sc-term-num{background:#2a2a2a;color:#888;border-color:#3a3a3a}[data-theme=dark] .sc-term-name{color:#f0f0f0}[data-theme=dark] .sc-default-badge{background:#f0f0f0;color:#111}[data-theme=dark] .sc-remove-btn{background:#2a2a2a;border-color:#3a3a3a;color:#f87171}[data-theme=dark] .sc-remove-btn:hover:not(:disabled){background:#3a1a1a;border-color:#f87171}[data-theme=dark] .sc-template-section{border-top-color:#2a2a2a}[data-theme=dark] .sc-template-warning{background:#252525;border-color:#333;border-left-color:#f0f0f0;color:#aaa}[data-theme=dark] .sc-template-selected{background:#252525;border-color:#333;border-left-color:#f0f0f0}[data-theme=dark] .sc-template-selected-name{color:#f0f0f0}[data-theme=dark] .sc-template-selected-desc{color:#666}[data-theme=dark] .sc-template-empty{background:#252525;border-color:#333;color:#555}@media(max-width:600px){.sc-form-grid{grid-template-columns:1fr}}.class-assignment-row-simple{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start;padding:20px;background:#fff;border:1px solid #e8e8e8;border-radius:12px;transition:all .2s;box-shadow:0 1px 3px #0000000a;position:relative;z-index:1}.class-assignment-row-simple:hover{border-color:#d0d0d0;box-shadow:0 4px 12px #00000012;transform:translateY(-1px);z-index:2}.class-assignment-row-simple:has(.searchable-select-dropdown){z-index:100}.class-assignment-row-simple .searchable-select-container{position:relative;z-index:101}.class-list{display:flex;flex-direction:column;gap:12px;padding-bottom:200px}.class-info{display:flex;flex-direction:column;gap:6px}.class-info h5{margin:0;font-size:15px;font-weight:700;color:#111}.class-level{font-size:11px;color:#888;background:#f4f4f4;padding:3px 10px;border-radius:20px;width:fit-content;font-weight:600;text-transform:uppercase;letter-spacing:.04em;border:1px solid #e8e8e8}.current-headmaster-info{margin-top:6px;padding:10px 12px;background:#f7f7f7;border:1px solid #e8e8e8;border-radius:8px}.current-label{font-size:10px;color:#aaa;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.current-name{font-size:13px;color:#111;font-weight:600;margin-top:2px}.class-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;padding:14px;background:#f7f7f7;border-radius:10px;border:1px solid #e8e8e8}.class-tab{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;font-size:12px;font-weight:600;color:#555;cursor:pointer;transition:all .15s;white-space:nowrap}.class-tab:hover{background:#f4f4f4;border-color:#aaa;color:#111}.class-tab.active{background:#111;border-color:#111;color:#fff}.class-level-badge{font-size:10px;padding:1px 6px;border-radius:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.class-tab:not(.active) .class-level-badge{background:#f0f0f0;color:#888}.class-tab.active .class-level-badge{background:#ffffff2e;color:#fffc}.class-tab-content{padding:20px 0;min-height:300px}.class-header{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid #f0f0f0}.class-header h5{margin:0;font-size:18px;font-weight:700;color:#111}.class-subject-section{background:#fff;border:1px solid #e8e8e8;border-radius:12px;padding:18px;box-shadow:0 1px 3px #0000000a;transition:all .2s}.class-subject-section:hover{border-color:#d0d0d0;box-shadow:0 3px 10px #0000000f}.class-subject-section h5{margin:0 0 14px;font-size:14px;font-weight:700;color:#111;padding-bottom:10px;border-bottom:1px solid #f0f0f0}.subject-assignments{display:flex;flex-direction:column;gap:12px}.subject-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center;padding:12px 14px;background:#f7f7f7;border:1px solid #e8e8e8;border-radius:8px;transition:background .15s}.subject-row:hover{background:#f0f0f0}.subject-name{font-size:13px;color:#374151;font-weight:600}.previous-session-badge{font-size:10px;padding:2px 7px;background:#f0f0f0;color:#555;border-radius:20px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;width:fit-content;border:1px solid #e0e0e0}.review-section{display:flex;flex-direction:column;gap:20px}.review-header{text-align:center;margin-bottom:4px}.review-header h4{margin:0 0 6px;font-size:22px;font-weight:800;color:#111;letter-spacing:-.02em}.review-header p{margin:0;font-size:14px;color:#888}.review-card{background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23noise)' opacity='0.07'/%3E%3C/svg%3E");background-repeat:repeat;background-size:160px 160px;border:1px solid #e8e8e8;border-radius:14px;padding:22px;box-shadow:0 2px 8px #0000000d;transition:all .2s;position:relative;overflow:hidden}.review-card:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;border:12px solid rgba(0,0,0,.03);bottom:-30px;right:-24px;pointer-events:none}.review-card:hover{box-shadow:0 6px 18px #00000014;transform:translateY(-1px)}.review-card h5{margin:0 0 16px;font-size:16px;font-weight:700;color:#111;padding-bottom:12px;border-bottom:1px solid #f0f0f0}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.info-grid-row{grid-template-columns:repeat(3,1fr)}@media(max-width:700px){.info-grid-row{grid-template-columns:1fr}}.info-item{display:flex;flex-direction:column;gap:4px;padding:12px 14px;background:#f7f7f7;border-radius:8px;border:1px solid #e8e8e8}.info-item label{font-size:10px;font-weight:700;color:#888;text-transform:uppercase;letter-spacing:.06em}.info-item span{color:#111;font-weight:700;font-size:13px}.stats-grid,.promotion-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.stat-card,.promotion-stat{display:flex;align-items:center;gap:14px;padding:18px;border-radius:12px;background:#f7f7f7;border:1px solid #e8e8e8;transition:all .2s}.stat-card:hover,.promotion-stat:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.stat-card.headmaster-changes,.stat-card.subject-changes,.stat-card.subsessions-created,.stat-card.total-subsessions,.promotion-stat.promoted,.promotion-stat.demoted,.promotion-stat.graduated{background:#f7f7f7;border-color:#e8e8e8}.stat-icon,.promotion-icon{width:42px;height:42px;border-radius:10px;background:#111;color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.stat-content,.promotion-content{display:flex;flex-direction:column;gap:3px}.stat-number,.promotion-number{font-size:26px;font-weight:800;color:#111;line-height:1}.stat-label,.promotion-label{font-size:11px;color:#888;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.subsessions-review{display:flex;flex-direction:column;gap:10px}.subsession-review-item{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:#f7f7f7;border:1px solid #e8e8e8;border-radius:8px;transition:background .15s}.subsession-review-item:hover{background:#f0f0f0}.subsession-name{display:flex;align-items:center;gap:8px;font-weight:600;color:#111;font-size:14px}.default-badge{font-size:10px;padding:2px 7px;background:#f0f0f0;color:#555;border-radius:20px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;border:1px solid #e0e0e0}.subsession-dates{font-size:13px;color:#888;font-weight:500}.ready-card{background:#111!important;border-color:#111!important}.ready-content{display:flex;align-items:center;gap:18px}.ready-icon{width:56px;height:56px;background:#ffffff26;color:#fff;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.ready-text h6{margin:0 0 6px;font-size:18px;font-weight:800;color:#fff}.ready-text p{margin:0;font-size:14px;color:#ffffffa6;line-height:1.5}.student-list-container{display:flex;flex-direction:column;height:100%}.student-list-header{display:flex;align-items:center;justify-content:space-between;padding:20px 22px 18px;background:#111;border-bottom:1px solid #2a2a2a;position:relative;overflow:hidden;flex-shrink:0}.student-list-header:before{content:"";position:absolute;width:80px;height:80px;border-radius:14px;border:2px solid rgba(255,255,255,.08);top:-26px;right:60px;transform:rotate(18deg);pointer-events:none;box-shadow:-38px 38px 0 2px #ffffff0d}.student-list-header:after{content:"";position:absolute;width:40px;height:40px;border-radius:8px;border:1.5px solid rgba(255,255,255,.06);bottom:-14px;right:110px;transform:rotate(32deg);pointer-events:none}.sl-header-left{display:flex;flex-direction:column;gap:4px;position:relative;z-index:1}.sl-eyebrow{display:flex;align-items:center;gap:7px;font-size:15px;font-weight:800;color:#fff}.sl-sub{font-size:12px;color:#ffffff80;margin:0}.sl-close-btn{width:32px;height:32px;border-radius:8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);color:#ffffffb3;font-size:20px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:1;transition:background .15s}.sl-close-btn:hover{background:#fff3;color:#fff}.search-section{padding:14px 22px;border-bottom:1px solid #e8e8e8;background:#fff}.search-input-container{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:12px;color:#aaa;font-size:13px;z-index:1}.search-input{width:100%;padding:10px 12px 10px 36px;border:1px solid #e0e0e0;border-radius:8px;font-size:13px;background:#f7f7f7;transition:all .15s;outline:none}.search-input:focus{border-color:#111;background:#fff;box-shadow:0 0 0 3px #0000000f}.search-input::placeholder{color:#aaa}.student-list-content{flex:1;padding:16px 22px;overflow-y:auto;overflow-x:visible;background-color:#fafafa;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23noise)' opacity='0.07'/%3E%3C/svg%3E");background-repeat:repeat;background-size:160px 160px}.student-count{margin-bottom:14px;font-size:12px;color:#888;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.mm-student-row-slide{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:start;padding:16px;background:#fff;border:1px solid #e8e8e8;border-radius:10px;margin-bottom:10px;transition:border-color .15s,box-shadow .15s;box-shadow:0 1px 3px #0000000a;position:relative;z-index:1}.mm-student-row-slide:hover{background:#f7f7f7;border-color:#d0d0d0;box-shadow:0 4px 12px #00000014;z-index:2}.mm-student-row-slide:has(.searchable-select-dropdown){z-index:100}.mm-student-main-info{display:flex;align-items:center;gap:10px;margin-bottom:6px}.mm-student-main-info h6{margin:0;font-size:14px;font-weight:700;color:#111}.mm-student-id{padding:2px 7px;background:#f0f0f0;color:#888;border-radius:10px;font-size:10px;font-weight:700;border:1px solid #e8e8e8}.mm-student-class-info{display:flex;align-items:center;gap:6px;margin-bottom:4px}.mm-student-class-label{font-size:11px;color:#aaa;font-weight:500}.mm-student-class{display:inline-block;padding:2px 8px;background:#f0f0f0;color:#555;border-radius:20px;font-size:11px;font-weight:600;border:1px solid #e8e8e8}.mm-student-next-class{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:12px}.mm-next-class-label{color:#888;font-weight:500}.mm-next-class-value{font-weight:700;color:#111}.mm-student-next-class.demote .mm-next-class-value{color:#888}.mm-student-next-class.graduate .mm-next-class-value{color:#555}.mm-student-actions{min-width:160px}.no-students{text-align:center;padding:40px 20px;color:#aaa}.no-students p{margin:0;font-size:13px}.previous-session-summary{margin-bottom:18px;padding:14px 16px;background:#f7f7f7;border:1px solid #e8e8e8;border-left:3px solid #111111;border-radius:8px}.summary-info{display:flex;justify-content:space-between;align-items:center;gap:16px}.summary-text{font-size:13px;color:#555;font-weight:600}.clear-all-btn{padding:5px 12px;background:#f4f4f4;color:#c33;border:1px solid #e0e0e0;border-radius:6px;font-size:11px;font-weight:700;cursor:pointer;transition:all .15s}.clear-all-btn:hover{background:#fff0f0;border-color:#c33}.no-data-message{padding:20px;text-align:center;color:#aaa;font-size:13px}.headmaster-assignment{margin-bottom:8px}.period-config{margin-bottom:16px;padding:16px;background:#f7f7f7;border:1px solid #e8e8e8;border-radius:10px}.period-header h5{margin:0 0 12px;font-size:13px;font-weight:700;color:#111}.period-form{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px}@media(max-width:768px){.create-session-wizard{padding:16px}.wizard-header{flex-direction:column;gap:14px;align-items:flex-start}.subsession-info,.class-assignment-row-simple,.subject-row,.period-form{grid-template-columns:1fr}.item-content{padding:16px 0 20px}.mm-student-row-slide{grid-template-columns:1fr}.mm-student-actions{min-width:unset}}[data-theme=dark] .create-session-wizard{background:transparent}[data-theme=dark] .wizard-header{border-bottom-color:#2a2a2a}[data-theme=dark] .wizard-header:after{border-color:#ffffff12;box-shadow:-34px 34px 0 2px #ffffff0a}[data-theme=dark] .header-content h2{color:#f0f0f0}[data-theme=dark] .header-content p{color:#666}[data-theme=dark] .list-item{border-bottom-color:#2a2a2a}[data-theme=dark] .item-header:hover{background:#252525}[data-theme=dark] .item-header.active{background-color:#252525}[data-theme=dark] .item-icon{background:#2a2a2a;border-color:#3a3a3a;color:#888}[data-theme=dark] .item-header.active .item-icon,[data-theme=dark] .item-header.completed .item-icon{background:#f0f0f0;border-color:#f0f0f0;color:#111}[data-theme=dark] .item-text h3{color:#f0f0f0}[data-theme=dark] .item-text p{color:#666}[data-theme=dark] .step-navigation{border-top-color:#2a2a2a}[data-theme=dark] .draft-warning{background:#252525;border-color:#3a3a3a;border-left-color:#f0f0f0;color:#aaa}[data-theme=dark] .promotion-template-card{background-color:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .promotion-template-card:hover{border-color:#f0f0f0}[data-theme=dark] .promotion-template-card.selected{background-color:#2a2a2a;border-color:#f0f0f0}[data-theme=dark] .template-card-description{color:#666}[data-theme=dark] .template-card-status.active{background:#2a2a2a;color:#aaa;border-color:#3a3a3a}[data-theme=dark] .template-card-meta{color:#555}[data-theme=dark] .template-action-btn{background:#2a2a2a;border-color:#3a3a3a;color:#888}[data-theme=dark] .template-action-btn:hover{background:#333;color:#f0f0f0}[data-theme=dark] .promotion-analysis{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .promotion-analysis h4{color:#f0f0f0}[data-theme=dark] .analysis-card{background:#252525;border-color:#333}[data-theme=dark] .analysis-card:hover{border-color:#f0f0f0}[data-theme=dark] .card-content h5{color:#666}[data-theme=dark] .card-content .count{color:#f0f0f0}[data-theme=dark] .subsession-row{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .default-term-badge{background:#2a2a2a;color:#888;border-color:#3a3a3a}[data-theme=dark] .remove-subsession-btn{background:#2a2a2a;border-color:#3a3a3a;color:#f87171}[data-theme=dark] .class-assignment-row-simple{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .class-info h5{color:#f0f0f0}[data-theme=dark] .class-level{background:#2a2a2a;color:#888;border-color:#3a3a3a}[data-theme=dark] .current-headmaster-info{background:#252525;border-color:#333}[data-theme=dark] .current-name{color:#f0f0f0}[data-theme=dark] .class-tabs{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .class-tab{background:#252525;border-color:#333;color:#888}[data-theme=dark] .class-tab:hover{background:#2a2a2a;color:#f0f0f0}[data-theme=dark] .class-tab.active{background:#f0f0f0;border-color:#f0f0f0;color:#111}[data-theme=dark] .class-header{border-bottom-color:#2a2a2a}[data-theme=dark] .class-header h5{color:#f0f0f0}[data-theme=dark] .class-subject-section{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .class-subject-section h5{color:#f0f0f0;border-bottom-color:#2a2a2a}[data-theme=dark] .subject-row{background:#252525;border-color:#333}[data-theme=dark] .subject-row:hover{background:#2a2a2a}[data-theme=dark] .subject-name{color:#e0e0e0}[data-theme=dark] .previous-session-badge{background:#2a2a2a;color:#888;border-color:#3a3a3a}[data-theme=dark] .review-card{background-color:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .review-card h5{color:#f0f0f0;border-bottom-color:#2a2a2a}[data-theme=dark] .info-item{background:#252525;border-color:#333}[data-theme=dark] .info-item label{color:#666}[data-theme=dark] .info-item span{color:#f0f0f0}[data-theme=dark] .stat-card,[data-theme=dark] .promotion-stat{background:#252525;border-color:#333}[data-theme=dark] .stat-icon,[data-theme=dark] .promotion-icon{background:#f0f0f0;color:#111}[data-theme=dark] .stat-number,[data-theme=dark] .promotion-number{color:#f0f0f0}[data-theme=dark] .subsession-review-item{background:#252525;border-color:#333}[data-theme=dark] .subsession-review-item:hover{background:#2a2a2a}[data-theme=dark] .subsession-name{color:#f0f0f0}[data-theme=dark] .default-badge{background:#2a2a2a;color:#888;border-color:#3a3a3a}[data-theme=dark] .subsession-dates{color:#666}[data-theme=dark] .student-list-header{background:#111;border-bottom-color:#2a2a2a}[data-theme=dark] .search-section{background:#1e1e1e;border-bottom-color:#2a2a2a}[data-theme=dark] .search-input{background:#252525;border-color:#3a3a3a;color:#e0e0e0}[data-theme=dark] .student-list-content{background-color:#141414}[data-theme=dark] .mm-student-row-slide{background:#1e1e1e;border-color:#2a2a2a;box-shadow:none}[data-theme=dark] .mm-student-row-slide:hover{background:#252525}[data-theme=dark] .mm-student-main-info h6{color:#f0f0f0}[data-theme=dark] .mm-student-id,[data-theme=dark] .mm-student-class{background:#2a2a2a;color:#888;border-color:#3a3a3a}[data-theme=dark] .mm-next-class-value{color:#e0e0e0}[data-theme=dark] .student-count{color:#555}[data-theme=dark] .search-input:focus{border-color:#f0f0f0;background:#2a2a2a;box-shadow:none}[data-theme=dark] .previous-session-summary{background:#252525;border-color:#333;border-left-color:#f0f0f0}[data-theme=dark] .summary-text{color:#aaa}[data-theme=dark] .period-config{background:#252525;border-color:#333}[data-theme=dark] .period-header h5{color:#f0f0f0}.wizard-error-box{grid-column:1 / -1;margin-top:10px;padding:12px 14px;background:#fff5f5;border:1px solid #ffcccc;border-left:3px solid #cc3333;border-radius:8px;display:flex;flex-direction:column;gap:6px}.wizard-error-msg{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:500;color:#c33}[data-theme=dark] .wizard-error-box{background:#2a1a1a;border-color:#5a2020;border-left-color:#f87171}[data-theme=dark] .wizard-error-msg{color:#f87171}.asl-container{padding:24px;max-width:1400px;margin:0 auto;position:relative;overflow:hidden}.asl-info-banner{display:flex;align-items:flex-start;gap:10px;background:#f0f4ff;border:1px solid #dce4ff;border-radius:10px;padding:12px 16px;margin-bottom:20px;font-size:13px;color:#374151;line-height:1.6}.asl-info-banner svg{flex-shrink:0;margin-top:2px;color:#4f6ef7}.asl-info-link{color:#4f6ef7;font-weight:600;text-decoration:none;white-space:nowrap}.asl-info-link:hover{text-decoration:underline}[data-theme=dark] .asl-info-banner{background:#1a1f2e;border-color:#2d3a5e;color:#c9d1e0}[data-theme=dark] .asl-info-banner svg{color:#7b9cff}[data-theme=dark] .asl-info-link{color:#7b9cff}.asl-container:before{content:"";position:absolute;width:100px;height:100px;border-radius:16px;border:2.5px solid rgba(0,0,0,.07);top:-32px;right:40px;transform:rotate(18deg);pointer-events:none;z-index:0;box-shadow:-44px 44px 0 2.5px #0000000a,-88px 88px 0 2.5px #00000006}.asl-container:after{content:"";position:absolute;width:200px;height:200px;border-radius:50%;border:2px solid rgba(0,0,0,.04);bottom:-80px;left:-60px;pointer-events:none;z-index:0}.asl-header,.asl-grid,.asl-empty,.asl-loading{position:relative;z-index:1}.asl-header{margin-bottom:32px}.asl-header-content{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:20px}.asl-search-container{width:100%;margin-top:16px}.asl-search-wrapper{position:relative;max-width:500px;width:100%}.asl-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:16px;pointer-events:none}.asl-search-input{width:100%;padding:12px 40px 12px 44px;border:1px solid #e0e0e0;border-radius:10px;font-size:14px;color:#111;background:#f7f7f7;transition:all .2s ease;outline:none}.asl-search-input:focus{border-color:#111;background:#fff;box-shadow:0 0 0 3px #0000000f}.asl-search-input::placeholder{color:#9ca3af}.asl-search-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:#f3f4f6;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;font-size:20px;line-height:1;transition:all .2s ease}.asl-search-clear:hover{background:#e5e7eb;color:#1f2937}.asl-search-results{margin-top:8px;font-size:13px;color:#6b7280;font-weight:500}.asl-header-text{flex:1}.asl-title{font-size:28px;font-weight:800;color:#111;margin:0 0 6px;letter-spacing:-.02em}.asl-subtitle{font-size:14px;color:#888;margin:0}.asl-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:16px}.spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top-color:#6366f1;border-radius:50%;animation:spin .8s linear infinite}.asl-loading p{font-size:14px;color:#6b7280}.asl-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;background:#f7f7f7;border-radius:14px;border:2px dashed #e0e0e0}.asl-empty-icon{font-size:56px;color:#ccc;margin-bottom:20px}.asl-empty h2{font-size:20px;font-weight:700;color:#111;margin:0 0 8px}.asl-empty p{font-size:14px;color:#888;margin:0 0 24px}.asl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.asl-card{background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23noise)' opacity='0.07'/%3E%3C/svg%3E");background-repeat:repeat;background-size:180px 180px;border-radius:14px;border:1px solid #e8e8e8;padding:22px;cursor:pointer;transition:all .22s ease;display:flex;flex-direction:column;gap:14px;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000d}.asl-card:before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;border:14px solid rgba(0,0,0,.03);bottom:-40px;right:-30px;pointer-events:none}.asl-card:after{content:"";position:absolute;width:36px;height:36px;border-radius:7px;border:2px solid rgba(0,0,0,.05);top:14px;right:60px;transform:rotate(22deg);pointer-events:none}.asl-card:hover{border-color:#111;box-shadow:0 6px 20px #0000001a;transform:translateY(-2px)}.asl-card-header{display:flex;justify-content:space-between;align-items:center}.asl-card-icon{width:46px;height:46px;background:#111;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.session-status{display:flex;align-items:center;gap:6px;padding:5px 11px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;position:relative}.session-status.active{background:#f0f0f0;color:#111;border:1px solid #e0e0e0}.session-status.completed{background:#f0f0f0;color:#555;border:1px solid #e0e0e0}.session-status.draft{background:#f7f7f7;color:#888;border:1px solid #e8e8e8}.session-status.archived{background:#f7f7f7;color:#aaa;border:1px solid #eeeeee}.status-icon{font-size:14px}.asl-card-body{flex:1;display:flex;flex-direction:column;gap:12px}.asl-card-title{font-size:17px;font-weight:700;color:#111;margin:0}.asl-card-code{font-size:12px;color:#888;font-family:Courier New,monospace;background:#f4f4f4;padding:3px 8px;border-radius:5px;display:inline-block;margin:0}.asl-card-dates{display:flex;align-items:center;gap:16px;padding:12px;background:#f7f7f7;border-radius:8px;margin-top:4px}.asl-date-label{font-size:10px;color:#888;text-transform:uppercase;font-weight:700;letter-spacing:.06em}.asl-date-value{font-size:13px;color:#111;font-weight:600}.asl-date-divider{width:1px;height:32px;background:#e0e0e0}.asl-card-meta{display:flex;align-items:center;gap:8px;font-size:12px;padding-top:8px;border-top:1px solid #f0f0f0}.asl-meta-label{color:#aaa}.asl-meta-value{color:#555;font-weight:600}.asl-card-footer{padding-top:10px;border-top:1px solid #f0f0f0}.asl-view-link{font-size:12px;color:#555;font-weight:600;display:flex;align-items:center;gap:4px;text-transform:uppercase;letter-spacing:.05em}@media(max-width:768px){.asl-container{padding:16px}.asl-header-content{flex-direction:column;align-items:stretch}.asl-title{font-size:24px}.asl-grid{grid-template-columns:1fr}.asl-card-dates{flex-direction:column;gap:12px}.asl-date-divider{width:100%;height:1px}}.asl-header-actions{display:flex;gap:12px;align-items:center}.asl-card-header-right{display:flex;align-items:center;gap:12px}.session-actions-dropdown{position:relative}.action-menu-btn{background:transparent;border:none;padding:8px;cursor:pointer;color:#6b7280;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.action-menu-btn:hover{background:#f3f4f6;color:#1f2937}.action-dropdown-menu{position:absolute;top:100%;right:0;margin-top:4px;background:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 6px 20px #0000001a;min-width:150px;z-index:1000;overflow:hidden}.action-dropdown-item{width:100%;padding:10px 16px;border:none;background:#fff;color:#111;font-size:13px;font-weight:500;text-align:left;cursor:pointer;display:flex;align-items:center;gap:10px;transition:background .15s}.action-dropdown-item:disabled{opacity:.5;cursor:not-allowed}.archive-session-container{display:flex;flex-direction:column;height:100%}.archive-session-header{text-align:center;padding:24px;border-bottom:1px solid #e5e7eb}.archive-icon-wrapper{display:flex;justify-content:center;margin-bottom:16px}.archive-session-header h2{font-size:24px;font-weight:600;color:#1f2937;margin:0 0 8px}.archive-session-header p{font-size:14px;color:#6b7280;margin:0}.archive-session-content{flex:1;padding:24px;overflow-y:auto}.archive-session-info{background:#f9fafb;border-radius:8px;padding:16px;margin-bottom:20px}.archive-session-info .archive-info-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #e5e7eb}.archive-session-info .archive-info-item:last-child{border-bottom:none}.archive-session-info .archive-info-label{font-size:13px;color:#6b7280;font-weight:500}.archive-session-info .archive-info-value{font-size:13px;color:#1f2937;font-weight:600}.archive-warning-box{display:flex;gap:12px;padding:16px;background:#fffbeb;border:1px solid #fde68a;border-radius:8px}.archive-warning-content h4{font-size:14px;font-weight:600;color:#92400e;margin:0 0 8px}.archive-warning-content p{font-size:13px;color:#78350f;margin:0 0 8px}.archive-warning-content ul{margin:8px 0;padding-left:20px}.archive-warning-content li{font-size:13px;color:#78350f;margin:4px 0}.archive-warning-note{font-size:12px;color:#92400e;font-style:italic;margin-top:12px!important}.archive-session-footer{padding:16px 24px;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end}.archived-sessions-container{display:flex;flex-direction:column;height:100%;background:#fafafa}.archived-sessions-header{display:flex;align-items:center;gap:16px;padding:22px 24px 18px;background:#f4f4f4;border-bottom:1px solid #e5e7eb;position:relative;overflow:hidden;flex-shrink:0}.archived-sessions-header:before{content:"";position:absolute;width:80px;height:80px;border-radius:14px;border:2px solid rgba(0,0,0,.07);top:-28px;right:24px;transform:rotate(18deg);pointer-events:none;box-shadow:-38px 38px 0 2px #0000000a}.archived-sessions-header:after{content:"";position:absolute;width:44px;height:44px;border-radius:8px;background:#00000008;border:1.5px solid rgba(0,0,0,.05);bottom:-16px;right:70px;transform:rotate(32deg);pointer-events:none}.archived-header-text{position:relative;z-index:1}.archived-header-text h2{font-size:18px;font-weight:800;color:#111;margin:0 0 3px;letter-spacing:-.02em}.archived-header-text p{font-size:12px;color:#888;margin:0}.archived-sessions-content{flex:1;padding:20px;overflow-y:auto}.archived-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px}.archived-empty-state p{font-size:13px;color:#aaa}.archived-sessions-list{display:flex;flex-direction:column;gap:14px}.archived-session-card{background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23noise)' opacity='0.07'/%3E%3C/svg%3E");background-repeat:repeat;background-size:160px 160px;border:1px solid #e8e8e8;border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:10px;position:relative;overflow:hidden;box-shadow:0 2px 6px #0000000a}.archived-session-card:before{content:"";position:absolute;width:90px;height:90px;border-radius:50%;border:12px solid rgba(0,0,0,.03);bottom:-28px;right:-20px;pointer-events:none}.archived-card-header{display:flex;align-items:center;gap:12px}.archived-card-icon{width:38px;height:38px;background:#111;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.archived-card-title{flex:1;min-width:0}.archived-card-title h3{font-size:15px;font-weight:700;color:#111;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.archived-card-code{font-size:11px;color:#888;font-family:Courier New,monospace;margin:0}.archived-badge{padding:3px 10px;background:#f0f0f0;color:#888;border-radius:20px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border:1px solid #e0e0e0;flex-shrink:0}.archived-card-dates{display:flex;align-items:center;gap:8px;font-size:12px;color:#888;padding:8px 12px;background:#f7f7f7;border-radius:7px}.archived-card-meta{display:flex;align-items:center;gap:8px;font-size:11px;padding-top:8px;border-top:1px solid #f0f0f0}.archived-meta-label{color:#aaa}.archived-meta-value{color:#666;font-weight:600}.archived-card-actions{padding-top:6px}.archived-sessions-footer{padding:14px 20px;border-top:1px solid #e8e8e8;display:flex;justify-content:flex-end;background:#fafafa}.overlap-modal-container{padding:28px;position:relative}.overlap-modal-container:before{content:"";position:absolute;width:80px;height:80px;border-radius:14px;border:2px solid rgba(0,0,0,.06);top:-26px;right:20px;transform:rotate(18deg);pointer-events:none;box-shadow:-38px 38px 0 2px #0000000a}.overlap-modal-container:after{content:"";position:absolute;width:44px;height:44px;border-radius:8px;border:1.5px solid rgba(0,0,0,.05);top:40px;right:14px;transform:rotate(32deg);pointer-events:none}.overlap-modal-header{text-align:center;margin-bottom:24px}.overlap-warning-icon{width:64px;height:64px;background:#f4f4f4;border:1px solid #e0e0e0;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.overlap-warning-icon-sm{width:32px;height:32px;background:#f4f4f4;border:1px solid #e0e0e0;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.overlap-modal-header h2{font-size:22px;font-weight:800;color:#111;margin:0 0 8px;letter-spacing:-.02em}.overlap-modal-header p{font-size:13px;color:#888;margin:0}.overlap-modal-content{display:flex;flex-direction:column;gap:18px;margin-bottom:22px}.reactivating-session-info h3,.overlapping-sessions-info h3{font-size:11px;font-weight:700;color:#888;text-transform:uppercase;letter-spacing:.06em;margin:0 0 10px}.session-info-card{background-color:#f7f7f7;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23noise)' opacity='0.07'/%3E%3C/svg%3E");background-repeat:repeat;background-size:150px 150px;border:1px solid #e8e8e8;border-radius:10px;padding:14px 16px}.session-info-card.highlight{background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23noise)' opacity='0.07'/%3E%3C/svg%3E");background-repeat:repeat;background-size:180px 180px;border-radius:14px;border:1px solid #e8e8e8;padding:22px;display:flex;flex-direction:column;gap:14px;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000d;cursor:default}.session-info-card.highlight:before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;border:14px solid rgba(0,0,0,.03);bottom:-40px;right:-30px;pointer-events:none}.session-info-card.highlight:after{content:"";position:absolute;width:36px;height:36px;border-radius:7px;border:2px solid rgba(0,0,0,.05);top:14px;right:60px;transform:rotate(22deg);pointer-events:none}.session-info-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.session-info-name{font-size:15px;font-weight:700;color:#111}.session-info-code{font-size:11px;color:#888;font-family:Courier New,monospace;margin-bottom:6px}.session-info-dates{font-size:12px;color:#888;display:flex;align-items:center;gap:6px}.session-info-status{padding:3px 8px;background:#f0f0f0;color:#555;border-radius:20px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;border:1px solid #e0e0e0}.overlapping-list{display:flex;flex-direction:column;gap:10px}.overlap-modal-warning{display:flex;gap:12px;padding:14px 16px;background:#f7f7f7;border:1px solid #e0e0e0;border-left:3px solid #111111;border-radius:10px;align-items:flex-start}.overlap-modal-warning h4{font-size:13px;font-weight:700;color:#111;margin:0 0 6px}.overlap-modal-warning p{font-size:12px;color:#555;margin:0 0 6px;line-height:1.5}.overlap-modal-warning .warning-note{font-size:11px;color:#888;font-style:italic;margin-top:6px!important}.overlap-modal-footer{display:flex;gap:12px;justify-content:flex-end}.overlap-confirm-btn{background:#111!important;color:#fff!important;border-color:#111!important}.overlap-confirm-btn:hover:not(:disabled){background:#333!important;border-color:#333!important}[data-theme=dark] .overlap-warning-icon,[data-theme=dark] .overlap-warning-icon-sm{background:#2a2a2a;border-color:#3a3a3a}[data-theme=dark] .overlap-warning-icon svg path,[data-theme=dark] .overlap-warning-icon svg circle,[data-theme=dark] .overlap-warning-icon-sm svg path,[data-theme=dark] .overlap-warning-icon-sm svg circle{stroke:#f0f0f0;fill:none}[data-theme=dark] .overlap-warning-icon svg [fill="#111111"],[data-theme=dark] .overlap-warning-icon-sm svg [fill="#111111"]{fill:#f0f0f0}[data-theme=dark] .overlap-modal-header h2{color:#f0f0f0}[data-theme=dark] .overlap-modal-header p{color:#666}[data-theme=dark] .reactivating-session-info h3,[data-theme=dark] .overlapping-sessions-info h3{color:#555}[data-theme=dark] .session-info-card{background-color:#252525;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23noise)' opacity='0.12'/%3E%3C/svg%3E");border-color:#333}[data-theme=dark] .session-info-card.highlight{background-color:#1e1e1e;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23noise)' opacity='0.12'/%3E%3C/svg%3E");border-color:#2a2a2a}[data-theme=dark] .session-info-card.highlight:before{border-color:#ffffff0a}[data-theme=dark] .session-info-card.highlight:after{border-color:#ffffff0d}[data-theme=dark] .session-info-name{color:#f0f0f0}[data-theme=dark] .session-info-code,[data-theme=dark] .session-info-dates{color:#666}[data-theme=dark] .session-info-status{background:#2a2a2a;color:#888;border-color:#3a3a3a}[data-theme=dark] .overlap-modal-warning{background:#252525;border-color:#333;border-left-color:#f0f0f0}[data-theme=dark] .overlap-modal-warning h4{color:#f0f0f0}[data-theme=dark] .overlap-modal-warning p{color:#888}[data-theme=dark] .overlap-modal-warning .warning-note{color:#555}[data-theme=dark] .overlap-confirm-btn{background:#f0f0f0!important;color:#111!important;border-color:#f0f0f0!important}[data-theme=dark] .overlap-confirm-btn:hover:not(:disabled){background:#ddd!important;border-color:#ddd!important}@media(max-width:768px){.asl-header-actions{flex-direction:column;width:100%}.asl-header-actions button{width:100%}.overlap-modal-container{padding:20px}}.edit-session-container{display:flex;flex-direction:column;height:100%}.edit-session-header{padding:24px;border-bottom:1px solid #e5e7eb}.edit-session-header h2{font-size:24px;font-weight:600;color:#1f2937;margin:0 0 8px}.edit-session-header p{font-size:14px;color:#6b7280;margin:0}.edit-session-form{flex:1;padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.edit-session-footer{padding:16px 24px;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end}[data-theme=dark] .asl-container{background:transparent}[data-theme=dark] .asl-title{color:#f0f0f0}[data-theme=dark] .asl-subtitle{color:#666}[data-theme=dark] .asl-search-input{background:#252525;border-color:#3a3a3a;color:#e0e0e0}[data-theme=dark] .asl-search-input::placeholder{color:#555}[data-theme=dark] .asl-search-input:focus{border-color:#555;box-shadow:none}[data-theme=dark] .asl-search-icon{color:#555}[data-theme=dark] .asl-search-clear{background:#333;color:#888}[data-theme=dark] .asl-search-clear:hover{background:#444;color:#f0f0f0}[data-theme=dark] .asl-search-results{color:#666}[data-theme=dark] .asl-empty{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .asl-empty h2{color:#e0e0e0}[data-theme=dark] .asl-empty p{color:#666}[data-theme=dark] .asl-card{background-color:#1e1e1e;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23noise)' opacity='0.12'/%3E%3C/svg%3E");background-repeat:repeat;background-size:180px 180px;border-color:#2a2a2a}[data-theme=dark] .asl-card:hover{border-color:#555;box-shadow:0 4px 12px #0006}[data-theme=dark] .asl-card-icon{background:#2a2a2a;color:#aaa}[data-theme=dark] .asl-card-title{color:#f0f0f0}[data-theme=dark] .asl-card-code{background:#252525;color:#888}[data-theme=dark] .asl-card-dates{background:#252525}[data-theme=dark] .asl-date-label{color:#555}[data-theme=dark] .asl-date-value{color:#e0e0e0}[data-theme=dark] .asl-date-divider{background:#333}[data-theme=dark] .asl-card-meta{border-top-color:#2a2a2a}[data-theme=dark] .asl-meta-label{color:#555}[data-theme=dark] .asl-meta-value{color:#ccc}[data-theme=dark] .asl-card-footer{border-top-color:#2a2a2a}[data-theme=dark] .asl-view-link{color:#aaa}[data-theme=dark] .session-status.active{background:#1a2e22;color:#6ee7b7}[data-theme=dark] .session-status.completed{background:#1a2035;color:#93c5fd}[data-theme=dark] .session-status.draft{background:#2a2010;color:#fcd34d}[data-theme=dark] .session-status.archived{background:#252525;color:#888}[data-theme=dark] .action-menu-btn{color:#666}[data-theme=dark] .action-menu-btn:hover{background:#2a2a2a;color:#f0f0f0}[data-theme=dark] .action-dropdown-menu{background:#1e1e1e;border-color:#2a2a2a;box-shadow:0 4px 12px #0006}[data-theme=dark] .action-dropdown-item{background:#1e1e1e;color:#e0e0e0}[data-theme=dark] .edit-session-header{border-bottom-color:#2a2a2a}[data-theme=dark] .edit-session-header h2{color:#f0f0f0}[data-theme=dark] .edit-session-header p{color:#666}[data-theme=dark] .edit-session-footer{border-top-color:#2a2a2a}[data-theme=dark] .archived-sessions-header{background:#111;border-bottom-color:#2a2a2a}[data-theme=dark] .archived-header-icon{background:#ffffff14;border-color:#ffffff1a}[data-theme=dark] .archived-header-text h2{color:#fff}[data-theme=dark] .archived-header-text p{color:#ffffff73}[data-theme=dark] .archived-session-card{background-color:#1e1e1e;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23noise)' opacity='0.12'/%3E%3C/svg%3E");border-color:#2a2a2a}[data-theme=dark] .archived-session-card:before{border-color:#ffffff0a}[data-theme=dark] .archived-card-icon{background:#f0f0f0;color:#111}[data-theme=dark] .archived-card-title h3{color:#f0f0f0}[data-theme=dark] .archived-card-code{color:#666}[data-theme=dark] .archived-badge{background:#2a2a2a;color:#888;border-color:#3a3a3a}[data-theme=dark] .archived-card-dates{background:#252525;color:#888}[data-theme=dark] .archived-card-meta{border-top-color:#2a2a2a}[data-theme=dark] .archived-meta-label{color:#555}[data-theme=dark] .archived-meta-value{color:#888}[data-theme=dark] .archived-sessions-footer{border-top-color:#2a2a2a;background:#141414}[data-theme=dark] .archived-sessions-footer{border-top-color:#2a2a2a}[data-theme=dark] .asl-container:before{border-color:#ffffff12;box-shadow:-44px 44px 0 2.5px #ffffff0a,-88px 88px 0 2.5px #ffffff06}[data-theme=dark] .asl-container:after{border-color:#ffffff0a}[data-theme=dark] .asl-card:before{border-color:#ffffff0a}[data-theme=dark] .asl-card:after{border-color:#ffffff0d}.archived-header-svg{color:#111}.archived-empty-svg{color:#ccc}.archived-card-svg{color:#fff}[data-theme=dark] .archived-header-svg{color:#e0e0e0}[data-theme=dark] .archived-empty-svg{color:#444}[data-theme=dark] .archived-card-svg{color:#111}.archived-header-icon{width:44px;height:44px;background:#fff;border:1px solid #e0e0e0;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:1;box-shadow:0 2px 6px #0000000f}[data-theme=dark] .archived-header-icon{background:#2a2a2a;border-color:#3a3a3a;box-shadow:none}.archived-card-icon{width:38px;height:38px;background:#111;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}[data-theme=dark] .archived-card-icon{background:#f0f0f0}[data-theme=dark] .archived-sessions-container{background:#141414}[data-theme=dark] .archived-sessions-header{background:#1e1e1e;border-bottom-color:#2a2a2a}[data-theme=dark] .archived-sessions-header:before{border-color:#ffffff12;box-shadow:-38px 38px 0 2px #ffffff0a}[data-theme=dark] .archived-sessions-header:after{background:#ffffff08;border-color:#ffffff0d}[data-theme=dark] .archived-header-text h2{color:#f0f0f0}[data-theme=dark] .archived-header-text p{color:#666}.archived-card-actions .reactivate-btn{width:100%;background:#111;color:#fff;border:1px solid #111111;border-radius:8px;font-size:13px;font-weight:600}.archived-card-actions .reactivate-btn:hover:not(:disabled){background:#333;border-color:#333}[data-theme=dark] .archived-card-actions .reactivate-btn{background:#f0f0f0;color:#111;border-color:#f0f0f0}[data-theme=dark] .archived-card-actions .reactivate-btn:hover:not(:disabled){background:#ddd;border-color:#ddd}[data-theme=dark] .asl-card-icon{background:#2a2a2a}[data-theme=dark] .overlap-modal-container:before{border-color:#ffffff12;box-shadow:-38px 38px 0 2px #ffffff0a}[data-theme=dark] .overlap-modal-container:after{border-color:#ffffff0d}.overlap-sessions-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}@media(max-width:600px){.overlap-sessions-row{grid-template-columns:1fr}}.archived-header-close{margin-left:auto;width:32px;height:32px;border-radius:8px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);color:#ffffffb3;font-size:20px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:1;transition:background .15s,color .15s}.archived-header-close:hover{background:#ffffff38;color:#fff}[data-theme=dark] .archived-header-close{background:#ffffff14;border-color:#ffffff1f;color:#ffffff80}[data-theme=dark] .archived-header-close:hover{background:#ffffff26;color:#fff}.apt_main{display:flex;height:100%;width:100%;box-sizing:border-box;position:relative;overflow:hidden}.apt_main.no-sidebar .apt_right{width:100%;margin-left:0}.apt_left{width:220px;height:100%;box-sizing:border-box;position:relative;transition:transform .3s ease;border-right:1px solid #a6a6a6}.apt_right{height:100%;box-sizing:border-box;width:100%;overflow-x:scroll;background:#fff}@media(max-width:768px){.apt_left{position:fixed;top:52px;left:0;height:calc(100% - 52px);z-index:50;transform:translate(-100%);box-shadow:2px 0 16px #0000001f;background:#fff}.apt_left.open{transform:translate(0)}.apt_overlay{display:none;position:fixed;top:52px;left:0;width:100%;height:calc(100% - 52px);background:#00000059;z-index:49}.apt_overlay.open{display:block}.apt_drag_handle{position:fixed;top:52px;left:0;width:12px;height:calc(100% - 52px);cursor:ew-resize;z-index:9;display:flex;align-items:center;justify-content:center}.apt_mb{height:100px;width:4px;background-color:#000}}[data-theme=dark] .apt_left{border-right-color:#2a2a2a;background:#1a1a1a}[data-theme=dark] .apt_mb{background-color:#3a3a3a}[data-theme=dark] .apt_right{background:#141414}[data-theme=dark] .apt_overlay{background:#0000008c}.apt-root{display:flex;flex-direction:column;gap:2px;padding:14px 10px;height:100%;overflow-y:auto}.apt-root p{margin:0}.apt-root::-webkit-scrollbar{width:3px}.apt-root::-webkit-scrollbar-track{background:transparent}.apt-root::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:2px}.apt-root::-webkit-scrollbar-thumb:hover{background:silver}.apt-topbar{display:flex;align-items:center;gap:8px;padding:0 2px 12px;margin-bottom:6px;border-bottom:1px solid #f0f0f0}.apt-search-wrap{position:relative;flex:1}.apt-search-ico{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#aaa;display:flex;pointer-events:none}.apt-search-input{width:100%;padding:7px 28px 7px 30px;border:1px solid #e8e8e8;border-radius:8px;font-size:12px;color:#111;background:#f7f7f7;outline:none;transition:border-color .15s,background .15s;box-sizing:border-box}.apt-search-input:focus{border-color:#111;background:#fff}.apt-search-input::placeholder{color:#aaa}.apt-search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:18px;height:18px;background:#e8e8e8;border:none;border-radius:50%;color:#888;font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background .15s}.apt-search-clear:hover{background:#d0d0d0;color:#111}.apt-create-btn{flex-shrink:0;width:32px;height:32px;background:#111;border:none;border-radius:8px;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,transform .15s}.apt-create-btn:hover{background:#333;transform:translateY(-1px)}.apt-create-btn:active{transform:translateY(0)}.apt-empty-create{padding:4px 2px 12px;border-bottom:1px solid #f0f0f0;margin-bottom:6px}.apt-create-full-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:7px;padding:9px 14px;background:#111;color:#fff;border:none;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;transition:background .15s}.apt-create-full-btn:hover{background:#333}.apt-state-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:36px 16px;color:#aaa;font-size:12px;text-align:center}.apt-state-error{color:#c33}.apt-spinner{display:block;width:24px;height:24px;border:2px solid #e8e8e8;border-top-color:#111;border-radius:50%;animation:aptSpin .7s linear infinite}@keyframes aptSpin{to{transform:rotate(360deg)}}.apt-status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;flex-shrink:0;margin-left:auto}.apt-session{border-radius:10px;transition:background .15s}.apt-session--open{background:#f7f7f7}.apt-session-row{position:relative;display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:10px;cursor:pointer;transition:background .15s;overflow:hidden}.apt-session-row:hover{background:#f4f4f4}.apt-session--open .apt-session-row{background:transparent}.apt-active-bar{position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:20px;background:#111;border-radius:0 3px 3px 0}.apt-session-ico{display:flex;align-items:center;color:#888;flex-shrink:0}.apt-session-name{flex:1;font-size:12.5px;font-weight:700;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.apt-session-body{padding-left:10px;border-left:2px solid #eeeeee;margin-left:17px;margin-top:2px;display:flex;flex-direction:column;gap:1px;max-height:0;overflow:hidden;opacity:0;transition:max-height .35s ease,opacity .25s ease}.apt-session-body.apt-open{max-height:1200px;opacity:1;padding-bottom:8px}.apt-nav-item{display:flex;align-items:center;gap:9px;padding:7px 10px;border-radius:8px;cursor:pointer;transition:background .15s;border:1px solid transparent}.apt-nav-item:hover{background:#f0f0f0}.apt-nav-item--active{background:#111;border-color:#111}.apt-nav-item--active:hover{background:#222}.apt-nav-ico{display:flex;align-items:center;color:#888;flex-shrink:0;transition:color .15s}.apt-nav-item--active .apt-nav-ico{color:#fff}.apt-nav-item:hover:not(.apt-nav-item--active) .apt-nav-ico{color:#111}.apt-nav-label{font-size:12px;font-weight:600;color:#555;transition:color .15s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.apt-nav-item--active .apt-nav-label{color:#fff}.apt-nav-item:hover:not(.apt-nav-item--active) .apt-nav-label{color:#111}.apt-nav-item--sub{padding:6px 8px}.apt-nav-item--sub .apt-nav-label{font-size:11.5px}.apt-sub{margin-top:6px}.apt-sub-row{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;cursor:pointer;background:#f4f4f4;border:1px solid #e8e8e8;transition:background .15s,border-color .15s}.apt-sub-row:hover{background:#ebebeb;border-color:#d0d0d0}.apt-sub--open .apt-sub-row{background:#111;border-color:#111}.apt-sub-chevron{display:flex;align-items:center;color:#888;flex-shrink:0;transition:transform .25s ease,color .15s}.apt-sub--open .apt-sub-chevron{color:#fff}.apt-sub-chevron--open{transform:rotate(180deg)}.apt-sub-name{flex:1;font-size:12px;font-weight:700;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.apt-sub--open .apt-sub-name{color:#fff}.apt-sub--open .apt-status-dot{outline:1.5px solid rgba(255,255,255,.25)}.apt-sub-body{padding-left:8px;border-left:2px solid #e0e0e0;margin-left:14px;margin-top:3px;display:flex;flex-direction:column;gap:1px;max-height:0;overflow:hidden;opacity:0;transition:max-height .3s ease,opacity .2s ease}.apt-sub-body.apt-open{max-height:400px;opacity:1;padding-bottom:4px}.apt-add-sub-btn{margin-top:10px;padding:0 4px}[data-theme=dark] .apt-root{background:transparent}[data-theme=dark] .apt-root::-webkit-scrollbar-thumb{background:#2a2a2a}[data-theme=dark] .apt-topbar{border-bottom-color:#2a2a2a}[data-theme=dark] .apt-search-input{background:#252525;border-color:#3a3a3a;color:#e0e0e0}[data-theme=dark] .apt-search-input:focus{border-color:#555;background:#2a2a2a}[data-theme=dark] .apt-search-input::placeholder{color:#555}[data-theme=dark] .apt-search-ico{color:#555}[data-theme=dark] .apt-search-clear{background:#333;color:#888}[data-theme=dark] .apt-search-clear:hover{background:#444;color:#f0f0f0}[data-theme=dark] .apt-create-btn{background:#2a2a2a}[data-theme=dark] .apt-create-btn:hover{background:#3a3a3a}[data-theme=dark] .apt-empty-create{border-bottom-color:#2a2a2a}[data-theme=dark] .apt-create-full-btn{background:#2a2a2a}[data-theme=dark] .apt-create-full-btn:hover{background:#3a3a3a}[data-theme=dark] .apt-state-box{color:#555}[data-theme=dark] .apt-state-error{color:#f87171}[data-theme=dark] .apt-spinner{border-color:#2a2a2a;border-top-color:#888}[data-theme=dark] .apt-session--open{background:#1e1e1e}[data-theme=dark] .apt-session-row:hover{background:#252525}[data-theme=dark] .apt-active-bar{background:#f0f0f0}[data-theme=dark] .apt-session-ico{color:#555}[data-theme=dark] .apt-session-name{color:#e0e0e0}[data-theme=dark] .apt-session-body{border-left-color:#2a2a2a}[data-theme=dark] .apt-nav-item:hover{background:#252525}[data-theme=dark] .apt-nav-item--active{background:#f0f0f0;border-color:#f0f0f0}[data-theme=dark] .apt-nav-item--active:hover{background:#e0e0e0}[data-theme=dark] .apt-nav-ico{color:#555}[data-theme=dark] .apt-nav-item--active .apt-nav-ico{color:#111}[data-theme=dark] .apt-nav-item:hover:not(.apt-nav-item--active) .apt-nav-ico{color:#e0e0e0}[data-theme=dark] .apt-nav-label{color:#888}[data-theme=dark] .apt-nav-item--active .apt-nav-label{color:#111}[data-theme=dark] .apt-nav-item:hover:not(.apt-nav-item--active) .apt-nav-label{color:#e0e0e0}[data-theme=dark] .apt-sub-row{background:#252525;border-color:#333}[data-theme=dark] .apt-sub-row:hover{background:#2e2e2e;border-color:#3a3a3a}[data-theme=dark] .apt-sub--open .apt-sub-row{background:#f0f0f0;border-color:#f0f0f0}[data-theme=dark] .apt-sub-chevron{color:#555}[data-theme=dark] .apt-sub--open .apt-sub-chevron{color:#111}[data-theme=dark] .apt-sub-name{color:#aaa}[data-theme=dark] .apt-sub--open .apt-sub-name{color:#111}[data-theme=dark] .apt-sub-body{border-left-color:#2a2a2a}.asdttms{display:flex;height:100%;width:100%;box-sizing:border-box;flex-direction:column}.asdttts{position:relative;padding:28px 32px 0;background:#fff;border-bottom:1px solid #e8e8e8;flex-shrink:0;overflow:hidden}.asdttts:before{content:"";position:absolute;width:200px;height:200px;border-radius:50%;border:26px solid rgba(0,0,0,.04);top:-60px;right:-40px;pointer-events:none}.asdttts:after{content:"";position:absolute;width:80px;height:80px;border-radius:14px;border:2px solid rgba(0,0,0,.05);bottom:28px;right:70px;transform:rotate(22deg);pointer-events:none}.asdttts-deco-circle{position:absolute;width:120px;height:120px;border-radius:50%;border:16px solid rgba(0,0,0,.03);bottom:-40px;left:-30px;pointer-events:none;overflow:hidden}.asdttts-deco-box{position:absolute;width:44px;height:44px;border-radius:8px;border:1.5px solid rgba(0,0,0,.06);top:18px;left:200px;transform:rotate(14deg);pointer-events:none}.asdtttstss{position:relative;z-index:1;display:flex;align-items:flex-start;margin-bottom:22px}.asdtttstssts{display:flex;flex-direction:column;flex:1;gap:8px}.asdtttstssls{display:flex;align-items:center;flex:1;justify-content:space-between;gap:16px}.asdtttstssls h1{margin:0;font-size:26px;font-weight:800;color:#111;letter-spacing:-.03em;line-height:1.1;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.asdtttstsslsspn{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;padding:4px 10px;border-radius:20px;background:#f0f0f0;color:#555;border:1px solid #e0e0e0}.asdtttstsslsspn.status-active{background:#dcfce7;color:#166534;border-color:#bbf7d0}.asdtttstsslsspn.status-draft{background:#fef9c3;color:#854d0e;border-color:#fde68a}.asdtttstsslsspn.status-completed{background:#dbeafe;color:#1e40af;border-color:#bfdbfe}.asdtttstsslsspn.status-archived{background:#f3f4f6;color:#6b7280;border-color:#e5e7eb}.sub{margin:0;font-size:13px;color:#888;font-weight:500;position:relative;z-index:1}.df{white-space:nowrap;margin:0}.action-dropdown-wrapper{position:relative;flex-shrink:0;z-index:2}.action-dropdown-menu-top{position:fixed;background:#fff;border:1px solid #e8e8e8;border-radius:10px;box-shadow:0 8px 24px #0000001f;min-width:190px;z-index:9999;overflow:hidden}.action-dropdown-item{width:100%;padding:11px 16px;border:none;background:transparent;color:#111;font-size:13px;font-weight:600;text-align:left;cursor:pointer;display:flex;align-items:center;gap:10px;transition:background .15s}.action-dropdown-item:hover{background:#f4f4f4}.action-dropdown-item-danger{color:#c33}.action-dropdown-item-danger:hover{background:#fff0f0}.action-dropdown-item:disabled{opacity:.4;cursor:not-allowed}.asdtttsnt{position:relative;z-index:1;display:flex}.asdtttsntic{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}.asdtttsntic::-webkit-scrollbar{display:none}.asdtttti{display:flex;align-items:center;padding:9px 16px 10px;border-radius:8px 8px 0 0;cursor:pointer;transition:background .15s;border:1px solid transparent;border-bottom:none;flex-shrink:0}.asdtttti:hover{background:#0000000d}.asdtttttit{margin:0;white-space:nowrap;font-size:13px;font-weight:600;color:#888;transition:color .15s}.asdtttti.active{background:#111;border-color:#111}.asdtttti.active .asdtttttit{color:#fff;font-weight:700}.asdttcs{flex:1;display:flex;flex-direction:column;background:#f5f5f5}.asdttLoading{display:flex;align-items:center;gap:12px;padding:24px 0;position:relative;z-index:1}.asdttSpinner{width:22px;height:22px;border:2px solid #e8e8e8;border-top-color:#111;border-radius:50%;animation:asdttSpin .7s linear infinite}@keyframes asdttSpin{to{transform:rotate(360deg)}}.asdttLoading p{font-size:13px;color:#888;margin:0}.asdttError{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:20px 0;position:relative;z-index:1}.asdttError p{font-size:13px;color:#c33;margin:0}.asdttEmpty{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:20px 0;position:relative;z-index:1}.asdttEmpty p{font-size:13px;color:#aaa;margin:0}@media(max-width:768px){.asdttts{padding:16px 16px 0}.asdtttstss{margin-bottom:16px}.asdtttstssls{flex-direction:row;align-items:flex-start;gap:10px;flex-wrap:nowrap}.asdtttstssls h1{font-size:18px;flex-wrap:wrap;flex:1;min-width:0}.action-dropdown-wrapper{flex-shrink:0}.action-dropdown-menu-top{min-width:170px}.asdtttti{padding:8px 12px 9px}.asdtttttit{font-size:12px}.asdttts:before{width:140px;height:140px;top:-50px;right:-40px}.asdttts-deco-box{display:none}}@media(max-width:480px){.asdtttstssls h1{font-size:16px}.asdtttti{padding:7px 10px 8px}.asdtttttit{font-size:11.5px}}[data-theme=dark] .asdttts{background:#1a1a1a;border-bottom-color:#2a2a2a}[data-theme=dark] .asdttts:before{border-color:#ffffff0a}[data-theme=dark] .asdttts:after{border-color:#ffffff0d}[data-theme=dark] .asdttts-deco-circle{border-color:#ffffff08}[data-theme=dark] .asdttts-deco-box{border-color:#ffffff0f}[data-theme=dark] .asdtttstssls h1{color:#f0f0f0}[data-theme=dark] .asdtttstsslsspn{background:#2a2a2a;color:#888;border-color:#3a3a3a}[data-theme=dark] .asdtttstsslsspn.status-active{background:#22c55e26;color:#86efac;border-color:#22c55e33}[data-theme=dark] .asdtttstsslsspn.status-draft{background:#f59e0b26;color:#fcd34d;border-color:#f59e0b33}[data-theme=dark] .asdtttstsslsspn.status-completed{background:#3b82f626;color:#93c5fd;border-color:#3b82f633}[data-theme=dark] .asdtttstsslsspn.status-archived{background:#252525;color:#6b7280;border-color:#333}[data-theme=dark] .sub{color:#555}[data-theme=dark] .asdtttti:hover{background:#ffffff0f}[data-theme=dark] .asdtttttit{color:#555}[data-theme=dark] .asdtttti.active{background:#f0f0f0;border-color:#f0f0f0}[data-theme=dark] .asdtttti.active .asdtttttit{color:#111}[data-theme=dark] .asdttcs{background:#141414}[data-theme=dark] .asdttSpinner{border-color:#2a2a2a;border-top-color:#888}[data-theme=dark] .asdttLoading p{color:#555}[data-theme=dark] .asdttError p{color:#f87171}[data-theme=dark] .asdttEmpty p{color:#444}[data-theme=dark] .action-dropdown-menu-top{background:#1e1e1e;border-color:#2a2a2a;box-shadow:0 8px 24px #0006}[data-theme=dark] .action-dropdown-item{color:#e0e0e0}[data-theme=dark] .action-dropdown-item:hover{background:#252525}[data-theme=dark] .action-dropdown-item-danger{color:#f87171}[data-theme=dark] .action-dropdown-item-danger:hover{background:#2a1a1a}.sag-blocked{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:40px 24px;text-align:center}.sag-icon-wrap{width:64px;height:64px;border-radius:50%;background:#f5f5f5;border:1px solid #e0e0e0;display:flex;align-items:center;justify-content:center;margin-bottom:18px}.sag-icon-wrap svg{font-size:22px;color:#aaa}.sag-title{margin:0 0 6px;font-size:17px;font-weight:700;color:#111;letter-spacing:-.01em}.sag-role{display:inline-block;margin:0 0 12px;padding:2px 10px;border-radius:20px;background:#f0f0f0;border:1px solid #e0e0e0;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#888}.sag-desc{margin:0 0 24px;font-size:13px;color:#777;max-width:360px;line-height:1.7}.sag-perms-box{width:100%;max-width:460px;background:#fafafa;border:1px solid #e5e5e5;border-radius:10px;padding:14px 18px;text-align:left}.sag-perms-title{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#aaa;margin:0 0 10px}.sag-perms-grid{display:flex;flex-wrap:wrap;gap:6px}.sag-perm-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#333;font-weight:500;padding:4px 10px;border-radius:6px;background:#fff;border:1px solid #e0e0e0}.sag-perm-dot{width:6px;height:6px;border-radius:50%;background:#ccc;flex-shrink:0}[data-theme=dark] .sag-icon-wrap{background:#252525;border-color:#3a3a3a}[data-theme=dark] .sag-icon-wrap svg{color:#555}[data-theme=dark] .sag-title{color:#e0e0e0}[data-theme=dark] .sag-role{background:#252525;border-color:#3a3a3a;color:#777}[data-theme=dark] .sag-desc{color:#777}[data-theme=dark] .sag-perms-box{background:#1e1e1e;border-color:#2e2e2e}[data-theme=dark] .sag-perms-title{color:#555}[data-theme=dark] .sag-perm-item{background:#252525;border-color:#3a3a3a;color:#ccc}[data-theme=dark] .sag-perm-dot{background:#555}.ase-container{box-sizing:border-box}.ase-header{margin-bottom:20px}.ase-header h2{margin:0 0 4px;font-size:22px;font-weight:800;color:#111;letter-spacing:-.02em}.ase-header p{margin:0;font-size:13px;color:#888;font-weight:500}.ase-event-cell{display:flex;flex-direction:column;gap:3px}.ase-event-title{font-size:13px;font-weight:700;color:#111}.ase-event-desc{font-size:12px;color:#888;line-height:1.4}.ase-datetime-cell{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#555}.ase-datetime-cell span{display:flex;align-items:center;gap:5px}.ase-location-cell{display:flex;align-items:center;gap:5px;font-size:13px;color:#555}.ase-cat-pill{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;line-height:1;border:1px solid transparent;box-shadow:inset 0 1px #ffffff73,0 1px 2px #0000000f;transition:opacity .15s}.ase-cat-pill:hover{opacity:.82}.ase-status-pill{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;flex-shrink:0}.ase-action-wrap{position:relative;display:inline-block}.ase-action-btn{width:30px;height:30px;border-radius:8px;border:1px solid #e8e8e8;background:#f7f7f7;color:#888;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s}.ase-action-btn:hover{background:#111;color:#fff;border-color:#111}.ase-action-menu{position:absolute;top:calc(100% + 6px);right:0;background:#fff;border:1px solid #e8e8e8;border-radius:10px;box-shadow:0 8px 24px #0000001f;min-width:140px;z-index:1000;overflow:hidden}.ase-action-item{display:flex;align-items:center;gap:9px;width:100%;padding:10px 14px;border:none;background:transparent;font-size:13px;font-weight:600;color:#111;cursor:pointer;transition:background .15s;text-align:left}.ase-action-item:hover{background:#f4f4f4}.ase-action-danger{color:#c33}.ase-action-danger:hover{background:#fff0f0}.ase-form-container{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;background:#fff}.ase-form-header{position:relative;padding:22px 24px 20px;background:#111;flex-shrink:0;overflow:hidden}.ase-form-header:before{content:"";position:absolute;width:140px;height:140px;border-radius:50%;border:22px solid rgba(255,255,255,.05);top:-50px;right:-30px;pointer-events:none}.ase-form-header:after{content:"";position:absolute;width:44px;height:44px;border-radius:8px;border:1.5px solid rgba(255,255,255,.07);bottom:-14px;right:80px;transform:rotate(18deg);pointer-events:none}.ase-form-deco{position:absolute;width:70px;height:70px;border-radius:50%;border:10px solid rgba(255,255,255,.04);bottom:-22px;left:-14px;pointer-events:none}.ase-form-deco2{position:absolute;width:24px;height:24px;border-radius:4px;border:1.5px solid rgba(255,255,255,.06);top:12px;left:180px;transform:rotate(12deg);pointer-events:none}.ase-form-header-content{position:relative;z-index:1}.ase-form-header h2{margin:0 0 3px;font-size:16px;font-weight:800;color:#fff;letter-spacing:-.02em}.ase-form-header p{margin:0;font-size:12px;color:#ffffff80}.ase-form-body{flex:1;min-height:0;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:6px}.ase-form-body::-webkit-scrollbar{width:3px}.ase-form-body::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:2px}.ase-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ase-form-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 24px;border-top:1px solid #e8e8e8;background:#f7f7f7;flex-shrink:0}.ase-detail-container{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;background:#fff}.ase-detail-header{position:relative;padding:22px 24px 20px;background:#111;flex-shrink:0;overflow:hidden}.ase-detail-header:before{content:"";position:absolute;width:140px;height:140px;border-radius:50%;border:22px solid rgba(255,255,255,.05);top:-50px;right:-30px;pointer-events:none}.ase-detail-header:after{content:"";position:absolute;width:44px;height:44px;border-radius:8px;border:1.5px solid rgba(255,255,255,.07);bottom:-14px;right:80px;transform:rotate(18deg);pointer-events:none}.ase-detail-deco{position:absolute;width:70px;height:70px;border-radius:50%;border:10px solid rgba(255,255,255,.04);bottom:-22px;left:-14px;pointer-events:none}.ase-detail-deco2{position:absolute;width:24px;height:24px;border-radius:4px;border:1.5px solid rgba(255,255,255,.06);top:12px;left:180px;transform:rotate(12deg);pointer-events:none}.ase-detail-header-content{position:relative;z-index:1;display:flex;align-items:center;gap:14px}.ase-detail-icon{width:44px;height:44px;border-radius:12px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.ase-detail-header-text{flex:1;min-width:0}.ase-detail-header-text h2{margin:0 0 2px;font-size:15px;font-weight:800;color:#fff;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ase-detail-header-text p{margin:0;font-size:12px;color:#ffffff80}.ase-detail-body{flex:1;min-height:0;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:10px}.ase-detail-body::-webkit-scrollbar{width:3px}.ase-detail-body::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:2px}.ase-section-title{margin:0 0 8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#888}.ase-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.ase-detail-item{display:flex;flex-direction:column;gap:4px}.ase-detail-full{grid-column:1 / -1}.ase-detail-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#888}.ase-detail-value{font-size:13px;font-weight:600;color:#111;line-height:1.4}.ase-detail-actions{display:flex;gap:10px;margin-top:8px;padding-top:16px;border-top:1px solid #f0f0f0}.ase-delete-container{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;background:#fff}.ase-delete-header{position:relative;padding:22px 24px 20px;background:#c33;flex-shrink:0;overflow:hidden}.ase-delete-header:before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;border:18px solid rgba(255,255,255,.08);top:-40px;right:-24px;pointer-events:none}.ase-delete-deco{position:absolute;width:60px;height:60px;border-radius:50%;border:10px solid rgba(255,255,255,.06);bottom:-20px;left:-12px;pointer-events:none}.ase-delete-header-content{position:relative;z-index:1;display:flex;align-items:center;gap:14px}.ase-delete-icon{width:44px;height:44px;border-radius:12px;background:#ffffff26;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.ase-delete-header-content h2{margin:0 0 2px;font-size:16px;font-weight:800;color:#fff}.ase-delete-header-content p{margin:0;font-size:12px;color:#fff9}.ase-delete-body{flex:1;padding:20px 24px;display:flex;flex-direction:column;gap:14px}.ase-delete-info{display:flex;flex-direction:column;gap:4px;padding:14px 16px;background:#f7f7f7;border:1px solid #e8e8e8;border-radius:10px}.ase-delete-info-title{font-size:14px;font-weight:700;color:#111}.ase-delete-info-sub{font-size:12px;color:#888}.ase-delete-warning{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:#fffbeb;border:1px solid #fde68a;border-left:3px solid #f59e0b;border-radius:8px;font-size:13px;color:#854d0e}.ase-delete-warning p{margin:0;line-height:1.5}.ase-delete-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 24px;border-top:1px solid #e8e8e8;background:#f7f7f7;flex-shrink:0}@media(max-width:640px){.ase-form-row,.ase-detail-grid{grid-template-columns:1fr}.ase-detail-actions{flex-direction:column}}[data-theme=dark] .ase-header h2{color:#f0f0f0}[data-theme=dark] .ase-header p{color:#555}[data-theme=dark] .ase-event-title{color:#e0e0e0}[data-theme=dark] .ase-event-desc{color:#555}[data-theme=dark] .ase-datetime-cell,[data-theme=dark] .ase-location-cell{color:#888}[data-theme=dark] .ase-action-btn{background:#252525;border-color:#3a3a3a;color:#555}[data-theme=dark] .ase-action-btn:hover{background:#f0f0f0;color:#111;border-color:#f0f0f0}[data-theme=dark] .ase-action-menu{background:#1e1e1e;border-color:#2a2a2a;box-shadow:0 8px 24px #0006}[data-theme=dark] .ase-action-item{color:#e0e0e0}[data-theme=dark] .ase-action-item:hover{background:#252525}[data-theme=dark] .ase-action-danger{color:#f87171}[data-theme=dark] .ase-action-danger:hover{background:#2a1a1a}[data-theme=dark] .ase-form-container,[data-theme=dark] .ase-detail-container,[data-theme=dark] .ase-delete-container{background:#1a1a1a}[data-theme=dark] .ase-form-header,[data-theme=dark] .ase-detail-header{background:#0a0a0a}[data-theme=dark] .ase-form-body,[data-theme=dark] .ase-detail-body{background:#1a1a1a}[data-theme=dark] .ase-form-body::-webkit-scrollbar-thumb,[data-theme=dark] .ase-detail-body::-webkit-scrollbar-thumb{background:#2a2a2a}[data-theme=dark] .ase-form-footer,[data-theme=dark] .ase-detail-actions{border-top-color:#2a2a2a}[data-theme=dark] .ase-form-footer,[data-theme=dark] .ase-delete-footer{background:#1e1e1e;border-top-color:#2a2a2a}[data-theme=dark] .ase-section-title,[data-theme=dark] .ase-detail-label{color:#555}[data-theme=dark] .ase-detail-value{color:#e0e0e0}[data-theme=dark] .ase-delete-info{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .ase-delete-info-title{color:#f0f0f0}[data-theme=dark] .ase-delete-info-sub{color:#555}[data-theme=dark] .ase-delete-warning{background:#1e1a0a;border-color:#3a2a00;border-left-color:#f59e0b;color:#fcd34d}.asc-container{box-sizing:border-box}.asc-header{margin-bottom:20px}.asc-header h2{margin:0 0 4px;font-size:22px;font-weight:800;color:#111;letter-spacing:-.02em}.asc-header p{margin:0;font-size:13px;color:#888;font-weight:500}.asc-item-cell{display:flex;flex-direction:column;gap:3px}.asc-item-title{font-size:13px;font-weight:700;color:#111}.asc-item-desc{font-size:12px;color:#888;line-height:1.4}.asc-datetime-cell{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#555}.asc-datetime-cell span{display:flex;align-items:center;gap:5px}.asc-location-cell{display:flex;align-items:center;gap:5px;font-size:13px;color:#555}.asc-cat-pill{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;line-height:1;border:1px solid transparent;box-shadow:inset 0 1px #ffffff73,0 1px 2px #0000000f;transition:opacity .15s}.asc-cat-pill:hover{opacity:.82}.asc-action-wrap{position:relative;display:inline-block}.asc-action-btn{width:30px;height:30px;border-radius:8px;border:1px solid #e8e8e8;background:#f7f7f7;color:#888;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s}.asc-action-btn:hover{background:#111;color:#fff;border-color:#111}.asc-action-menu{position:absolute;top:calc(100% + 6px);right:0;background:#fff;border:1px solid #e8e8e8;border-radius:10px;box-shadow:0 8px 24px #0000001f;min-width:140px;z-index:1000;overflow:hidden}.asc-action-item{display:flex;align-items:center;gap:9px;width:100%;padding:10px 14px;border:none;background:transparent;font-size:13px;font-weight:600;color:#111;cursor:pointer;transition:background .15s;text-align:left}.asc-action-item:hover{background:#f4f4f4}.asc-action-danger{color:#c33}.asc-action-danger:hover{background:#fff0f0}.asc-form-container{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;background:#fff}.asc-form-header{position:relative;padding:22px 24px 20px;background:#111;flex-shrink:0;overflow:hidden}.asc-form-header:before{content:"";position:absolute;width:140px;height:140px;border-radius:50%;border:22px solid rgba(255,255,255,.05);top:-50px;right:-30px;pointer-events:none}.asc-form-header:after{content:"";position:absolute;width:44px;height:44px;border-radius:8px;border:1.5px solid rgba(255,255,255,.07);bottom:-14px;right:80px;transform:rotate(18deg);pointer-events:none}.asc-form-deco{position:absolute;width:70px;height:70px;border-radius:50%;border:10px solid rgba(255,255,255,.04);bottom:-22px;left:-14px;pointer-events:none}.asc-form-deco2{position:absolute;width:24px;height:24px;border-radius:4px;border:1.5px solid rgba(255,255,255,.06);top:12px;left:180px;transform:rotate(12deg);pointer-events:none}.asc-form-header-content{position:relative;z-index:1}.asc-form-header h2{margin:0 0 3px;font-size:16px;font-weight:800;color:#fff;letter-spacing:-.02em}.asc-form-header p{margin:0;font-size:12px;color:#ffffff80}.asc-form-body{flex:1;min-height:0;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:6px}.asc-form-body::-webkit-scrollbar{width:3px}.asc-form-body::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:2px}.asc-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.asc-form-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 24px;border-top:1px solid #e8e8e8;background:#f7f7f7;flex-shrink:0}.asc-detail-container{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;background:#fff}.asc-detail-header{position:relative;padding:22px 24px 20px;background:#111;flex-shrink:0;overflow:hidden}.asc-detail-header:before{content:"";position:absolute;width:140px;height:140px;border-radius:50%;border:22px solid rgba(255,255,255,.05);top:-50px;right:-30px;pointer-events:none}.asc-detail-header:after{content:"";position:absolute;width:44px;height:44px;border-radius:8px;border:1.5px solid rgba(255,255,255,.07);bottom:-14px;right:80px;transform:rotate(18deg);pointer-events:none}.asc-detail-deco{position:absolute;width:70px;height:70px;border-radius:50%;border:10px solid rgba(255,255,255,.04);bottom:-22px;left:-14px;pointer-events:none}.asc-detail-deco2{position:absolute;width:24px;height:24px;border-radius:4px;border:1.5px solid rgba(255,255,255,.06);top:12px;left:180px;transform:rotate(12deg);pointer-events:none}.asc-detail-header-content{position:relative;z-index:1;display:flex;align-items:center;gap:14px}.asc-detail-icon{width:44px;height:44px;border-radius:12px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.asc-detail-header-text{flex:1;min-width:0}.asc-detail-header-text h2{margin:0 0 2px;font-size:15px;font-weight:800;color:#fff;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asc-detail-header-text p{margin:0;font-size:12px;color:#ffffff80}.asc-detail-body{flex:1;min-height:0;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:10px}.asc-detail-body::-webkit-scrollbar{width:3px}.asc-detail-body::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:2px}.asc-section-title{margin:0 0 8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#888}.asc-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.asc-detail-item{display:flex;flex-direction:column;gap:4px}.asc-detail-full{grid-column:1 / -1}.asc-detail-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#888}.asc-detail-value{font-size:13px;font-weight:600;color:#111;line-height:1.4}.asc-detail-actions{display:flex;gap:10px;margin-top:8px;padding-top:16px;border-top:1px solid #f0f0f0}.asc-delete-container{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;background:#fff}.asc-delete-header{position:relative;padding:22px 24px 20px;background:#c33;flex-shrink:0;overflow:hidden}.asc-delete-header:before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;border:18px solid rgba(255,255,255,.08);top:-40px;right:-24px;pointer-events:none}.asc-delete-deco{position:absolute;width:60px;height:60px;border-radius:50%;border:10px solid rgba(255,255,255,.06);bottom:-20px;left:-12px;pointer-events:none}.asc-delete-header-content{position:relative;z-index:1;display:flex;align-items:center;gap:14px}.asc-delete-icon{width:44px;height:44px;border-radius:12px;background:#ffffff26;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.asc-delete-header-content h2{margin:0 0 2px;font-size:16px;font-weight:800;color:#fff}.asc-delete-header-content p{margin:0;font-size:12px;color:#fff9}.asc-delete-body{flex:1;padding:20px 24px;display:flex;flex-direction:column;gap:14px}.asc-delete-info{display:flex;flex-direction:column;gap:4px;padding:14px 16px;background:#f7f7f7;border:1px solid #e8e8e8;border-radius:10px}.asc-delete-info-title{font-size:14px;font-weight:700;color:#111}.asc-delete-info-sub{font-size:12px;color:#888}.asc-delete-warning{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:#fffbeb;border:1px solid #fde68a;border-left:3px solid #f59e0b;border-radius:8px;font-size:13px;color:#854d0e}.asc-delete-warning p{margin:0;line-height:1.5}.asc-delete-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 24px;border-top:1px solid #e8e8e8;background:#f7f7f7;flex-shrink:0}@media(max-width:640px){.asc-form-row,.asc-detail-grid{grid-template-columns:1fr}.asc-detail-actions{flex-direction:column}}[data-theme=dark] .asc-header h2{color:#f0f0f0}[data-theme=dark] .asc-header p{color:#555}[data-theme=dark] .asc-item-title{color:#e0e0e0}[data-theme=dark] .asc-item-desc{color:#555}[data-theme=dark] .asc-datetime-cell,[data-theme=dark] .asc-location-cell{color:#888}[data-theme=dark] .asc-action-btn{background:#252525;border-color:#3a3a3a;color:#555}[data-theme=dark] .asc-action-btn:hover{background:#f0f0f0;color:#111;border-color:#f0f0f0}[data-theme=dark] .asc-action-menu{background:#1e1e1e;border-color:#2a2a2a;box-shadow:0 8px 24px #0006}[data-theme=dark] .asc-action-item{color:#e0e0e0}[data-theme=dark] .asc-action-item:hover{background:#252525}[data-theme=dark] .asc-action-danger{color:#f87171}[data-theme=dark] .asc-action-danger:hover{background:#2a1a1a}[data-theme=dark] .asc-form-container,[data-theme=dark] .asc-detail-container,[data-theme=dark] .asc-delete-container{background:#1a1a1a}[data-theme=dark] .asc-form-header,[data-theme=dark] .asc-detail-header{background:#0a0a0a}[data-theme=dark] .asc-form-body,[data-theme=dark] .asc-detail-body{background:#1a1a1a}[data-theme=dark] .asc-form-body::-webkit-scrollbar-thumb,[data-theme=dark] .asc-detail-body::-webkit-scrollbar-thumb{background:#2a2a2a}[data-theme=dark] .asc-form-footer,[data-theme=dark] .asc-detail-actions{border-top-color:#2a2a2a}[data-theme=dark] .asc-form-footer,[data-theme=dark] .asc-delete-footer{background:#1e1e1e;border-top-color:#2a2a2a}[data-theme=dark] .asc-section-title,[data-theme=dark] .asc-detail-label{color:#555}[data-theme=dark] .asc-detail-value{color:#e0e0e0}[data-theme=dark] .asc-delete-info{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .asc-delete-info-title{color:#f0f0f0}[data-theme=dark] .asc-delete-info-sub{color:#555}[data-theme=dark] .asc-delete-warning{background:#1e1a0a;border-color:#3a2a00;border-left-color:#f59e0b;color:#fcd34d}[data-theme=dark] .asc-cat-pill[style*="1e40af"]{background:#1e3a6e!important;color:#93c5fd!important}[data-theme=dark] .asc-cat-pill[style*="166534"]{background:#14532d!important;color:#86efac!important}[data-theme=dark] .asc-cat-pill[style*="854d0e"]{background:#3a2000!important;color:#fcd34d!important}[data-theme=dark] .asc-cat-pill[style*="991b1b"]{background:#450a0a!important;color:#fca5a5!important}[data-theme=dark] .asc-cat-pill[style*="065f46"]{background:#022c22!important;color:#6ee7b7!important}[data-theme=dark] .asc-cat-pill[style*="6b21a8"]{background:#3b0764!important;color:#d8b4fe!important}[data-theme=dark] .asc-cat-pill[style*="3730a3"]{background:#1e1b4b!important;color:#a5b4fc!important}.ie-wrap{max-width:100%}.ie-header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:20px;border-bottom:1px solid #e8e8e8;margin-bottom:20px;gap:16px}.ie-header-left{display:flex;flex-direction:column;gap:3px}.ie-title{margin:0;font-size:20px;font-weight:800;color:#111;letter-spacing:-.02em}.ie-subtitle{margin:0;font-size:12px;color:#888;font-weight:600}.ie-date-filter{display:flex;align-items:center;gap:8px;flex-shrink:0}.ie-filter-label{font-size:12px;font-weight:700;color:#888}.ie-filter-select{padding:7px 12px;border-radius:8px;border:1px solid #e8e8e8;font-size:12px;font-weight:600;color:#111;background:#f7f7f7;outline:none;cursor:pointer;transition:border-color .15s}.ie-filter-select:focus{border-color:#111;background:#fff}.ie-stats-chart{display:grid;grid-template-columns:320px 1fr;gap:16px;margin-bottom:20px}.ie-stats-panel{background:#f4f4f4;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23noise)' opacity='0.08'/%3E%3C/svg%3E");background-repeat:repeat;background-size:160px 160px;border:1px solid #e8e8e8;border-radius:14px;padding:20px;position:relative;overflow:hidden}.ie-stats-panel:before{content:"";position:absolute;width:160px;height:160px;border-radius:50%;border:28px solid rgba(0,0,0,.04);top:-60px;right:-40px;pointer-events:none}.ie-stats-loading{color:#888;font-size:13px;padding:20px 0}.ie-stats-grid{display:flex;flex-direction:column;gap:12px;position:relative;z-index:1}.ie-stat-card{background:#fff;border:1px solid #e8e8e8;border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:4px}.ie-stat-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#888}.ie-stat-amount{font-size:20px;font-weight:800;color:#111;letter-spacing:-.02em}.ie-stat-card.income .ie-stat-amount{color:#166634}.ie-stat-card.expense .ie-stat-amount{color:#92400e}.ie-stat-card.balance.positive .ie-stat-amount{color:#166634}.ie-stat-card.balance.negative .ie-stat-amount{color:#dc2626}.ie-stat-trend{font-size:11px;font-weight:700;padding:2px 8px;border-radius:8px;display:inline-block;align-self:flex-start}.ie-stat-trend.positive{background:#dcfce7;color:#166634}.ie-stat-trend.negative{background:#fee2e2;color:#dc2626}.ie-chart-panel{background:#f4f4f4;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23noise)' opacity='0.08'/%3E%3C/svg%3E");background-repeat:repeat;background-size:160px 160px;border:1px solid #e8e8e8;border-radius:14px;padding:20px}.ie-chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.ie-chart-title{margin:0;font-size:14px;font-weight:800;color:#111}.ie-chart-legend{display:flex;gap:16px}.ie-legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#888;font-weight:600}.ie-legend-dot{width:10px;height:10px;border-radius:50%}.ie-legend-dot.income{background:#10b981}.ie-legend-dot.expense{background:#f59e0b}.ie-chart-container{width:100%}.ie-chart-placeholder{padding:40px;text-align:center;color:#888;font-size:13px}.ie-type-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:10px;font-size:11px;font-weight:700;text-transform:capitalize}.ie-type-badge.income{background:#dcfce7;color:#166634}.ie-type-badge.expense{background:#fef3c7;color:#92400e}.ie-title-cell{display:flex;flex-direction:column;gap:2px}.ie-title-main{font-size:13px;font-weight:700;color:#111}.ie-title-sub{font-size:11px;color:#888}.ie-amount{font-size:13px;font-weight:800}.ie-amount.income{color:#166634}.ie-amount.expense{color:#dc2626}.ie-category-badge{font-size:11px;font-weight:600;background:#f4f4f4;color:#555;padding:2px 8px;border-radius:8px;text-transform:capitalize}.ie-date{font-size:12px;color:#555;font-weight:600}.ie-method{font-size:12px;color:#555;text-transform:capitalize}.ie-reference{font-size:12px;color:#888;font-family:monospace}.ie-panel{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;background:#fff}.ie-panel-header{position:relative;padding:22px 24px 20px;background:#111;flex-shrink:0;overflow:hidden}.ie-panel-header:before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;border:18px solid rgba(255,255,255,.05);top:-40px;right:-24px;pointer-events:none}.ie-panel-deco{position:absolute;width:60px;height:60px;border-radius:50%;border:10px solid rgba(255,255,255,.04);bottom:-20px;left:-12px;pointer-events:none}.ie-panel-header-content{position:relative;z-index:1;display:flex;align-items:flex-start;gap:14px}.ie-panel-header-icon{width:40px;height:40px;border-radius:10px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.ie-panel-header-text h2{margin:0 0 3px;font-size:14px;font-weight:800;color:#fff}.ie-panel-header-text p{margin:0;font-size:12px;color:#ffffff8c;text-transform:capitalize}.ie-panel-body{flex:1;min-height:0;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:14px}.ie-panel-body::-webkit-scrollbar{width:3px}.ie-panel-body::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:2px}.ie-panel-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 24px;border-top:1px solid #e8e8e8;background:#f7f7f7;flex-shrink:0}.ie-type-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#888;display:block;margin-bottom:6px}.ie-type-toggle{display:flex;gap:8px}.ie-type-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 14px;border-radius:8px;border:1.5px solid #e8e8e8;background:#f7f7f7;font-size:13px;font-weight:700;color:#888;cursor:pointer;transition:all .15s}.ie-type-btn:hover{border-color:#111;color:#111}.ie-type-btn.income.active{background:#dcfce7;border-color:#86efac;color:#166634}.ie-type-btn.expense.active{background:#fef3c7;border-color:#fde68a;color:#92400e}.ie-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ie-detail-card{background:#f7f7f7;border:1px solid #e8e8e8;border-radius:8px;padding:10px 14px;display:flex;flex-direction:column;gap:3px}.ie-detail-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#aaa}.ie-detail-value{font-size:13px;font-weight:700;color:#111;text-transform:capitalize}.ie-detail-desc-card{background:#fff;border:1px solid #e8e8e8;border-radius:8px;padding:12px 14px;display:flex;flex-direction:column;gap:6px}.ie-detail-desc-text{margin:0;font-size:13px;color:#333;line-height:1.6}@media(max-width:900px){.ie-stats-chart{grid-template-columns:1fr}.ie-stats-grid{flex-direction:row}.ie-stat-card{flex:1}}@media(max-width:640px){.ie-header{flex-direction:column;gap:12px}.ie-stats-grid{flex-direction:column}.ie-detail-grid{grid-template-columns:1fr}}[data-theme=dark] .ie-title{color:#f0f0f0}[data-theme=dark] .ie-subtitle{color:#555}[data-theme=dark] .ie-header{border-bottom-color:#2a2a2a}[data-theme=dark] .ie-filter-select{background:#252525;border-color:#3a3a3a;color:#e0e0e0}[data-theme=dark] .ie-filter-select:focus{border-color:#f0f0f0;background:#2a2a2a}[data-theme=dark] .ie-stats-panel{background-color:#1a1a1a;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23noise)' opacity='0.08'/%3E%3C/svg%3E");border-color:#2a2a2a}[data-theme=dark] .ie-stats-panel:before{border-color:#ffffff0a}[data-theme=dark] .ie-stats-loading{color:#555}[data-theme=dark] .ie-stat-card{background:#252525;border-color:#3a3a3a}[data-theme=dark] .ie-stat-label{color:#555}[data-theme=dark] .ie-stat-amount{color:#e0e0e0}[data-theme=dark] .ie-stat-card.income .ie-stat-amount{color:#4ade80}[data-theme=dark] .ie-stat-card.expense .ie-stat-amount{color:#fbbf24}[data-theme=dark] .ie-stat-card.balance.positive .ie-stat-amount{color:#4ade80}[data-theme=dark] .ie-stat-card.balance.negative .ie-stat-amount{color:#f87171}[data-theme=dark] .ie-stat-trend.positive{background:#4ade8026;color:#4ade80}[data-theme=dark] .ie-stat-trend.negative{background:#f8717126;color:#f87171}[data-theme=dark] .ie-chart-panel{background-color:#1a1a1a;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23noise)' opacity='0.08'/%3E%3C/svg%3E");border-color:#2a2a2a}[data-theme=dark] .ie-chart-title{color:#f0f0f0}[data-theme=dark] .ie-legend-item{color:#555}[data-theme=dark] .ie-title-main{color:#e0e0e0}[data-theme=dark] .ie-title-sub{color:#555}[data-theme=dark] .ie-category-badge{background:#252525;color:#888}[data-theme=dark] .ie-date,[data-theme=dark] .ie-method{color:#888}[data-theme=dark] .ie-reference{color:#555}[data-theme=dark] .ie-panel{background:#1a1a1a}[data-theme=dark] .ie-panel-header{background:#0a0a0a}[data-theme=dark] .ie-panel-body{background:#1a1a1a}[data-theme=dark] .ie-panel-body::-webkit-scrollbar-thumb{background:#2a2a2a}[data-theme=dark] .ie-panel-footer{background:#1e1e1e;border-top-color:#2a2a2a}[data-theme=dark] .ie-type-btn{background:#252525;border-color:#3a3a3a;color:#555}[data-theme=dark] .ie-type-btn:hover{border-color:#f0f0f0;color:#f0f0f0}[data-theme=dark] .ie-detail-card{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .ie-detail-value{color:#e0e0e0}[data-theme=dark] .ie-detail-desc-card{background:#1a1a1a;border-color:#2a2a2a}[data-theme=dark] .ie-detail-desc-text{color:#ccc}.rcp-wrapper{--rcp-primary: #3b82f6;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;font-size:11px;color:#1f2937;max-width:100%;box-sizing:border-box}.rcp-layout-landscape{padding:20px 32px}.rcp-header{display:flex;align-items:center;gap:12px;padding-bottom:10px;margin-bottom:0;border-bottom:3px solid var(--rcp-primary)}.rcp-logo{flex-shrink:0}.rcp-logo-img{width:48px;height:48px;object-fit:contain;border-radius:4px}.rcp-logo-placeholder{width:48px;height:48px;border-radius:50%;background:var(--rcp-primary);color:#fff;font-size:20px;font-weight:700;display:flex;align-items:center;justify-content:center}.rcp-school-details{flex:1;text-align:center}.rcp-school-name{margin:0 0 2px;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--rcp-primary)}.rcp-school-address{margin:0 0 1px;font-size:10px;color:#4b5563}.rcp-school-contact{margin:0;font-size:9px;color:#6b7280}.rcp-session-meta{flex-shrink:0;display:flex;flex-direction:column;gap:6px;text-align:right}.rcp-meta-item{display:flex;flex-direction:column;font-size:11px}.rcp-meta-item span{color:#9ca3af;text-transform:uppercase;font-size:10px;letter-spacing:.5px}.rcp-meta-item strong{font-size:13px;color:#1f2937}.rcp-header-label{text-align:center;font-size:9px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#fff;background:var(--rcp-primary);padding:3px 0;margin-bottom:10px}.rcp-student-info{display:flex;gap:32px;padding:10px 0;border-bottom:1px solid #e5e7eb;margin-bottom:16px}.rcp-student-section{display:flex;gap:12px;align-items:flex-start;padding:10px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:12px}.rcp-student-photo{flex-shrink:0}.rcp-profile-img{width:60px;height:75px;object-fit:cover;border-radius:4px;border:2px solid var(--rcp-primary)}.rcp-profile-placeholder{width:60px;height:75px;border-radius:4px;border:2px dashed var(--rcp-primary);background:#eff6ff;color:var(--rcp-primary);font-size:24px;font-weight:700;display:flex;align-items:center;justify-content:center}.rcp-student-fields{flex:1;display:flex;flex-direction:column;gap:6px}.rcp-info-row{display:flex;gap:10px}.rcp-info-item{flex:1;display:flex;flex-direction:column;gap:1px}.rcp-info-item span{font-size:8px;text-transform:uppercase;letter-spacing:.5px;color:#9ca3af;font-weight:600}.rcp-info-item strong{font-size:10px;color:#1f2937;font-weight:600}.rcp-school-info{flex:1}.rcp-title{margin:0;font-size:13px;letter-spacing:1px;text-transform:uppercase;color:var(--rcp-primary)}.rcp-session-info{text-align:right;font-size:12px;line-height:1.6}.rcp-section{margin-bottom:12px}.rcp-section-title{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;border-left:3px solid var(--rcp-primary);padding-left:6px;margin-bottom:6px;color:var(--rcp-primary)}.rcp-table{width:100%;border-collapse:collapse;font-size:10px}.rcp-table thead tr{background:var(--rcp-primary);color:#fff}.rcp-table th{padding:5px 6px;text-align:center;font-weight:600;font-size:9px;white-space:nowrap}.rcp-table th:first-child{text-align:left}.rcp-th-max{font-weight:400;opacity:.8;font-size:8px}.rcp-table td{padding:4px 6px;border-bottom:1px solid #f3f4f6;text-align:center}.rcp-subject-name{text-align:left!important;font-weight:500}.rcp-score-cell{color:#374151}.rcp-total-cell{font-weight:700;color:#1f2937}.rcp-position-cell{font-size:9px;color:#6b7280}.rcp-grade-badge{display:inline-block;padding:1px 5px;border-radius:10px;background:var(--rcp-primary);color:#fff;font-weight:700;font-size:9px}.rcp-table th{padding:7px 10px;text-align:left;font-weight:600}.rcp-table td{padding:6px 10px;border-bottom:1px solid #f3f4f6}.rcp-row-even{background:#f9fafb}.rcp-grade-badge{display:inline-block;padding:2px 8px;border-radius:12px;color:#fff;font-weight:700;font-size:11px}.rcp-pass-badge{display:inline-block;padding:2px 8px;border-radius:12px;background:#dcfce7;color:#16a34a;font-weight:600;font-size:11px}.rcp-scale-row{display:flex;flex-wrap:wrap;gap:8px}.rcp-scale-item{border:1px solid var(--rcp-primary);border-radius:6px;padding:6px 12px;display:flex;flex-direction:column;align-items:center;min-width:60px}.rcp-scale-grade{font-size:16px;font-weight:700}.rcp-scale-range{font-size:10px;color:#6b7280}.rcp-scale-pf{font-size:10px;font-weight:600}.rcp-summary-row{display:flex;gap:16px}.rcp-summary-box{flex:1;border:2px solid var(--rcp-primary);border-radius:8px;padding:12px;display:flex;flex-direction:column;align-items:center}.rcp-summary-label{font-size:11px;color:#6b7280;text-transform:uppercase}.rcp-summary-value{font-size:22px;font-weight:700}.rcp-attendance-row{display:flex;gap:12px}.rcp-att-item{flex:1;background:#f9fafb;border-radius:6px;padding:10px;display:flex;flex-direction:column;align-items:center;font-size:12px}.rcp-att-item strong{font-size:18px;margin-top:4px}.rcp-traits-grid{display:flex;flex-direction:column;gap:8px}.rcp-trait-row{display:flex;align-items:center;gap:10px}.rcp-trait-name{min-width:140px;font-size:12px}.rcp-trait-bar-wrap{flex:1;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.rcp-trait-bar{height:100%;border-radius:4px;transition:width .3s}.rcp-trait-rating{min-width:70px;font-size:11px;color:#6b7280;text-align:right}.rcp-comment-text{margin:0 0 8px;font-size:12px;color:#374151;font-style:italic}.rcp-signature{font-size:12px;color:#6b7280;margin-top:8px}.rcp-theme-professional .rcp-header{border-bottom-width:3px}.rcp-theme-professional .rcp-header-label{font-weight:800;letter-spacing:4px}.rcp-theme-colorful{border-radius:14px;border:2px solid var(--rcp-primary);overflow:hidden}.rcp-theme-colorful .rcp-header{background:linear-gradient(135deg,var(--rcp-primary),#a78bfa);padding:12px;border-bottom:none}.rcp-theme-colorful .rcp-school-name,.rcp-theme-colorful .rcp-school-address,.rcp-theme-colorful .rcp-school-contact,.rcp-theme-colorful .rcp-logo-placeholder{color:#fff}.rcp-theme-colorful .rcp-logo-placeholder{background:#ffffff40}.rcp-theme-colorful .rcp-header-label{background:linear-gradient(90deg,var(--rcp-primary),#a78bfa)}.rcp-theme-colorful .rcp-section-title{background:#f5f3ff;border-radius:4px;padding:3px 8px}.rcp-theme-colorful .rcp-student-section{background:#f5f3ff;border-color:#ddd6fe}.rcp-theme-colorful .rcp-table thead tr,.rcp-theme-colorful .rcp-grade-badge{background:linear-gradient(90deg,var(--rcp-primary),#a78bfa)}.rcp-theme-colorful .rcp-tfoot-row td{background:#f5f3ff}.rcp-theme-minimal{border:none;border-top:4px solid var(--rcp-primary);border-radius:0;box-shadow:none}.rcp-theme-minimal .rcp-header{border-bottom:1px solid #e5e7eb}.rcp-theme-minimal .rcp-header-label{background:transparent;color:var(--rcp-primary);border-bottom:1px solid #e5e7eb;letter-spacing:2px}.rcp-theme-minimal .rcp-section-title{border-left:none;border-bottom:1px solid var(--rcp-primary);padding-left:0;padding-bottom:2px;background:transparent}.rcp-theme-minimal .rcp-student-section{background:transparent;border:none;border-bottom:1px solid #e5e7eb;border-radius:0;padding:8px 0}.rcp-theme-minimal .rcp-table thead tr{background:#f3f4f6}.rcp-theme-minimal .rcp-table thead th{color:#374151}.rcp-theme-minimal .rcp-tfoot-row td{background:#f9fafb;border-top:1px solid #d1d5db}.rcp-theme-classic{border:2px solid var(--rcp-primary);border-radius:0}.rcp-theme-classic .rcp-header{flex-direction:column;align-items:center;text-align:center;border-bottom:3px double var(--rcp-primary);gap:6px}.rcp-theme-classic .rcp-school-name{font-size:14px;letter-spacing:2px}.rcp-theme-classic .rcp-header-label{letter-spacing:5px;font-size:8px}.rcp-theme-classic .rcp-section-title{text-align:center;border-left:none;border-top:1px solid var(--rcp-primary);border-bottom:1px solid var(--rcp-primary);padding:2px 0;background:transparent}.rcp-theme-classic .rcp-student-section{border-radius:0;border:1px solid var(--rcp-primary)}.rcp-theme-classic .rcp-grade-badge{border-radius:2px}.rcp-theme-classic .rcp-tfoot-row td{border-top:2px double var(--rcp-primary)}.rcp-bottom-row{display:flex;gap:16px;align-items:flex-start}.rcp-bottom-col{flex:1;min-width:0}.rcp-tfoot-row td{border-top:2px solid var(--rcp-primary);background:#eff6ff;font-weight:600;padding:5px 6px}.rcp-remark-text{margin:0 0 8px;font-size:10px;color:#374151;font-style:italic;line-height:1.5;min-height:32px}.rcp-signature{font-size:9px;color:#9ca3af;margin-top:6px}.rcp-theme-loading{display:flex;align-items:center;gap:8px;padding:24px 16px;font-size:13px;color:#6b7280;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px}.asr-container{box-sizing:border-box}.asr-header{margin-bottom:20px}.asr-header h2{margin:0 0 4px;font-size:22px;font-weight:800;color:#111;letter-spacing:-.02em}.asr-header p{margin:0;font-size:13px;color:#888;font-weight:500}.asr-student-name{font-size:13px;font-weight:700;color:#111}.asr-mono{font-family:monospace;font-size:13px;font-weight:600;color:#555}.asr-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;line-height:1;box-shadow:inset 0 1px #ffffff73,0 1px 2px #0000000f}.asr-badge-published{background:#dcfce7;color:#166534}.asr-badge-draft{background:#f4f4f4;color:#555}.asr-badge-none{background:#fef9c3;color:#854d0e}.asr-action-wrap{position:relative;display:inline-block}.asr-action-btn{width:30px;height:30px;border-radius:8px;border:1px solid #e8e8e8;background:#f7f7f7;color:#888;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s}.asr-action-btn:hover{background:#111;color:#fff;border-color:#111}.asr-action-menu{position:absolute;top:calc(100% + 6px);right:0;background:#fff;border:1px solid #e8e8e8;border-radius:10px;box-shadow:0 8px 24px #0000001f;min-width:160px;z-index:1000;overflow:hidden}.asr-action-item{display:flex;align-items:center;gap:9px;width:100%;padding:10px 14px;border:none;background:transparent;font-size:13px;font-weight:600;color:#111;cursor:pointer;transition:background .15s;text-align:left}.asr-action-item:hover:not(:disabled){background:#f4f4f4}.asr-action-item:disabled{color:#ccc;cursor:not-allowed}.asr-action-danger{color:#c33}.asr-action-danger:hover:not(:disabled){background:#fff0f0}.asr-bulk-msg{padding:10px 16px;border-radius:8px;font-size:13px;font-weight:600;margin-bottom:14px}.asr-bulk-msg-success{background:#dcfce7;color:#166534;border:1px solid #86efac}.asr-bulk-msg-warn{background:#fef9c3;color:#854d0e;border:1px solid #fde047}.asr-modal{display:flex;flex-direction:column;overflow:hidden;background:#fff;border-radius:12px}.asr-modal-header{position:relative;padding:22px 24px 20px;background:#111;flex-shrink:0;overflow:hidden}.asr-modal-header:before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;border:18px solid rgba(255,255,255,.05);top:-40px;right:-24px;pointer-events:none}.asr-modal-deco{position:absolute;width:60px;height:60px;border-radius:50%;border:10px solid rgba(255,255,255,.04);bottom:-20px;left:-12px;pointer-events:none}.asr-modal-header-content{position:relative;z-index:1;display:flex;align-items:center;gap:14px}.asr-modal-icon{width:40px;height:40px;border-radius:10px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.asr-modal-header-content h3{margin:0 0 3px;font-size:15px;font-weight:800;color:#fff;letter-spacing:-.02em}.asr-modal-header-content p{margin:0;font-size:12px;color:#ffffff8c}.asr-modal-body{padding:20px 24px;display:flex;flex-direction:column;gap:12px}.asr-modal-field{display:flex;flex-direction:column;gap:5px}.asr-modal-field label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#888}.asr-modal-field textarea{resize:vertical;border:1px solid #e8e8e8;border-radius:8px;padding:9px 12px;font-size:13px;color:#111;font-family:inherit;outline:none;transition:border-color .2s;background:#fafafa}.asr-modal-field textarea:focus{border-color:#111;background:#fff}.asr-modal-override{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:600;color:#854d0e;background:#fef9c3;border:1px solid #fde68a;border-left:3px solid #f59e0b;border-radius:8px;padding:10px 12px;cursor:pointer}.asr-modal-override input{cursor:pointer;accent-color:#111111;width:15px;height:15px}.asr-modal-info{font-size:13px;color:#854d0e;background:#fef9c3;border:1px solid #fde68a;border-left:3px solid #f59e0b;border-radius:8px;padding:10px 12px}.asr-warn{color:#b45309;font-weight:700}.asr-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 24px;border-top:1px solid #e8e8e8;background:#f7f7f7;flex-shrink:0}.asr-modal-btn{padding:8px 18px;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;border:none;transition:opacity .15s}.asr-modal-btn:disabled{opacity:.5;cursor:not-allowed}.asr-modal-btn-primary{background:#111;color:#fff}.asr-modal-btn-primary:hover:not(:disabled){opacity:.85}.asr-modal-btn-publish{background:#166534;color:#fff}.asr-modal-btn-publish:hover:not(:disabled){opacity:.85}.asr-modal-btn-secondary{background:#f4f4f4;color:#555;border:1px solid #e8e8e8}.asr-modal-btn-secondary:hover:not(:disabled){background:#e8e8e8}.asr-preview-container{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;background:#fff}.asr-preview-header{position:relative;padding:22px 24px 20px;background:#111;flex-shrink:0;overflow:hidden}.asr-preview-header:before{content:"";position:absolute;width:140px;height:140px;border-radius:50%;border:22px solid rgba(255,255,255,.05);top:-50px;right:-30px;pointer-events:none}.asr-preview-header:after{content:"";position:absolute;width:44px;height:44px;border-radius:8px;border:1.5px solid rgba(255,255,255,.07);bottom:-14px;right:80px;transform:rotate(18deg);pointer-events:none}.asr-preview-deco{position:absolute;width:70px;height:70px;border-radius:50%;border:10px solid rgba(255,255,255,.04);bottom:-22px;left:-14px;pointer-events:none}.asr-preview-deco2{position:absolute;width:24px;height:24px;border-radius:4px;border:1.5px solid rgba(255,255,255,.06);top:12px;left:180px;transform:rotate(12deg);pointer-events:none}.asr-preview-header-content{position:relative;z-index:1;display:flex;align-items:center;gap:14px}.asr-preview-icon{width:44px;height:44px;border-radius:12px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.asr-preview-header-text h2{margin:0 0 2px;font-size:15px;font-weight:800;color:#fff;letter-spacing:-.02em}.asr-preview-header-text p{margin:0;font-size:12px;color:#ffffff80}.asr-preview-body{flex:1;min-height:0;overflow-y:auto;padding:20px 24px}.asr-preview-body::-webkit-scrollbar{width:3px}.asr-preview-body::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:2px}.asr-preview-empty{font-size:13px;color:#888;padding:24px 0}@media(max-width:640px){.asr-modal-footer{flex-direction:column}}[data-theme=dark] .asr-header h2{color:#f0f0f0}[data-theme=dark] .asr-header p{color:#555}[data-theme=dark] .asr-student-name{color:#e0e0e0}[data-theme=dark] .asr-mono{color:#888}[data-theme=dark] .asr-badge-draft{background:#252525;color:#888}[data-theme=dark] .asr-action-btn{background:#252525;border-color:#3a3a3a;color:#555}[data-theme=dark] .asr-action-btn:hover{background:#f0f0f0;color:#111;border-color:#f0f0f0}[data-theme=dark] .asr-action-menu{background:#1e1e1e;border-color:#2a2a2a;box-shadow:0 8px 24px #0006}[data-theme=dark] .asr-action-item{color:#e0e0e0}[data-theme=dark] .asr-action-item:hover:not(:disabled){background:#252525}[data-theme=dark] .asr-action-item:disabled{color:#3a3a3a}[data-theme=dark] .asr-action-danger{color:#f87171}[data-theme=dark] .asr-action-danger:hover:not(:disabled){background:#2a1a1a}[data-theme=dark] .asr-modal,[data-theme=dark] .asr-preview-container{background:#1a1a1a}[data-theme=dark] .asr-modal-header,[data-theme=dark] .asr-preview-header{background:#0a0a0a}[data-theme=dark] .asr-modal-body{background:#1a1a1a}[data-theme=dark] .asr-modal-field textarea{background:#252525;border-color:#3a3a3a;color:#e0e0e0}[data-theme=dark] .asr-modal-field textarea:focus{border-color:#f0f0f0;background:#2a2a2a}[data-theme=dark] .asr-modal-field label{color:#555}[data-theme=dark] .asr-modal-footer{background:#1e1e1e;border-top-color:#2a2a2a}[data-theme=dark] .asr-modal-btn-secondary{background:#252525;color:#888;border-color:#3a3a3a}[data-theme=dark] .asr-modal-btn-secondary:hover:not(:disabled){background:#2a2a2a}[data-theme=dark] .asr-modal-override,[data-theme=dark] .asr-modal-info{background:#1e1a0a;border-color:#3a2a00;border-left-color:#f59e0b;color:#fcd34d}[data-theme=dark] .asr-preview-body{background:#1a1a1a}[data-theme=dark] .asr-preview-body::-webkit-scrollbar-thumb{background:#2a2a2a}[data-theme=dark] .asr-preview-empty{color:#555}[data-theme=dark] .asr-bulk-msg-success{background:#0a2a14;color:#86efac;border-color:#166534}[data-theme=dark] .asr-bulk-msg-warn{background:#1e1a0a;color:#fcd34d;border-color:#3a2a00}.timetable-editor{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;background:#fff}.te-header{position:relative;padding:22px 24px 20px;background:#111;flex-shrink:0;overflow:hidden}.te-header:before{content:"";position:absolute;width:140px;height:140px;border-radius:50%;border:22px solid rgba(255,255,255,.05);top:-50px;right:-30px;pointer-events:none}.te-header:after{content:"";position:absolute;width:44px;height:44px;border-radius:8px;border:1.5px solid rgba(255,255,255,.07);bottom:-14px;right:80px;transform:rotate(18deg);pointer-events:none}.te-header-deco{position:absolute;width:70px;height:70px;border-radius:50%;border:10px solid rgba(255,255,255,.04);bottom:-22px;left:-14px;pointer-events:none}.te-header-deco2{position:absolute;width:24px;height:24px;border-radius:4px;border:1.5px solid rgba(255,255,255,.06);top:12px;left:180px;transform:rotate(12deg);pointer-events:none}.te-header-content{position:relative;z-index:1;display:flex;align-items:center;gap:14px}.te-header-icon{width:44px;height:44px;border-radius:12px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.te-title{margin:0 0 3px;font-size:15px;font-weight:800;color:#fff;letter-spacing:-.02em}.te-subtitle{margin:0;font-size:12px;color:#ffffff80}.te-content{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column}.te-content::-webkit-scrollbar{width:3px}.te-content::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:2px}.te-form{display:flex;flex-direction:column;gap:0;margin:14px 16px 0;padding:0;border:1px solid #e8e8e8;border-radius:12px;background:#fff;flex-shrink:0;overflow:hidden;scroll-margin-top:8px}.te-form--editing{border-color:#111;box-shadow:0 0 0 1px #111}.te-form-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 16px 12px;background:#fafafa;border-bottom:1px solid #f0f0f0}.te-form-head-text{min-width:0;flex:1}.te-form-title{margin:0 0 2px;font-size:13px;font-weight:800;color:#111;letter-spacing:-.02em}.te-form-sub{margin:0;font-size:11px;color:#888;font-weight:500;line-height:1.4}.te-form-cancel-edit{flex-shrink:0;border:1px solid #e8e8e8;background:#fff;color:#555;font-size:11px;font-weight:700;padding:6px 10px;border-radius:8px;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.te-form-cancel-edit:hover{background:#111;color:#fff;border-color:#111}.te-form-sections{display:flex;flex-direction:column;gap:0}.te-form-section{display:grid;grid-template-columns:72px 1fr;gap:12px;padding:14px 16px;border-bottom:1px solid #f0f0f0}.te-form-section:last-of-type{border-bottom:none}.te-form-section-label{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#aaa;padding-top:10px}.te-form-section-body{display:flex;flex-direction:column;gap:10px;min-width:0}.te-field{display:flex;flex-direction:column;gap:5px}.te-full{width:100%}.te-field-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#888}.te-time-row{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:end}.te-time-arrow{padding-bottom:10px;color:#ccc;font-size:14px;font-weight:700;line-height:1}.te-type-toggle{display:flex;gap:4px;padding:4px;background:#f4f4f4;border:1px solid #e8e8e8;border-radius:10px}.te-type-btn{flex:1;border:none;background:transparent;color:#888;font-size:12px;font-weight:700;padding:8px 10px;border-radius:7px;cursor:pointer;transition:background .15s,color .15s,box-shadow .15s}.te-type-btn.active{background:#fff;color:#111;box-shadow:0 1px 3px #00000014}.te-type-btn:hover:not(.active){color:#555}.te-form-footer{display:flex;gap:8px;padding:12px 16px;background:#fafafa;border-top:1px solid #f0f0f0}.te-secondary-btn{border:1px solid #e8e8e8;background:#fff;color:#555;font-size:13px;font-weight:700;padding:10px 14px;border-radius:10px;cursor:pointer;transition:background .15s,color .15s}.te-secondary-btn:hover{background:#f4f4f4;color:#111}.te-select,.te-input{padding:9px 12px;border-radius:8px;border:1px solid #e8e8e8;font-size:13px;font-weight:500;color:#111;background:#fff;outline:none;transition:border-color .2s;box-sizing:border-box;width:100%}.te-select:focus,.te-input:focus{border-color:#111}.te-subjects-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.te-subject-tag{display:inline-flex;align-items:center;gap:6px;background:#f0f0f0;color:#111;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600}.te-remove-subject{background:none;border:none;color:#888;cursor:pointer;padding:0;display:flex;align-items:center;transition:color .15s}.te-remove-subject:hover{color:#c33}.te-add-btn{display:flex;align-items:center;justify-content:center;gap:7px;flex:1;padding:10px;border-radius:10px;border:none;background:#111;color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:opacity .15s}.te-add-btn:hover:not(.disabled){opacity:.85}.te-add-btn.disabled{opacity:.4;cursor:not-allowed}.te-entries{flex:1;padding:16px 20px;display:flex;flex-direction:column;gap:10px}.te-entries-title{margin:0 0 8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#888}.te-entries-list{display:flex;flex-direction:column;gap:8px}.te-empty-entries{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:36px 20px;gap:8px}.te-empty-icon{width:48px;height:48px;border-radius:12px;background:#f4f4f4;border:1px solid #e8e8e8;display:flex;align-items:center;justify-content:center;color:#ccc}.te-empty-entries p{font-size:13px;color:#888;margin:0}.te-entry-item{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;border-radius:10px;background:#fafafa;border:1px solid #e8e8e8;transition:box-shadow .15s}.te-entry-item:hover{box-shadow:0 2px 8px #00000012}.te-entry-item.is-editing{border-color:#111;background:#f7f7f7;box-shadow:0 0 0 1px #111}.te-entry-content{display:flex;gap:12px;align-items:center;flex:1;min-width:0}.te-entry-day{font-size:11px;font-weight:700;color:#555;background:#f0f0f0;padding:3px 9px;border-radius:20px;white-space:nowrap;text-transform:uppercase;letter-spacing:.04em}.te-entry-details{flex:1;min-width:0}.te-entry-subjects{font-size:13px;font-weight:700;color:#111;margin-bottom:2px}.te-entry-stream{font-size:11px;font-weight:600}.te-entry-time{font-size:12px;color:#888;font-weight:500;white-space:nowrap;font-family:monospace}.te-entry-actions{display:flex;gap:6px;flex-shrink:0}.te-edit-btn,.te-delete-btn{width:28px;height:28px;border-radius:7px;border:1px solid #e8e8e8;background:#f4f4f4;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s;color:#888}.te-edit-btn:hover{background:#111;color:#fff;border-color:#111}.te-delete-btn:hover{background:#c33;color:#fff;border-color:#c33}.te-actions{display:flex;gap:10px;justify-content:flex-end;padding:14px 20px;border-top:1px solid #e8e8e8;background:#f7f7f7;flex-shrink:0}.te-ai-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border-radius:8px;border:none;background:#111;color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:opacity .15s}.te-ai-btn:hover{opacity:.85}.te-ai-panel{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;background:#fff}.te-ai-panel-header{position:relative;padding:22px 24px 20px;background:#111;flex-shrink:0;overflow:hidden}.te-ai-panel-header:before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;border:18px solid rgba(255,255,255,.05);top:-40px;right:-24px;pointer-events:none}.te-ai-panel-deco{position:absolute;width:60px;height:60px;border-radius:50%;border:10px solid rgba(255,255,255,.04);bottom:-20px;left:-12px;pointer-events:none}.te-ai-panel-deco2{position:absolute;width:22px;height:22px;border-radius:4px;border:1.5px solid rgba(255,255,255,.06);top:10px;left:160px;transform:rotate(12deg);pointer-events:none}.te-ai-panel-header-content{position:relative;z-index:1;display:flex;align-items:center;gap:12px}.te-ai-panel-icon{width:40px;height:40px;border-radius:10px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.te-ai-panel-header-text{flex:1;min-width:0}.te-ai-panel-header-text h3{margin:0 0 2px;font-size:14px;font-weight:800;color:#fff;letter-spacing:-.02em}.te-ai-panel-header-text p{margin:0;font-size:11px;color:#ffffff80}.te-ai-panel-body{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:14px}.te-ai-panel-body::-webkit-scrollbar{width:3px}.te-ai-panel-body::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:2px}.te-ai-field{display:flex;flex-direction:column;gap:5px}.te-ai-field label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#888}.te-ai-select{width:100%;padding:9px 12px;border-radius:8px;border:1px solid #e8e8e8;font-size:13px;font-weight:600;color:#111;background:#fafafa;outline:none;transition:border-color .2s;box-sizing:border-box}.te-ai-select:focus{border-color:#111;background:#fff}.te-ai-textarea{width:100%;padding:9px 12px;border-radius:8px;border:1px solid #e8e8e8;font-size:13px;color:#111;font-family:inherit;background:#fafafa;outline:none;resize:vertical;transition:border-color .2s;box-sizing:border-box}.te-ai-textarea:focus{border-color:#111;background:#fff}.te-ai-hint{font-size:12px;color:#888;margin:0}.te-ai-warn{font-size:12px;color:#854d0e;margin:0;font-weight:600}.te-template-preview{background:#f7f7f7;border:1px solid #e8e8e8;border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:6px}.te-template-preview-title{margin:0;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#888}.te-template-row{margin:0;font-size:12px;color:#555}.te-period-pills{display:flex;flex-wrap:wrap;gap:5px}.te-period-pill{font-size:11px;font-weight:700;background:#f0f0f0;color:#555;padding:2px 8px;border-radius:20px;text-transform:uppercase;letter-spacing:.04em}.te-break-item{margin:0;font-size:12px;color:#888}.te-ai-info{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;background:#f4f4f4;border:1px solid #e8e8e8;border-left:3px solid #111111;border-radius:8px;font-size:12px;color:#555}.te-ai-info p{margin:0;line-height:1.5}.te-ai-panel-footer{display:flex;gap:10px;justify-content:flex-end;padding:14px 20px;border-top:1px solid #e8e8e8;background:#f7f7f7;flex-shrink:0}.te-ai-generate-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 20px;border-radius:8px;border:none;background:#111;color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:opacity .15s;flex:1;justify-content:center}.te-ai-generate-btn:hover:not(:disabled){opacity:.85}.te-ai-generate-btn:disabled{opacity:.4;cursor:not-allowed}@media(max-width:640px){.te-form{margin:12px 12px 0}.te-form-section{grid-template-columns:1fr;gap:8px}.te-form-section-label{padding-top:0}.te-time-row{grid-template-columns:1fr}.te-time-arrow{display:none}.te-actions{flex-direction:column-reverse}.te-ai-panel{width:100vw}}[data-theme=dark] .timetable-editor{background:#1a1a1a}[data-theme=dark] .te-header{background:#0a0a0a}[data-theme=dark] .te-tabs{border-bottom-color:#2a2a2a}[data-theme=dark] .te-tab{background:#141414;color:#555}[data-theme=dark] .te-tab.active{background:#1a1a1a;color:#f0f0f0;border-bottom-color:#f0f0f0}[data-theme=dark] .te-tab:hover:not(.active){background:#1e1e1e;color:#888}[data-theme=dark] .te-content::-webkit-scrollbar-thumb{background:#2a2a2a}[data-theme=dark] .te-form{background:#1a1a1a;border-color:#2a2a2a}[data-theme=dark] .te-form--editing{border-color:#f0f0f0;box-shadow:0 0 0 1px #f0f0f0}[data-theme=dark] .te-form-head,[data-theme=dark] .te-form-footer{background:#141414;border-color:#2a2a2a}[data-theme=dark] .te-form-title{color:#f0f0f0}[data-theme=dark] .te-form-sub{color:#555}[data-theme=dark] .te-form-cancel-edit,[data-theme=dark] .te-secondary-btn{background:#252525;border-color:#3a3a3a;color:#ccc}[data-theme=dark] .te-form-cancel-edit:hover{background:#f0f0f0;color:#111;border-color:#f0f0f0}[data-theme=dark] .te-form-section{border-bottom-color:#2a2a2a}[data-theme=dark] .te-form-section-label{color:#555}[data-theme=dark] .te-type-toggle{background:#252525;border-color:#3a3a3a}[data-theme=dark] .te-type-btn{color:#888}[data-theme=dark] .te-type-btn.active{background:#1a1a1a;color:#f0f0f0}[data-theme=dark] .te-time-arrow,[data-theme=dark] .te-field-label{color:#555}[data-theme=dark] .te-select,[data-theme=dark] .te-input{background:#252525;border-color:#3a3a3a;color:#e0e0e0}[data-theme=dark] .te-select:focus,[data-theme=dark] .te-input:focus{border-color:#f0f0f0;background:#2a2a2a}[data-theme=dark] .te-subject-tag{background:#252525;color:#e0e0e0}[data-theme=dark] .te-remove-subject{color:#555}[data-theme=dark] .te-add-btn{background:#f0f0f0;color:#111}[data-theme=dark] .te-add-btn:hover:not(.disabled){opacity:.9}[data-theme=dark] .te-entries-title{color:#555}[data-theme=dark] .te-empty-icon{background:#252525;border-color:#3a3a3a;color:#555}[data-theme=dark] .te-empty-entries p{color:#555}[data-theme=dark] .te-entry-item{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .te-entry-item:hover{box-shadow:0 2px 8px #0000004d}[data-theme=dark] .te-entry-item.is-editing{border-color:#f0f0f0;background:#222;box-shadow:0 0 0 1px #f0f0f0}[data-theme=dark] .te-entry-day{background:#252525;color:#888}[data-theme=dark] .te-entry-subjects{color:#e0e0e0}[data-theme=dark] .te-entry-time{color:#555}[data-theme=dark] .te-edit-btn,[data-theme=dark] .te-delete-btn{background:#252525;border-color:#3a3a3a;color:#555}[data-theme=dark] .te-edit-btn:hover{background:#f0f0f0;color:#111;border-color:#f0f0f0}[data-theme=dark] .te-delete-btn:hover{background:#c33;color:#fff;border-color:#c33}[data-theme=dark] .te-actions{background:#1e1e1e;border-top-color:#2a2a2a}[data-theme=dark] .te-ai-btn{background:#f0f0f0;color:#111}[data-theme=dark] .te-ai-panel{background:#1a1a1a}[data-theme=dark] .te-ai-panel-header{background:#0a0a0a}[data-theme=dark] .te-ai-panel-body{background:#1a1a1a}[data-theme=dark] .te-ai-panel-body::-webkit-scrollbar-thumb{background:#2a2a2a}[data-theme=dark] .te-ai-field label{color:#555}[data-theme=dark] .te-ai-select{background:#252525;border-color:#3a3a3a;color:#e0e0e0}[data-theme=dark] .te-ai-select:focus{border-color:#f0f0f0;background:#2a2a2a}[data-theme=dark] .te-ai-textarea{background:#252525;border-color:#3a3a3a;color:#e0e0e0}[data-theme=dark] .te-ai-textarea:focus{border-color:#f0f0f0;background:#2a2a2a}[data-theme=dark] .te-template-preview{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .te-template-preview-title{color:#555}[data-theme=dark] .te-template-row{color:#888}[data-theme=dark] .te-period-pill{background:#252525;color:#888}[data-theme=dark] .te-break-item{color:#555}[data-theme=dark] .te-ai-info{background:#1e1e1e;border-color:#2a2a2a;border-left-color:#f0f0f0;color:#888}[data-theme=dark] .te-ai-panel-footer{background:#1e1e1e;border-top-color:#2a2a2a}[data-theme=dark] .te-ai-generate-btn{background:#f0f0f0;color:#111}[data-theme=dark] .te-ai-generate-btn:hover:not(:disabled){background:#fff}.ast-container{box-sizing:border-box}.ast-error{padding:24px;color:#c33;font-size:14px;font-weight:600}.ast-header{margin-bottom:20px}.ast-header-row{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:12px}.ast-header h2{margin:0 0 4px;font-size:22px;font-weight:800;color:#111;letter-spacing:-.02em}.ast-header p{margin:0;font-size:13px;color:#888;font-weight:500}.ast-ai-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:10px;border:none;background:linear-gradient(135deg,#111,#333);color:#fff;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;transition:opacity .15s,transform .15s;box-shadow:0 2px 8px #0000002e}.ast-ai-btn:hover{opacity:.88;transform:translateY(-1px)}.ast-grid{display:flex;flex-direction:column;gap:16px}.ast-card{background:#fff;border:1px solid #e8e8e8;border-radius:12px;overflow:hidden;box-shadow:0 1px 4px #0000000d;transition:box-shadow .15s}.ast-card:hover{box-shadow:0 4px 16px #00000014}.ast-card-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:14px 18px;background:#fafafa;border-bottom:1px solid #f0f0f0}.ast-card-info{display:flex;align-items:center;gap:10px;min-width:0}.ast-class-name{font-size:14px;font-weight:800;color:#111;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.ast-class-code{font-size:11px;font-weight:700;background:#f0f0f0;color:#555;padding:3px 9px;border-radius:20px;white-space:nowrap;text-transform:uppercase;letter-spacing:.04em}.ast-card-actions{flex-shrink:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ast-card-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;border:1px solid transparent;transition:background .15s,color .15s,opacity .15s}.ast-card-btn:disabled{opacity:.5;cursor:not-allowed}.ast-card-btn-edit{background:#f4f4f4;color:#111;border-color:#e8e8e8}.ast-card-btn-edit:hover:not(:disabled){background:#111;color:#fff;border-color:#111}.ast-card-btn-create{background:#111;color:#fff;border-color:#111}.ast-card-btn-create:hover:not(:disabled){opacity:.85}.ast-card-btn-ai{background:#111;color:#fff;border-color:#111}.ast-card-btn-ai:hover:not(:disabled){opacity:.88}.ast-timetable-wrap{padding:10px;overflow-x:auto}.ast-timetable-wrap .timetable-view-toggle{margin-bottom:8px}.ast-timetable-wrap .timetable-wrapper{border-radius:8px}.ast-timetable-wrap .day-row{min-height:44px}.ast-timetable-wrap .time-cell{font-size:10px;padding:5px 0}.ast-timetable-wrap .day-label{font-size:11px}.ast-timetable-wrap .subject-title{font-size:10px}.ast-timetable-wrap .subject-teacher,.ast-timetable-wrap .subject-time{font-size:9px}.ast-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:36px 20px;gap:6px}.ast-empty-icon{width:48px;height:48px;border-radius:12px;background:#f4f4f4;border:1px solid #e8e8e8;display:flex;align-items:center;justify-content:center;color:#bbb;margin-bottom:4px}.ast-empty-text{font-size:13px;font-weight:700;color:#888;margin:0}.ast-empty-hint{font-size:12px;color:#bbb;margin:0}.ast-no-classes{display:flex;flex-direction:column;align-items:center;gap:10px;padding:56px 20px}.ast-no-classes-icon{width:56px;height:56px;border-radius:14px;background:#f4f4f4;border:1px solid #e8e8e8;display:flex;align-items:center;justify-content:center;color:#ccc}.ast-no-classes p{font-size:14px;color:#888;margin:0;font-weight:600}.ast-ai-container{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;background:#fff}.ast-ai-header{position:relative;padding:22px 24px 20px;background:#111;flex-shrink:0;overflow:hidden}.ast-ai-header:before{content:"";position:absolute;width:140px;height:140px;border-radius:50%;border:22px solid rgba(255,255,255,.05);top:-50px;right:-30px;pointer-events:none}.ast-ai-header:after{content:"";position:absolute;width:44px;height:44px;border-radius:8px;border:1.5px solid rgba(255,255,255,.07);bottom:-14px;right:80px;transform:rotate(18deg);pointer-events:none}.ast-ai-deco{position:absolute;width:70px;height:70px;border-radius:50%;border:10px solid rgba(255,255,255,.04);bottom:-22px;left:-14px;pointer-events:none}.ast-ai-deco2{position:absolute;width:24px;height:24px;border-radius:4px;border:1.5px solid rgba(255,255,255,.06);top:12px;left:180px;transform:rotate(12deg);pointer-events:none}.ast-ai-header-content{position:relative;z-index:1;display:flex;align-items:center;gap:14px}.ast-ai-icon{width:44px;height:44px;border-radius:12px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.ast-ai-header-text h2{margin:0 0 2px;font-size:15px;font-weight:800;color:#fff;letter-spacing:-.02em}.ast-ai-header-text p{margin:0;font-size:12px;color:#ffffff80}.ast-ai-body{flex:1;min-height:0;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:18px}.ast-ai-body::-webkit-scrollbar{width:3px}.ast-ai-body::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:2px}.ast-ai-field{display:flex;flex-direction:column;gap:6px}.ast-ai-field label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#888}.ast-ai-select{width:100%;padding:9px 12px;border-radius:8px;border:1px solid #e8e8e8;font-size:13px;font-weight:600;color:#111;background:#fafafa;outline:none;transition:border-color .2s;box-sizing:border-box}.ast-ai-select:focus{border-color:#111;background:#fff}.ast-ai-textarea{width:100%;padding:9px 12px;border-radius:8px;border:1px solid #e8e8e8;font-size:13px;color:#111;font-family:inherit;background:#fafafa;outline:none;resize:vertical;transition:border-color .2s;box-sizing:border-box}.ast-ai-textarea:focus{border-color:#111;background:#fff}.ast-ai-hint{font-size:12px;color:#888;margin:0}.ast-ai-warn{font-size:12px;color:#854d0e;margin:0;font-weight:600}.ast-template-preview{background:#f7f7f7;border:1px solid #e8e8e8;border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:10px}.ast-template-preview-title{margin:0;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#888}.ast-template-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ast-template-item{display:flex;flex-direction:column;gap:2px}.ast-template-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#888}.ast-template-value{font-size:13px;font-weight:600;color:#111}.ast-template-periods{display:flex;flex-direction:column;gap:6px}.ast-period-pills{display:flex;flex-wrap:wrap;gap:6px}.ast-period-pill{font-size:11px;font-weight:700;background:#f0f0f0;color:#555;padding:3px 9px;border-radius:20px;text-transform:uppercase;letter-spacing:.04em}.ast-template-breaks{display:flex;flex-direction:column;gap:4px}.ast-break-item{margin:0;font-size:12px;color:#555;font-weight:500}.ast-template-desc{margin:0;font-size:12px;color:#888;font-style:italic}.ast-ai-info{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:#f4f4f4;border:1px solid #e8e8e8;border-left:3px solid #111111;border-radius:8px;font-size:13px;color:#555}.ast-ai-info p{margin:0;line-height:1.5}.ast-ai-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 24px;border-top:1px solid #e8e8e8;background:#f7f7f7;flex-shrink:0}.ast-ai-generate-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 20px;border-radius:8px;border:none;background:#111;color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:opacity .15s;flex:1;justify-content:center}.ast-ai-generate-btn:hover:not(:disabled){opacity:.85}.ast-ai-generate-btn:disabled{opacity:.4;cursor:not-allowed}@media(max-width:640px){.ast-header-row{flex-direction:column;align-items:stretch}.ast-ai-btn{justify-content:center}.ast-card-header{padding:12px}.ast-timetable-wrap{padding:8px}.ast-template-grid{grid-template-columns:1fr}}[data-theme=dark] .ast-header h2{color:#f0f0f0}[data-theme=dark] .ast-header p{color:#555}[data-theme=dark] .ast-ai-btn{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);box-shadow:0 2px 8px #0006}[data-theme=dark] .ast-card{background:#1a1a1a;border-color:#2a2a2a}[data-theme=dark] .ast-card:hover{box-shadow:0 4px 16px #0000004d}[data-theme=dark] .ast-card-header{background:#141414;border-bottom-color:#2a2a2a}[data-theme=dark] .ast-class-name{color:#e0e0e0}[data-theme=dark] .ast-class-code{background:#252525;color:#888}[data-theme=dark] .ast-card-btn-edit{background:#252525;color:#e0e0e0;border-color:#3a3a3a}[data-theme=dark] .ast-card-btn-edit:hover:not(:disabled){background:#f0f0f0;color:#111;border-color:#f0f0f0}[data-theme=dark] .ast-card-btn-create{background:#f0f0f0;color:#111}[data-theme=dark] .ast-card-btn-ai{background:#f0f0f0;color:#111;border-color:#f0f0f0}[data-theme=dark] .ast-card-btn-ai:hover:not(:disabled){background:#fff}[data-theme=dark] .ast-empty-icon,[data-theme=dark] .ast-no-classes-icon{background:#252525;border-color:#3a3a3a;color:#555}[data-theme=dark] .ast-empty-text{color:#555}[data-theme=dark] .ast-empty-hint{color:#3a3a3a}[data-theme=dark] .ast-no-classes p{color:#555}[data-theme=dark] .ast-ai-container{background:#1a1a1a}[data-theme=dark] .ast-ai-header{background:#0a0a0a}[data-theme=dark] .ast-ai-body{background:#1a1a1a}[data-theme=dark] .ast-ai-body::-webkit-scrollbar-thumb{background:#2a2a2a}[data-theme=dark] .ast-ai-field label{color:#555}[data-theme=dark] .ast-ai-select{background:#252525;border-color:#3a3a3a;color:#e0e0e0}[data-theme=dark] .ast-ai-select:focus{border-color:#f0f0f0;background:#2a2a2a}[data-theme=dark] .ast-ai-textarea{background:#252525;border-color:#3a3a3a;color:#e0e0e0}[data-theme=dark] .ast-ai-textarea:focus{border-color:#f0f0f0;background:#2a2a2a}[data-theme=dark] .ast-template-preview{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .ast-template-preview-title,[data-theme=dark] .ast-template-label{color:#555}[data-theme=dark] .ast-template-value{color:#e0e0e0}[data-theme=dark] .ast-period-pill{background:#252525;color:#888}[data-theme=dark] .ast-break-item{color:#888}[data-theme=dark] .ast-template-desc{color:#555}[data-theme=dark] .ast-ai-info{background:#1e1e1e;border-color:#2a2a2a;border-left-color:#f0f0f0;color:#888}[data-theme=dark] .ast-ai-footer{background:#1e1e1e;border-top-color:#2a2a2a}[data-theme=dark] .ast-ai-generate-btn{background:#f0f0f0;color:#111}[data-theme=dark] .ast-ai-generate-btn:hover:not(:disabled){background:#fff}.AdminLayout{display:flex;flex-direction:column;height:100vh;width:100vw;box-sizing:border-box;overflow:auto;background-color:#fff;color:#111;transition:background-color .2s ease,color .2s ease}[data-theme=dark] .AdminLayout{background-color:#111;color:#e0e0e0}.al_saidNContentSec{display:flex;flex:1;position:fixed;top:0;bottom:0;left:0;right:0;z-index:7;margin-top:48px}.al_content{margin-left:-7px;flex:1;overflow-y:auto;transition:margin-left .3s ease;width:100%;box-sizing:border-box;height:100%}@media(max-width:1000px){.al_content{margin-left:0;width:100%}}.al_saidbar{position:relative;height:calc(100vh - 48px);display:flex;align-items:center;box-sizing:border-box;gap:3px;z-index:1500;margin-top:0}.al_sb_toggle{background-color:#d1d5db;height:36px;width:4px;border-radius:10px;cursor:pointer;transition:background-color .2s ease;flex-shrink:0}.al_sb_toggle:hover{background-color:#9ca3af}.al_sb_nav{width:62px;display:flex;flex-direction:column;z-index:1500000;background-color:#fff;transition:width .28s cubic-bezier(.4,0,.2,1);height:100%;border-right:1px solid #e5e7eb;overflow-x:hidden;overflow-y:auto}.al_sb_nav.expanded{width:210px}.al_saidbar.expanded{min-width:210px}.al_sb_nav:not(.expanded) .nav-link{padding:10px 0;justify-content:center}.nav-items{padding:12px 0 8px;display:flex;flex-direction:column;gap:2px;flex:1}.nav-bottom{padding:0 0 12px;display:flex;flex-direction:column;gap:2px}.nav-bottom-divider{height:1px;background:#f0f0f0;margin:6px 10px 8px}.nav-link{display:flex;align-items:center;padding:10px 14px;color:#374151;text-decoration:none;cursor:pointer;transition:background .15s ease;border:none;background:none;text-align:left;gap:12px;border-radius:10px;position:relative;box-sizing:border-box;margin:0 8px;width:calc(100% - 16px)}.nav-link:hover{background-color:#f5f5f5}.nav-link.active{background-color:#f0f0f0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23noise)' opacity='0.1'/%3E%3C/svg%3E");background-repeat:repeat;background-size:120px 120px;border:1px solid #e0e0e0;box-shadow:0 1px 4px #0000000f}.nav-icon{min-width:22px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;font-size:.85rem;color:#374151;opacity:0;transform:translate(-6px);transition:opacity .2s ease .05s,transform .2s ease .05s}.al_sb_nav.expanded .nav-text{opacity:1;transform:translate(0)}.nav-badge{margin-left:auto;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#2563eb;color:#fff;font-size:10px;font-weight:700;line-height:1;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.al_sb_nav:not(.expanded) .nav-badge{position:absolute;top:5px;left:30px;min-width:16px;height:16px;padding:0 4px;font-size:9px;margin-left:0}.al_overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000059;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:30;display:none}.said_top_bar{height:48px;min-height:48px;border-bottom:1px solid #e5e7eb;background-color:#fff;display:none;flex-shrink:0}@media(max-width:1200px){.al_saidbar{position:fixed;left:-100%;transition:left .3s ease;z-index:200;height:100vh;margin-top:0}.al_saidbar.mobile-open{left:0}.al_sb_nav,.al_sb_nav.expanded{width:250px!important}.al_sb_nav .nav-text{opacity:1!important;transform:translate(0)!important}.al_overlay{display:block}.al_sb_toggle{display:none}.said_top_bar{display:flex}}.al_sb_nav::-webkit-scrollbar{width:3px}.al_sb_nav::-webkit-scrollbar-track{background:transparent}.al_sb_nav::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:2px}[data-theme=dark] .al_sb_nav{background-color:#1a1a1a;border-right-color:#2e2e2e}[data-theme=dark] .al_sb_toggle{background-color:#3a3a3a}[data-theme=dark] .al_sb_toggle:hover{background-color:#555}[data-theme=dark] .said_top_bar{background-color:#1a1a1a;border-bottom-color:#2e2e2e}[data-theme=dark] .nav-bottom-divider{background:#2a2a2a}[data-theme=dark] .nav-link{color:#ccc}[data-theme=dark] .nav-link:hover{background-color:#252525}[data-theme=dark] .nav-link.active{background-color:#2a2a2a;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23noise)' opacity='0.15'/%3E%3C/svg%3E");border-color:#3a3a3a;box-shadow:0 1px 4px #0000004d}[data-theme=dark] .nav-text{color:#ccc}[data-theme=dark] .nav-icon svg rect,[data-theme=dark] .nav-icon svg path,[data-theme=dark] .nav-icon svg circle{stroke:#ccc}[data-theme=dark] .nav-icon svg [fill="#111111"]{fill:#ccc}[data-theme=dark] .nav-icon svg [fill="#111111"][opacity]{fill:#ccc}[data-theme=dark] .nav-badge{background:#3b82f6;color:#fff}[data-theme=dark] .al_sb_nav::-webkit-scrollbar-thumb{background:#3a3a3a}.np_panel{position:absolute;top:calc(100% + 10px);right:0;width:360px;max-width:calc(100vw - 24px);background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 12px 40px #00000024;z-index:99999;display:flex;flex-direction:column;max-height:520px;overflow:hidden;animation:np_slide_in .18s ease}@keyframes np_slide_in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.np_header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 12px;border-bottom:1.5px solid #f0f0f0;flex-shrink:0}.np_header_left{display:flex;align-items:center;gap:8px}.np_title{font-size:14px;font-weight:700;color:#111}.np_unread_pill{font-size:10px;font-weight:700;padding:2px 8px;border-radius:99px;background:#ef4444;color:#fff}.np_header_right{display:flex;align-items:center;gap:8px}.np_mark_all_btn{font-size:11px;font-weight:600;color:#6b7280;background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .15s,color .15s}.np_mark_all_btn:hover{background:#f3f4f6;color:#111}.np_close_btn{width:26px;height:26px;border-radius:7px;border:1px solid #e5e7eb;background:#f9fafb;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.np_close_btn:hover{background:#f3f4f6;color:#111}.np_body{overflow-y:auto;flex:1}.np_empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:48px 24px;color:#9ca3af;font-size:13px}.np_empty p{margin:0}.np_list{list-style:none;margin:0;padding:6px 0}.np_item{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;cursor:pointer;transition:background .12s;position:relative;border-bottom:1px solid #f5f5f5}.np_item:last-child{border-bottom:none}.np_item:hover{background:#f9fafb}.np_item--unread{background:#fafbff}.np_item--read{opacity:.7}.np_item_dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:5px}.np_item_body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.np_item_top{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.np_item_title{font-size:13px;font-weight:600;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.np_item_time{font-size:10.5px;color:#9ca3af;white-space:nowrap;flex-shrink:0}.np_item_text{margin:0;font-size:12px;color:#6b7280;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.np_item_type{font-size:10px;font-weight:700;padding:2px 7px;border-radius:99px;align-self:flex-start}.np_item_badge{width:8px;height:8px;border-radius:50%;background:#ef4444;flex-shrink:0;margin-top:5px}.np_spinner{width:24px;height:24px;border:2.5px solid #e5e7eb;border-top-color:#111;border-radius:50%;animation:np_spin .7s linear infinite}@keyframes np_spin{to{transform:rotate(360deg)}}[data-theme=dark] .np_panel{background:#1e1e1e;border-color:#2e2e2e;box-shadow:0 12px 40px #0006}[data-theme=dark] .np_header{border-bottom-color:#2a2a2a}[data-theme=dark] .np_title{color:#f0f0f0}[data-theme=dark] .np_mark_all_btn{color:#888}[data-theme=dark] .np_mark_all_btn:hover{background:#2a2a2a;color:#f0f0f0}[data-theme=dark] .np_close_btn{background:#252525;border-color:#3a3a3a;color:#888}[data-theme=dark] .np_close_btn:hover{background:#333;color:#f0f0f0}[data-theme=dark] .np_item{border-bottom-color:#2a2a2a}[data-theme=dark] .np_item:hover{background:#252525}[data-theme=dark] .np_item--unread{background:#1a1f2e}[data-theme=dark] .np_item_title{color:#e0e0e0}[data-theme=dark] .np_item_text{color:#888}*,*:before,*:after{box-sizing:border-box}.al_topbar{position:fixed;top:0;display:flex;height:52px;width:100%;justify-content:space-between;align-items:center;z-index:100;border-bottom:1px solid #e5e7eb;background-color:#fff;padding:0 18px;overflow:visible}.al_topbar_left{display:flex;align-items:center;gap:14px;flex-shrink:1;min-width:0}.al_menu_btn{display:none;background:none;border:1px solid #e5e7eb;border-radius:8px;font-size:16px;cursor:pointer;padding:5px 8px;color:#374151;line-height:1;transition:background .15s;flex-shrink:0}.al_menu_btn:hover{background:#f3f4f6}.al_brand{display:flex;align-items:center;gap:8px;flex-shrink:0}.al_brand_icon{width:28px;height:28px;background:transparent;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.al_brand_icon img{width:100%;height:100%;object-fit:contain;display:block}.al_brand_text{font-size:15px;font-weight:800;color:#111;letter-spacing:-.4px;white-space:nowrap}.al_brand_divider{width:1px;height:22px;background:#e5e7eb;flex-shrink:0}.al_school_brand{display:flex;align-items:center;gap:8px;min-width:0}.al_school_logo{width:26px;height:26px;border-radius:6px;object-fit:cover;border:1px solid #e5e7eb;flex-shrink:0}.al_school_logo_fallback{width:26px;height:26px;border-radius:6px;background:#f3f4f6;border:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center;flex-shrink:0}.al_school_name{font-size:13px;font-weight:600;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.al_topbar_center{flex:1;display:flex;justify-content:center;padding:0 24px;min-width:0}.al_search_trigger{display:flex;align-items:center;gap:8px;padding:7px 14px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;font-size:13px;color:#aaa;width:100%;max-width:380px;transition:border-color .15s,box-shadow .15s}.al_search_trigger:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000000f;color:#6b7280}.al_search_trigger span{flex:1;text-align:left}.al_search_trigger kbd{font-size:10px;background:#f4f4f4;border:1px solid #e5e7eb;border-radius:4px;padding:1px 5px;color:#aaa;font-family:inherit;white-space:nowrap}.al_topbar_right{display:flex;align-items:center;gap:8px;justify-content:flex-end;overflow:visible;position:relative;z-index:10001;flex-shrink:0}.topbar-icon-btn{width:34px;height:34px;border-radius:9px;background:#fff;border:1px solid #e5e7eb;color:#555;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s,box-shadow .15s;flex-shrink:0}.topbar-icon-btn:hover{background:#f4f4f4;border-color:#d1d5db;box-shadow:0 2px 6px #00000012;color:#111}.al_search_mobile{display:none}.profile-dropdown-wrapper{position:relative}.profile-avatar-btn{width:34px;height:34px;border-radius:9px;background:#111;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:box-shadow .2s,opacity .15s;flex-shrink:0}.profile-avatar-btn:hover{opacity:.88;box-shadow:0 0 0 3px #0000001f}.profile-avatar-initials{color:#fff;font-size:12px;font-weight:700;letter-spacing:.5px}.profile-dropdown{position:absolute;top:calc(100% + 10px);right:0;width:300px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 8px 32px #0000001f;z-index:99999;overflow:hidden;animation:pdFadeIn .15s ease}@keyframes pdFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.pd-header{display:flex;align-items:center;gap:14px;padding:18px 16px 14px;background-color:#111;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23noise)' opacity='0.09'/%3E%3C/svg%3E");background-repeat:repeat;background-size:150px 150px;border-bottom:1px solid #2a2a2a;position:relative;overflow:hidden}.pd-header:before{content:"";position:absolute;width:70px;height:70px;border-radius:12px;border:2px solid rgba(255,255,255,.1);top:-28px;right:20px;transform:rotate(20deg);pointer-events:none;box-shadow:36px 36px 0 0 transparent,36px 36px 0 2px #ffffff0f}.pd-header:after{content:"";position:absolute;width:44px;height:44px;border-radius:8px;background:#ffffff0a;border:1.5px solid rgba(255,255,255,.08);bottom:-16px;right:60px;transform:rotate(35deg);pointer-events:none}.pd-avatar-large{width:46px;height:46px;border-radius:10px;background:#fff;color:#111;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:1}.pd-header-info{flex:1;min-width:0;position:relative;z-index:1}.pd-name{margin:0 0 2px;font-size:14px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pd-email{margin:0 0 6px;font-size:11px;color:#ffffff80;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pd-role-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:20px;font-size:10px;font-weight:700}.pd-role-badge.super{background:#ffffff26;color:#fff}.pd-role-badge.sub{background:#ffffff1a;color:#ffffffb3}.pd-divider{height:1px;background:#f3f4f6}.pd-section{padding:12px 16px}.pd-section-label{font-size:10px;font-weight:700;color:#aaa;text-transform:uppercase;letter-spacing:.6px;margin-bottom:8px}.pd-school-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.pd-school-name{font-size:13px;font-weight:600;color:#374151}.pd-school-meta{margin:2px 0;font-size:11px;color:#888;padding-left:22px}.pd-edit-school-btn{display:inline-flex;align-items:center;gap:5px;margin-top:8px;padding:5px 10px;background:#f4f4f4;border:1px solid #e5e7eb;border-radius:7px;font-size:11px;font-weight:600;color:#374151;cursor:pointer;transition:background .15s}.pd-edit-school-btn:hover{background:#ebebeb}.pd-plan-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.pd-plan-name{font-size:13px;font-weight:600;color:#374151;flex:1}.pd-plan-status{font-size:10px;font-weight:700;padding:2px 7px;border-radius:10px;text-transform:capitalize}.pd-plan-status.active{background:#f0f0f0;color:#111}.pd-plan-status.inactive{background:#f0f0f0;color:#888}.pd-actions{padding:8px 16px 12px}.pd-action-btn{width:100%;display:flex;align-items:center;gap:8px;padding:9px 12px;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s;background:none;color:#374151}.pd-action-btn:hover{background:#f4f4f4}.pd-action-btn.danger{color:#dc2626}.pd-action-btn.danger:hover{background:#fef2f2}.search-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:100000;display:flex;align-items:flex-start;justify-content:center;padding-top:80px;animation:smOverlayIn .15s ease}@keyframes smOverlayIn{0%{opacity:0}to{opacity:1}}.search-modal{width:100%;max-width:560px;background:#fff;border-radius:16px;box-shadow:0 24px 64px #00000038;overflow:hidden;animation:smIn .15s ease;position:relative}.search-modal:before{content:"";position:absolute;width:70px;height:70px;border-radius:12px;border:2px solid rgba(0,0,0,.06);top:-24px;right:24px;transform:rotate(18deg);pointer-events:none;z-index:0;box-shadow:36px 36px 0 2px #0000000a}.search-modal:after{content:"";position:absolute;width:38px;height:38px;border-radius:8px;border:1.5px solid rgba(0,0,0,.05);top:28px;right:14px;transform:rotate(35deg);pointer-events:none;z-index:0}@keyframes smIn{0%{opacity:0;transform:translateY(-12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.search-modal-input-row{display:flex;align-items:center;gap:12px;padding:18px 20px;background:#f7f7f7;border-bottom:1px solid #eeeeee;position:relative;overflow:hidden}.search-modal-input-row:before,.search-modal-input-row:after{content:none}.search-modal-input-row>svg path,.search-modal-input-row>svg circle{stroke:#aaa;fill:none}.search-modal-input{flex:1;border:none;outline:none;font-size:16px;font-weight:500;color:#111;background:transparent;position:relative;z-index:1}.search-modal-input::placeholder{color:#aaa}.search-modal-clear{background:#eee;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;color:#888;padding:4px 6px;display:flex;align-items:center;transition:background .15s;position:relative;z-index:1}.search-modal-clear:hover{background:#ffffff2e;color:#fff}.search-modal-hint{padding:22px 20px;text-align:center;color:#888;font-size:13px;background-color:#fafafa;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23noise)' opacity='0.08'/%3E%3C/svg%3E");background-repeat:repeat;background-size:160px 160px}.search-modal-hint kbd{background:#f0f0f0;border:1px solid #e0e0e0;border-radius:4px;padding:1px 6px;font-size:11px;font-family:inherit;color:#555}.search-modal-results{max-height:360px;overflow-y:auto;background:#fff}.search-result-item{width:100%;display:flex;align-items:center;gap:12px;padding:10px 18px;background:none;border:none;border-bottom:1px solid #f5f5f5;cursor:pointer;text-align:left;transition:background .12s;position:relative;z-index:1}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:#f7f7f7}.sri-avatar{width:38px;height:38px;border-radius:10px;background:#f0f0f0;border:1px solid #e8e8e8;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.sri-avatar-img{width:100%;height:100%;object-fit:cover}.sri-avatar-initials{font-size:13px;font-weight:700;color:#111;letter-spacing:.5px}.sri-avatar-svg{opacity:.6}.search-result-info{display:flex;flex-direction:column;min-width:0;flex:1}.search-result-name{font-size:13px;font-weight:700;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-sub{font-size:11px;color:#aaa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.sri-type-pill{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:3px 8px;border-radius:20px;background:#f0f0f0;color:#555;border:1px solid #e5e5e5;white-space:nowrap;flex-shrink:0}.np_bell_wrapper,.np_bell_btn{position:relative}.np_bell_badge{position:absolute;top:-5px;right:-5px;background:#ef4444;color:#fff;font-size:9px;font-weight:700;min-width:16px;height:16px;border-radius:99px;display:flex;align-items:center;justify-content:center;padding:0 3px;border:1.5px solid #ffffff;pointer-events:none;line-height:1}@keyframes np_bell_shake{0%{transform:rotate(0)}15%{transform:rotate(14deg)}30%{transform:rotate(-12deg)}45%{transform:rotate(10deg)}60%{transform:rotate(-8deg)}75%{transform:rotate(5deg)}90%{transform:rotate(-3deg)}to{transform:rotate(0)}}.np_bell_shake{animation:np_bell_shake .8s ease}[data-theme=dark] .np_bell_badge{border-color:#1a1a1a}@media(max-width:1200px){.al_menu_btn{display:flex}}@media(max-width:768px){.al_topbar{padding:0 12px;gap:8px}.al_topbar_left{width:fit-content}.al_topbar_right{width:auto;flex-shrink:0;gap:6px}.al_topbar_center,.al_brand_text,.al_brand_divider,.al_school_name{display:none}.al_search_mobile{display:flex}}[data-theme=dark] .al_topbar{background-color:#1a1a1a;border-bottom-color:#2e2e2e}[data-theme=dark] .al_brand_text{color:#f0f0f0}[data-theme=dark] .al_brand_icon{background:transparent}[data-theme=dark] .al_brand_divider{background:#3a3a3a}[data-theme=dark] .al_school_name{color:#ccc}[data-theme=dark] .al_school_logo{border-color:#3a3a3a}[data-theme=dark] .al_school_logo_fallback{background:#2a2a2a;border-color:#3a3a3a}[data-theme=dark] .al_menu_btn{border-color:#3a3a3a;color:#ccc}[data-theme=dark] .al_menu_btn:hover{background:#2a2a2a}[data-theme=dark] .al_search_trigger{background:#252525;border-color:#3a3a3a;color:#666}[data-theme=dark] .al_search_trigger:hover{border-color:#555;color:#999;box-shadow:0 2px 8px #0000004d}[data-theme=dark] .al_search_trigger kbd{background:#1a1a1a;border-color:#3a3a3a;color:#555}[data-theme=dark] .topbar-icon-btn{background:#252525;border-color:#3a3a3a;color:#aaa}[data-theme=dark] .topbar-icon-btn:hover{background:#333;border-color:#555;color:#f0f0f0}[data-theme=dark] .topbar-icon-btn svg path,[data-theme=dark] .topbar-icon-btn svg circle,[data-theme=dark] .topbar-icon-btn svg rect{stroke:#ccc;fill:none}[data-theme=dark] .topbar-icon-btn svg [fill="#111111"]{fill:#ccc}[data-theme=dark] .topbar-icon-btn svg [fill="#111111"][opacity]{fill:#ccc}[data-theme=dark] .np_bell_btn svg path,[data-theme=dark] .np_bell_btn svg circle,[data-theme=dark] .np_bell_btn svg rect{fill:currentColor;stroke:none}[data-theme=dark] .profile-avatar-btn{background:#f0f0f0}[data-theme=dark] .profile-avatar-initials{color:#111}[data-theme=dark] .search-modal-overlay{background:#0009}[data-theme=dark] .search-modal{background:#1e1e1e;box-shadow:0 24px 64px #00000080}[data-theme=dark] .search-modal:before{border-color:#ffffff0f;box-shadow:36px 36px 0 2px #ffffff08}[data-theme=dark] .search-modal:after{border-color:#ffffff0a}[data-theme=dark] .search-modal-input-row{background:#252525;border-bottom-color:#333}[data-theme=dark] .search-modal-input{color:#f0f0f0}[data-theme=dark] .search-modal-input::placeholder{color:#555}[data-theme=dark] .search-modal-clear{background:#333;border-color:#444;color:#888}[data-theme=dark] .search-modal-clear:hover{background:#444;color:#f0f0f0}[data-theme=dark] .search-modal-hint{background-color:#1e1e1e;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23noise)' opacity='0.06'/%3E%3C/svg%3E");color:#555}[data-theme=dark] .search-modal-hint kbd{background:#2a2a2a;border-color:#3a3a3a;color:#666}[data-theme=dark] .search-modal-results{background:#1e1e1e}[data-theme=dark] .search-result-item{border-bottom-color:#2a2a2a}[data-theme=dark] .search-result-item:hover{background:#252525}[data-theme=dark] .sri-avatar{background:#2a2a2a;border-color:#3a3a3a}[data-theme=dark] .sri-avatar-initials,[data-theme=dark] .search-result-name{color:#f0f0f0}[data-theme=dark] .search-result-sub{color:#555}[data-theme=dark] .sri-type-pill{background:#2a2a2a;border-color:#3a3a3a;color:#888}[data-theme=dark] .profile-dropdown{background:#1e1e1e;border-color:#2e2e2e;box-shadow:0 8px 32px #0006}[data-theme=dark] .pd-header{background-color:#111;border-bottom-color:#2a2a2a}[data-theme=dark] .pd-avatar-large{background:#f0f0f0;color:#111}[data-theme=dark] .pd-divider{background:#2a2a2a}[data-theme=dark] .pd-section-label{color:#555}[data-theme=dark] .pd-school-name,[data-theme=dark] .pd-plan-name{color:#e0e0e0}[data-theme=dark] .pd-school-meta{color:#666}[data-theme=dark] .pd-edit-school-btn{background:#2a2a2a;border-color:#3a3a3a;color:#ccc}[data-theme=dark] .pd-edit-school-btn:hover{background:#333}[data-theme=dark] .pd-plan-status.active{background:#2a2a2a;color:#aaa}[data-theme=dark] .pd-plan-status.inactive{background:#2a2a2a;color:#666}[data-theme=dark] .pd-action-btn{color:#ccc}[data-theme=dark] .pd-action-btn:hover{background:#2a2a2a}[data-theme=dark] .pd-action-btn.danger{color:#f87171}[data-theme=dark] .pd-action-btn.danger:hover{background:#2a1a1a}.setup-school-video-wrap{position:fixed;z-index:1590000;touch-action:none;-webkit-user-select:none;user-select:none}.setup-school-video-wrap.setup-school-video-wrap--dragging{cursor:grabbing}.setup-school-video__wave{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;border:2px solid rgba(17,17,17,.28);animation:setup-school-video-wave 2.8s ease-out infinite;pointer-events:none}.setup-school-video__wave--delay{animation-delay:1.4s}@keyframes setup-school-video-wave{0%{transform:scale(1);opacity:.75}70%{opacity:.2}to{transform:scale(1.12);opacity:0}}.setup-school-video{position:relative;background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 12px 40px #0f172a24;overflow:hidden;font-family:Inter,sans-serif;transition:width .22s ease,height .22s ease,box-shadow .22s ease}.setup-school-video--collapsed{width:min(420px,calc(100vw - 32px))}.setup-school-video--expanded{width:min(440px,calc(100vw - 32px));box-shadow:0 18px 56px #0f172a2e}.setup-school-video--compact{width:min(320px,calc(100vw - 32px))}.setup-school-video__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:linear-gradient(135deg,#111,#2a2a2a);color:#fff;cursor:grab;touch-action:none}.setup-school-video-wrap--dragging .setup-school-video__header,.setup-school-video__header:active{cursor:grabbing}.setup-school-video__drag-handle{display:inline-flex;align-items:center;justify-content:center;color:#ffffff59;flex-shrink:0}.setup-school-video__actions button{cursor:pointer}.setup-school-video__collapsed-body,.setup-school-video__player,.setup-school-video__footer{-webkit-user-select:auto;user-select:auto;touch-action:auto}.setup-school-video__watch-btn,.setup-school-video__thumb-wrap,.setup-school-video__iframe{touch-action:auto}.setup-school-video__title-wrap{display:flex;align-items:center;gap:10px;min-width:0}.setup-school-video__icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:#ffffff1f;flex-shrink:0}.setup-school-video__title{font-size:13px;font-weight:700;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.setup-school-video__subtitle{display:block;font-size:11px;font-weight:500;color:#ffffff8c;margin-top:2px}.setup-school-video__actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.setup-school-video__btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;border-radius:8px;background:#ffffff1a;color:#fff;cursor:pointer;transition:background .15s,color .15s}.setup-school-video__btn:hover{background:#ffffff2e}.setup-school-video__btn--close:hover{background:#ef444440}.setup-school-video__collapsed-body{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px}.setup-school-video__collapsed-text{font-size:12px;color:#6b7280;line-height:1.45}.setup-school-video__watch-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:none;border-radius:8px;background:#111;color:#fff;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s}.setup-school-video__watch-btn:hover{background:#333}.setup-school-video__player{position:relative;width:100%;padding-bottom:56.25%;background:#000}.setup-school-video__iframe,.setup-school-video__thumb-wrap{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.setup-school-video__iframe{border:none}.setup-school-video__thumb-wrap{border:none;padding:0;cursor:pointer;background:#000}.setup-school-video__thumb{width:100%;height:100%;object-fit:cover;display:block;opacity:.88}.setup-school-video__thumb-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000047}.setup-school-video__play-btn{width:54px;height:54px;border-radius:50%;border:none;background:#fffffff2;color:#111;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 24px #00000040;transition:transform .15s}.setup-school-video__play-btn:hover{transform:scale(1.05)}.setup-school-video__footer{padding:10px 14px 12px;border-top:1px solid #f0f0f0;font-size:11px;color:#9ca3af;line-height:1.4}.setup-school-video__meta{padding:10px 14px 0}.setup-school-video__meta-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.setup-school-video__badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;background:#111;color:#fff;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.setup-school-video__duration{font-size:11px;font-weight:600;color:#9ca3af}.setup-school-video__desc{margin:8px 0 0;font-size:12px;color:#6b7280;line-height:1.5}.setup-school-video__controls{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px 0}.setup-school-video__nav-btn{width:30px;height:30px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#111;font-size:18px;line-height:1;cursor:pointer}.setup-school-video__dots{display:flex;align-items:center;gap:6px;flex:1;justify-content:center}.setup-school-video__dot{width:8px;height:8px;border:none;border-radius:999px;background:#d1d5db;cursor:pointer;padding:0}.setup-school-video__dot.active{background:#111;transform:scale(1.2)}.setup-school-video__footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.setup-school-video__manage-link{color:#111;font-weight:700;text-decoration:none}.setup-school-video__manage-link:hover{text-decoration:underline}[data-theme=dark] .setup-school-video__wave{border-color:#ffffff38}[data-theme=dark] .setup-school-video{background-color:#1e1e1e;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23noise)' opacity='0.1'/%3E%3C/svg%3E");border-color:#2a2a2a;box-shadow:0 12px 40px #00000073}[data-theme=dark] .setup-school-video--expanded{box-shadow:0 18px 56px #0000008c}[data-theme=dark] .setup-school-video__header{background:linear-gradient(135deg,#111,#1a1a1a);border-bottom:1px solid #2a2a2a}[data-theme=dark] .setup-school-video__icon{background:#ffffff14}[data-theme=dark] .setup-school-video__subtitle{color:#ffffff73}[data-theme=dark] .setup-school-video__btn{background:#ffffff14}[data-theme=dark] .setup-school-video__btn:hover{background:#ffffff24}[data-theme=dark] .setup-school-video__collapsed-text{color:#888}[data-theme=dark] .setup-school-video__watch-btn{background:#f0f0f0;color:#111}[data-theme=dark] .setup-school-video__watch-btn:hover{background:#fff}[data-theme=dark] .setup-school-video__footer{border-top-color:#2a2a2a;color:#666;background:#1a1a1a}[data-theme=dark] .setup-school-video__badge{background:#f0f0f0;color:#111}[data-theme=dark] .setup-school-video__duration{color:#666}[data-theme=dark] .setup-school-video__desc{color:#888}[data-theme=dark] .setup-school-video__nav-btn{background:#252525;border-color:#333;color:#f0f0f0}[data-theme=dark] .setup-school-video__dot{background:#444}[data-theme=dark] .setup-school-video__dot.active{background:#f0f0f0}[data-theme=dark] .setup-school-video__manage-link{color:#f0f0f0}[data-theme=dark] .setup-school-video__play-btn{background:#ffffffeb;color:#111}@media(max-width:768px){.setup-school-video--collapsed,.setup-school-video--expanded,.setup-school-video--compact{width:calc(100vw - 24px)}.setup-school-video__collapsed-body{flex-direction:column;align-items:stretch}.setup-school-video__watch-btn{justify-content:center}}.sic-card{background:#fff;border:1px solid #e8e8e8;border-radius:16px;overflow:hidden;box-sizing:border-box;width:100%}.sic-banner{position:relative;height:80px;background:#111;overflow:hidden}.sic-banner:before{content:"";position:absolute;width:160px;height:160px;border-radius:50%;border:28px solid rgba(255,255,255,.05);top:-70px;right:-40px;pointer-events:none}.sic-banner:after{content:"";position:absolute;width:50px;height:50px;border-radius:8px;border:1.5px solid rgba(255,255,255,.07);bottom:-18px;right:100px;transform:rotate(18deg);pointer-events:none}.sic-banner-deco{position:absolute;width:80px;height:80px;border-radius:50%;border:12px solid rgba(255,255,255,.04);bottom:-30px;left:-20px;pointer-events:none}.sic-header{padding:0 20px 16px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.sic-avatar-wrap{position:relative;margin-top:-40px;flex-shrink:0}.sic-avatar{width:80px;height:80px;border-radius:20px;object-fit:cover;border:3px solid #ffffff;box-shadow:0 4px 12px #0000001f;display:block}.sic-avatar-fallback{width:80px;height:80px;border-radius:20px;background:#111;color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:800;text-transform:uppercase;border:3px solid #ffffff;box-shadow:0 4px 12px #0000001f}.sic-header-info{flex:1;min-width:0;padding-top:8px}.sic-name{margin:0 0 4px;font-size:17px;font-weight:800;color:#111;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sic-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sic-admission-no{font-size:12px;font-weight:600;color:#888;font-family:monospace}.sic-status-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;box-shadow:inset 0 1px #fff6}.sic-status-badge.active{background:#dcfce7;color:#166534}.sic-status-badge.inactive{background:#fecaca;color:#991b1b}.sic-actions-wrap{position:relative;flex-shrink:0;padding-top:8px}.sic-actions-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:8px;border:1px solid #e8e8e8;background:#f4f4f4;font-size:12px;font-weight:700;color:#111;cursor:pointer;transition:background .15s}.sic-actions-btn:hover{background:#111;color:#fff;border-color:#111}.sic-dropdown{position:absolute;top:calc(100% + 6px);right:0;background:#fff;border:1px solid #e8e8e8;border-radius:12px;box-shadow:0 8px 24px #0000001f;min-width:200px;z-index:9999;overflow:hidden;animation:sic-fade-in .15s ease-out}@keyframes sic-fade-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.sic-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:11px 16px;border:none;background:transparent;font-size:13px;font-weight:600;color:#111;cursor:pointer;transition:background .15s;text-align:left}.sic-dropdown-item:hover{background:#f4f4f4}.sic-dropdown-item.danger{color:#c33}.sic-dropdown-item.danger:hover{background:#fff0f0}.sic-dropdown-item:disabled{color:#ccc;cursor:not-allowed}.sic-dropdown-divider{height:1px;background:#f0f0f0;margin:4px 0}.sic-body{padding:0 20px 20px;display:flex;flex-direction:column;gap:20px}.sic-section-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#888;padding-bottom:8px;border-bottom:1px solid #f0f0f0;margin:0 0 12px}.sic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px 14px}.sic-more-guardians{font-size:12px;color:#888;font-weight:600;margin:8px 0 0}.sic-empty{font-size:13px;color:#aaa;font-style:italic;margin:0}.sic-empty-center{padding:24px;text-align:center}[data-theme=dark] .sic-card{background:#1a1a1a;border-color:#2a2a2a}[data-theme=dark] .sic-banner{background:#0a0a0a}[data-theme=dark] .sic-avatar{border-color:#1a1a1a}[data-theme=dark] .sic-avatar-fallback{background:#f0f0f0;color:#111;border-color:#1a1a1a}[data-theme=dark] .sic-name{color:#f0f0f0}[data-theme=dark] .sic-admission-no{color:#555}[data-theme=dark] .sic-actions-btn{background:#252525;border-color:#3a3a3a;color:#e0e0e0}[data-theme=dark] .sic-actions-btn:hover{background:#f0f0f0;color:#111;border-color:#f0f0f0}[data-theme=dark] .sic-dropdown{background:#1e1e1e;border-color:#2a2a2a;box-shadow:0 8px 24px #0006}[data-theme=dark] .sic-dropdown-item{color:#e0e0e0}[data-theme=dark] .sic-dropdown-item:hover{background:#252525}[data-theme=dark] .sic-dropdown-item.danger{color:#f87171}[data-theme=dark] .sic-dropdown-item.danger:hover{background:#2a1a1a}[data-theme=dark] .sic-dropdown-divider{background:#2a2a2a}[data-theme=dark] .sic-section-title{color:#555;border-bottom-color:#2a2a2a}[data-theme=dark] .sic-more-guardians,[data-theme=dark] .sic-empty{color:#555}.studentClass{background:linear-gradient(135deg,#4f46e5,#7c3aed,#a855f7);border-radius:20px;padding:18px;width:100%;margin-top:20px;color:#fff;position:relative;overflow:hidden;box-sizing:border-box}.classHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;position:relative;z-index:2}.classTitle{margin:0;font-size:14px;font-weight:600;color:#ffffffe6;letter-spacing:.5px}.sessionBadge{background:#ffffff26;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:25px;padding:6px 12px;font-size:11px;font-weight:600;color:#fff;box-shadow:0 4px 15px #0000001a}.classMainInfo{display:flex;align-items:center;gap:18px;margin-bottom:20px;position:relative;z-index:2}.classIconContainer{flex-shrink:0}.classIcon{width:50px;height:50px;border-radius:50%;background:#ffffff1f;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 8px 25px #00000026;transition:all .3s ease}.classDetails{flex:1}.gradeName{margin:0;font-size:24px;font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.2);letter-spacing:-.5px;line-height:1.1}.performanceCard{background:#ffffff14;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.15);border-radius:18px;padding:16px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;position:relative;z-index:2;box-shadow:0 8px 32px #0000001a}.performanceItem{display:flex;flex-direction:column;align-items:center;text-align:center}.performanceLabel{font-size:10px;color:#ffffffb3;margin-bottom:6px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.performanceValue{font-size:16px;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.2);line-height:1.2}.classIcon:hover{transform:scale(1.08) rotate(5deg);box-shadow:0 12px 35px #00000040;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.performanceCard:hover{background:#ffffff1f;transform:translateY(-2px);transition:all .3s ease}@media(max-width:768px){.studentClass{padding:16px;margin-top:16px}.classHeader{margin-bottom:16px}.classTitle{font-size:13px}.sessionBadge{padding:5px 10px;font-size:10px}.classMainInfo{gap:16px;margin-bottom:16px}.classIcon{width:45px;height:45px;font-size:20px}.gradeName{font-size:20px}.performanceCard{padding:14px;gap:14px}.performanceValue{font-size:14px}}@media(max-width:480px){.performanceCard{grid-template-columns:1fr;gap:10px}.performanceItem{flex-direction:row;justify-content:space-between;text-align:left}.performanceLabel{margin-bottom:0;text-align:left}.performanceValue{text-align:right}}.studentDocuments{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:24px;width:100%;margin-top:20px;box-sizing:border-box}.documentsHeader{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.documentsTitle{margin:0;font-size:18px;font-weight:700;color:#1f2937}.documentsList{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;margin-bottom:20px;justify-content:start;max-width:100%}.documentCard{display:flex;flex-direction:column;align-items:center;padding:20px 16px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:16px;transition:all .2s cubic-bezier(.4,0,.2,1);aspect-ratio:1;position:relative;cursor:pointer;min-width:140px;max-width:180px;justify-content:center}.documentCard:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-color:#d1d5db;transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.documentIcon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:12px}.documentInfo{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;margin-bottom:12px}.documentName{font-size:14px;font-weight:600;color:#1f2937;line-height:1.3;text-align:center;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.documentMeta{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;color:#6b7280}.documentSize{font-weight:500}.downloadButton{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);opacity:0}.documentCard:hover .downloadButton{opacity:1}.downloadButton:hover{background:linear-gradient(135deg,#4338ca,#6d28d9);transform:scale(1.1);box-shadow:0 4px 12px #4f46e54d}.allDocumentsModal{max-width:100%}.modalHeader{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.modalDocumentsList{display:flex;flex-direction:column;gap:12px;max-height:60vh;overflow-y:auto}.modalDocumentItem{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#fff;border:1px solid #e5e7eb;border-radius:16px;transition:all .2s ease}.modalDocumentItem:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.modalDocumentLeft{display:flex;align-items:center;gap:16px;flex:1}.modalDocumentIcon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.modalDocumentInfo{flex:1;display:flex;flex-direction:column;gap:6px}.modalDocumentName{font-size:16px;font-weight:600;color:#1f2937;line-height:1.2}.modalDocumentMeta{display:flex;gap:12px;font-size:12px;color:#6b7280}.modalDocumentType{background:#f3f4f6;padding:2px 6px;border-radius:4px;font-weight:600;font-size:10px;text-transform:uppercase;letter-spacing:.5px}.modalDocumentSize{font-weight:500}.modalDocumentDate{font-weight:400}.modalDownloadButton{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;border-radius:12px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.modalDownloadButton:hover{background:linear-gradient(135deg,#4338ca,#6d28d9);transform:scale(1.05);box-shadow:0 4px 12px #4f46e54d}.modalDocumentsList::-webkit-scrollbar{width:6px}.modalDocumentsList::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.modalDocumentsList::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.modalDocumentsList::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media(max-width:768px){.studentDocuments{padding:20px;margin-top:16px}.documentsList{grid-template-columns:repeat(2,1fr);gap:12px;justify-content:center}.documentCard{padding:16px 12px;min-width:110px;max-width:140px}.documentIcon{width:36px;height:36px;margin-bottom:8px}.documentName{font-size:12px}.documentMeta{font-size:10px}.downloadButton{width:24px;height:24px;top:4px;right:4px}.modalDocumentItem{padding:12px;gap:12px}.modalDocumentLeft{gap:12px}.modalDocumentIcon{width:40px;height:40px}.modalDocumentName{font-size:15px}.modalDocumentMeta{flex-wrap:wrap;gap:8px}.modalDownloadButton{width:40px;height:40px}}@media(max-width:480px){.documentsList{grid-template-columns:repeat(2,1fr);gap:10px}.documentCard{padding:12px 8px;min-width:90px;max-width:110px}.documentIcon{width:32px;height:32px;margin-bottom:6px}.documentName{font-size:11px}.downloadButton{width:20px;height:20px;top:3px;right:3px}.modalDocumentItem{flex-direction:column;align-items:flex-start;gap:12px}.modalDocumentLeft{width:100%}.modalDownloadButton{align-self:flex-end}}.attendanceOverview{background:#fff;border:1px solid #e6e6e6;border-radius:22px;padding:18px;overflow:hidden;position:relative;display:flex;flex-direction:column;justify-content:space-between}.title_con{display:flex;flex-direction:column;border-bottom:1px solid #e2e2e2;padding-bottom:15px;gap:8px;margin-bottom:10px}.title_con p{margin:0}.title{font-weight:600}.title_sem{font-size:11px;background-color:#eee;width:fit-content;padding:5px 8px;border-radius:6px}.chartContainer{display:flex;align-items:center;gap:24px;justify-content:space-around;border-bottom:1px solid #e2e2e2;padding-bottom:10px}.circularChart{position:relative;display:flex;align-items:center;justify-content:center}.donut{transform:rotate(-90deg)}.donut-segment{transition:all .3s ease}.donut-segment:hover{stroke-width:4}.donut-segment.present{stroke:#10b981;filter:drop-shadow(0 0 4px rgba(16,185,129,.3))}.donut-segment.absent{stroke:#ef4444;filter:drop-shadow(0 0 4px rgba(239,68,68,.3))}.donut-segment.excused{stroke:#f59e0b;filter:drop-shadow(0 0 4px rgba(245,158,11,.3))}.chartCenter{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.totalDays{font-size:24px;font-weight:700;color:#1e293b;line-height:1}.totalLabel{font-size:12px;color:#64748b;font-weight:500;margin-top:2px}.chartLegend{display:flex;flex-direction:column;gap:12px;justify-content:space-around}.legendItem{display:flex;align-items:center;gap:8px;padding:6px 0}.legendDot{width:12px;height:12px;border-radius:50%;flex-shrink:0;box-shadow:0 2px 4px #0000001a}.legendDot.present{background:linear-gradient(135deg,#10b981,#059669)}.legendDot.absent{background:linear-gradient(135deg,#ef4444,#dc2626)}.legendDot.excused{background:linear-gradient(135deg,#f59e0b,#d97706)}.legendLabel{font-size:14px;color:#374151;font-weight:500;flex:1}.legendValue{font-size:14px;font-weight:700;color:#1e293b;background:#f8fafc;padding:2px 8px;border-radius:8px;border:1px solid #e2e8f0}.attendance-calendar{margin-top:16px;background:#fff;border-radius:16px}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding:0 4px}.header-center{display:flex;flex-direction:column;align-items:center;text-align:center}.month-year{margin:0;font-size:14px;font-weight:600;color:#1f2937}.date-range{font-size:10px;color:#6b7280;margin-top:2px;background:#f3f4f6;padding:2px 8px;border-radius:8px;border:1px solid #e5e7eb}.nav-button{background:#fff;border:1px solid #d1d5db;border-radius:6px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;font-weight:600;color:#374151;transition:all .2s ease}.nav-button:hover:not(.disabled){background:#f3f4f6;border-color:#9ca3af}.nav-button.disabled{opacity:.4;cursor:not-allowed}.calendar-legend{display:flex;gap:8px;margin-bottom:10px;flex-wrap:wrap;justify-content:center}.calendar-legend .legend-item{display:flex;align-items:center;gap:4px;font-size:10px;color:#6b7280}.calendar-legend .legend-dot{width:6px;height:6px;border-radius:50%}.calendar-legend .legend-dot.present{background:#10b981}.calendar-legend .legend-dot.not_entered{background:#8b5cf6}.calendar-legend .legend-dot.weekend{background:#9ca3af}.calendar-grid{background:#fff;border-radius:8px}.weekday-header{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px;padding:0 2px}.weekday{padding:4px;text-align:center;font-size:10px;font-weight:600;color:#9ca3af;text-transform:uppercase}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;padding:0 2px}.calendar-day{position:relative;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;transition:all .2s ease;min-height:28px;max-height:32px}.calendar-day.empty{background:transparent;border:none}.calendar-day.disabled{opacity:.3;background:#f9fafb;border-color:#f3f4f6}.calendar-day.not_entered:not(.disabled){background:#fff;border-color:#8b5cf6;color:#8b5cf6;border-width:2px}.calendar-day.weekend:not(.disabled){background:#f8f9fa;border-color:#dee2e6;color:#9ca3af}.calendar-day.present:not(.disabled){background:#fff;border-color:#10b981;color:#10b981;border-width:1px}.calendar-day.absent:not(.disabled){background:#fff;border-color:#ef4444;color:#ef4444;border-width:1px}.calendar-day.excused:not(.disabled){background:#fff;border-color:#f59e0b;color:#f59e0b;border-width:1px}.day-number{font-size:11px;font-weight:600;z-index:1}.status-icon{position:absolute;top:1px;right:1px;font-size:8px;font-weight:700;background:#ffffffe6;border-radius:50%;width:12px;height:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 2px #0000001a}.calendar-day.present .status-icon{color:#10b981;background:#10b9811a}.calendar-day.absent .status-icon{color:#ef4444;background:#ef44441a}.calendar-day.excused .status-icon{color:#f59e0b;background:#f59e0b1a}.calendar-day.not_entered .status-icon{color:#8b5cf6;background:#8b5cf61a}.calendar-day:not(.empty):not(.disabled):hover{transform:scale(1.05);z-index:2;box-shadow:0 2px 8px #00000026}@media(max-width:640px){.calendar-legend{gap:6px}.calendar-legend .legend-item{font-size:9px}.day-number{font-size:10px}.status-icon{width:10px;height:10px;font-size:7px}.calendar-days,.weekday-header{gap:3px}.calendar-day{min-height:24px;max-height:28px}}.studentSubSessionBill{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:24px;width:100%;margin-top:20px;box-sizing:border-box}.billHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.billTitle{margin:0;font-size:18px;font-weight:700;color:#1f2937}.sessionBadge{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:1px solid #d1d5db;border-radius:20px;padding:6px 16px;font-size:13px;font-weight:600;color:#6b7280}.billSummary{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:16px;padding:20px;display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.summaryItem{display:flex;flex-direction:column;align-items:center;text-align:center}.summaryLabel{font-size:14px;color:#6b7280;margin-bottom:8px;font-weight:500}.summaryValue{font-size:28px;font-weight:700}.summaryValue.total{color:#1f2937}.summaryValue.paid{color:#059669}.summaryValue.due{color:#ef4444}.feesList{margin-bottom:20px}.feeItem{display:flex;justify-content:space-between;align-items:center;padding:16px;border-radius:12px;margin-bottom:8px;border:1px solid #f1f5f9;transition:all .2s cubic-bezier(.4,0,.2,1)}.feeItem.clickable{cursor:pointer}.feeItem.clickable:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-color:#e2e8f0;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.feeInfo{flex:1}.feeName{font-size:16px;font-weight:600;color:#1f2937;margin-bottom:4px}.feeDescription{font-size:14px;color:#6b7280;margin-bottom:4px}.feeProgress{font-size:12px;color:#f59e0b;font-weight:500}.feeRight{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.feeAmount{font-size:18px;font-weight:700;color:#1f2937}.feeStatus{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.feeStatus.paid{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.feeStatus.partially_paid{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.feeStatus.not_paid{background:#f3f4f6;color:#6b7280;border:1px solid #d1d5db}.feeStatus.overdue{background:#fecaca;color:#991b1b;border:1px solid #fca5a5}.seeMoreButton{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;font-size:14px;font-weight:600;color:#4f46e5;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.seeMoreButton:hover{background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-color:#c7d2fe;transform:translateY(-1px);box-shadow:0 4px 12px #4f46e526}.modernModal{max-width:100%}.modalHeader{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.modalTitle{margin:0 0 4px;font-size:24px;font-weight:700;color:#1f2937}.modalSubtitle{margin:0;font-size:14px;color:#6b7280}.modalContent{display:flex;flex-direction:column;gap:12px;max-height:60vh;overflow-y:auto}.modernBillItem{display:flex;justify-content:space-between;align-items:flex-start;padding:20px;background:#fff;border:1px solid #e5e7eb;border-radius:16px;cursor:pointer;transition:all .2s ease}.modernBillItem:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.billItemLeft{flex:1}.billItemName{font-size:16px;font-weight:600;color:#1f2937;margin-bottom:4px}.billItemDesc{font-size:14px;color:#6b7280;margin-bottom:8px}.billItemDue{font-size:12px;color:#9ca3af;margin-bottom:8px}.billItemProgress{display:flex;align-items:center;gap:8px}.progressBar{width:100px;height:6px;background:#f3f4f6;border-radius:3px;overflow:hidden}.progressFill{height:100%;background:linear-gradient(90deg,#f59e0b,#d97706);border-radius:3px;transition:width .3s ease}.progressText{font-size:11px;color:#f59e0b;font-weight:500}.billItemRight{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.billItemAmount{font-size:18px;font-weight:700;color:#1f2937}.billItemStatus{padding:6px 12px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.billItemStatus.paid{background:#dcfce7;color:#166534}.billItemStatus.partially_paid{background:#fef3c7;color:#92400e}.billItemStatus.not_paid{background:#f3f4f6;color:#6b7280}.billItemStatus.overdue{background:#fecaca;color:#991b1b}.modernDetailModal{max-width:100%}.detailHeader{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;padding-bottom:20px;border-bottom:1px solid #e5e7eb}.detailTitle{margin:0 0 4px;font-size:24px;font-weight:700;color:#1f2937}.detailSubtitle{margin:0;font-size:14px;color:#6b7280}.detailStatus{padding:8px 16px;border-radius:16px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.detailStatus.paid{background:#dcfce7;color:#166534}.detailStatus.partially_paid{background:#fef3c7;color:#92400e}.detailStatus.not_paid{background:#f3f4f6;color:#6b7280}.detailStatus.overdue{background:#fecaca;color:#991b1b}.detailContent{display:flex;flex-direction:column;gap:32px}.detailSection{display:flex;flex-direction:column;gap:16px}.sectionTitle{margin:0;font-size:18px;font-weight:600;color:#1f2937}.summaryGrid{display:flex;flex-direction:column;gap:12px}.summaryRow{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.summaryRow span:first-child{font-size:14px;color:#6b7280;font-weight:500}.summaryRow .amount{font-size:16px;font-weight:700;color:#1f2937}.summaryRow .amount.paid{color:#059669}.summaryRow .amount.due{color:#dc2626}.paymentsGrid{display:flex;flex-direction:column;gap:12px}.paymentItem{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#fff;border:1px solid #e5e7eb;border-radius:12px}.paymentLeft{display:flex;flex-direction:column;gap:4px}.paymentAmount{font-size:16px;font-weight:700;color:#059669}.paymentDate{font-size:12px;color:#6b7280}.paymentRight{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.paymentMethod{font-size:14px;font-weight:500;color:#1f2937}.paymentId{font-size:11px;color:#9ca3af;font-family:monospace}.detailActions{display:flex;flex-direction:column;gap:12px}.primaryButton{width:100%;padding:16px 24px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.primaryButton:hover{background:linear-gradient(135deg,#4338ca,#6d28d9);transform:translateY(-1px);box-shadow:0 8px 25px #4f46e54d}.secondaryButton{width:100%;padding:12px 24px;background:#fff;color:#4f46e5;border:1px solid #e2e8f0;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.secondaryButton:hover{background:#f8fafc;border-color:#c7d2fe;transform:translateY(-1px)}@media(max-width:768px){.studentSubSessionBill{padding:20px;margin-top:16px}.billSummary{flex-direction:column;gap:16px;padding:16px}.summaryItem{width:100%;flex-direction:row;justify-content:space-between;text-align:left}.feeItem{flex-direction:column;align-items:flex-start;gap:12px;padding:16px}.feeRight{width:100%;flex-direction:row;justify-content:space-between;align-items:center}.modernBillItem{flex-direction:column;align-items:flex-start;gap:12px;padding:16px}.billItemRight{width:100%;flex-direction:row;justify-content:space-between;align-items:center}.detailHeader{flex-direction:column;align-items:flex-start;gap:12px}.paymentItem{flex-direction:column;align-items:flex-start;gap:8px}.paymentRight{align-items:flex-start}}.studentSemesterReport{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:24px;margin-top:24px;box-shadow:0 4px 20px #00000014;box-sizing:border-box}.reportHeader{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;padding-bottom:20px;border-bottom:1px solid #e5e7eb}.reportTitle h2{margin:0 0 8px;font-size:24px;font-weight:700;color:#1f2937}.reportTitle p{margin:0;font-size:14px;color:#6b7280;font-weight:500}.reportSummary{display:flex;gap:20px}.summaryCard{display:flex;flex-direction:column;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:16px;min-width:100px;text-align:center}.summaryLabel{font-size:12px;color:#6b7280;margin-bottom:8px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.summaryValue{font-size:20px;font-weight:700;color:#1f2937;line-height:1}.subjectsTable{margin-bottom:24px}.table-wrap{overflow-x:auto;border:#d6d6d6 solid 1px;border-radius:15px}.smart-table{width:100%;border-collapse:collapse;min-width:640px}.smart-table thead{background:#f7f9fc}.smart-table th{text-align:left;padding:12px 14px;font-weight:600;color:#4b5563;border-bottom:1px solid #eef2f7;font-size:11px;text-transform:uppercase;letter-spacing:.5px}.smart-table td{padding:14px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.smart-table tr:hover{background:#fbfdff}.subjectName{font-size:14px;font-weight:600;color:#1f2937}.teacherName{font-size:13px;color:#6b7280;font-weight:500}.testScore,.totalScore{font-size:13px;font-weight:600;color:#1f2937;text-align:center}.gradeValue{font-size:14px;font-weight:700;padding:6px 12px;border-radius:8px;text-align:center;min-width:40px;display:inline-block}.remarksText{font-size:12px;color:#6b7280;font-style:italic}.reportFooter{padding-top:20px;border-top:1px solid #e5e7eb}.footerStats{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.statItem{display:flex;align-items:center;gap:8px}.statLabel{font-size:14px;color:#6b7280;font-weight:500}.statValue{font-size:14px;font-weight:700;color:#1f2937}@media(max-width:1024px){.reportHeader{flex-direction:column;gap:20px;align-items:flex-start}.reportSummary{width:100%;justify-content:flex-start}.smart-table th,.smart-table td{padding:10px 12px}.smart-table th{font-size:10px}.subjectName{font-size:13px}.teacherName,.testScore,.totalScore{font-size:12px}.gradeValue{font-size:12px;padding:4px 8px}.remarksText{font-size:11px}}@media(max-width:768px){.studentSemesterReport{padding:20px;margin-top:20px}.reportHeader{margin-bottom:24px;padding-bottom:16px}.reportTitle h2{font-size:20px}.reportSummary{gap:12px}.summaryCard{padding:12px 16px;min-width:80px}.summaryValue{font-size:18px}.smart-table{min-width:100%;border:0;display:block}.smart-table thead{display:none}.smart-table tbody{display:block}.smart-table tr{display:block;background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:12px;padding:16px;box-shadow:0 2px 8px #0000000d}.smart-table tr:hover{background:#fff}.smart-table td{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f3f4f6;border-left:none;border-right:none;border-top:none}.smart-table td:last-child{border-bottom:none}.smart-table td:before{content:attr(data-label);font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;width:80px}.smart-table td:nth-child(1):before{content:"Subject"}.smart-table td:nth-child(2):before{content:"Teacher"}.smart-table td:nth-child(3):before{content:"1st Test"}.smart-table td:nth-child(4):before{content:"2nd Test"}.smart-table td:nth-child(5):before{content:"Exam"}.smart-table td:nth-child(6):before{content:"Total"}.smart-table td:nth-child(7):before{content:"Grade"}.smart-table td:nth-child(8):before{content:"Remarks"}.footerStats{flex-direction:column;align-items:flex-start;gap:12px}}@media(max-width:480px){.studentSemesterReport{padding:16px}.reportSummary{flex-direction:column;gap:8px}.summaryCard{flex-direction:row;justify-content:space-between;text-align:left;padding:12px 16px}.summaryLabel{margin-bottom:0}.smart-table tr{padding:12px}.smart-table td{padding:6px 0}.smart-table td:before{width:70px;font-size:11px}}.behaviorAssessment{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:24px;margin-top:24px;box-shadow:0 4px 20px #00000014;box-sizing:border-box}.behaviorHeader{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.behaviorTitle h2{margin:0 0 8px;font-size:24px;font-weight:700;color:#1f2937}.behaviorTitle p{margin:0;font-size:14px;color:#6b7280;font-weight:500}.behaviorGraph{margin-bottom:20px}.graphContainer{display:flex;flex-direction:column;gap:16px}.graphWrapper{overflow-x:auto;border-radius:12px}.behaviorChart{width:100%;min-width:600px;height:200px;display:block}.graphPoint{cursor:pointer;transition:all .2s ease}.graphPoint:hover{r:8;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.behaviorLabel{cursor:pointer;transition:all .2s ease}.behaviorLabel:hover{fill:#1f2937;font-weight:600}.simpleLegend{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;padding:10px;background:#fff;border-radius:12px}.legendItem{display:flex;align-items:center;gap:8px}.legendDot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.legendText{font-size:13px;color:#6b7280;font-weight:500}.behaviorFooter{padding-top:16px;border-top:1px solid #e5e7eb}.simpleStats{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px}.statCard{display:flex;flex-direction:column;align-items:center;padding:12px 16px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;min-width:80px;text-align:center;transition:all .2s ease}.statCard:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.statLabel{font-size:12px;color:#6b7280;font-weight:500;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.statValue{font-size:18px;font-weight:700;color:#1f2937}.graphWrapper::-webkit-scrollbar{height:6px}.graphWrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.graphWrapper::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.graphWrapper::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media(max-width:1024px){.behaviorAssessment{padding:20px}.behaviorTitle h2{font-size:22px}.graphWrapper{padding:12px}.behaviorChart{min-width:500px;height:180px}.simpleLegend{gap:16px;padding:12px}.simpleStats{gap:12px}.statCard{padding:10px 12px;min-width:70px}.statValue{font-size:16px}}@media(max-width:768px){.behaviorAssessment{padding:16px;margin-top:20px}.behaviorHeader{margin-bottom:20px;padding-bottom:12px}.behaviorTitle h2{font-size:20px}.graphWrapper{padding:10px}.behaviorChart{min-width:450px;height:160px}.simpleLegend{flex-direction:column;align-items:center;gap:8px;padding:12px}.legendItem{gap:6px}.legendText{font-size:12px}.simpleStats{flex-direction:column;gap:8px}.statCard{flex-direction:row;justify-content:space-between;text-align:left;padding:8px 12px;min-width:auto}.statLabel{margin-bottom:0}.statValue{font-size:16px}}@media(max-width:480px){.behaviorAssessment{padding:12px}.behaviorTitle h2{font-size:18px}.graphWrapper{padding:8px}.behaviorChart{min-width:400px;height:140px}.legendText{font-size:11px}.statCard{padding:6px 10px}.statLabel{font-size:11px}.statValue{font-size:14px}}.spTopTiyle{display:flex;padding:10px 20px;border-bottom:1px #c2c2c2 solid}.sprighttopsec{display:flex;flex-direction:column;flex:1}.sprighttopsec h2{margin:0;font-weight:100}.sprighttopsec p{margin:0;font-size:13px;color:#3f3d3d}.spleftsec{display:flex;gap:10px;justify-content:center;align-items:center}.spcontent{display:flex}.spcleftsec{padding:14px;flex:2;overflow:hidden}.spcrightsec{padding:14px;display:flex;flex:1;flex-direction:column;box-sizing:border-box;overflow:hidden}.apiLink{color:#0400ff;cursor:pointer}.reportGrid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.StudentReport{padding:0 15px}@media(max-width:1300px){.spTopTiyle{flex-direction:column;gap:12px;padding:16px 20px}.spleftsec{justify-content:flex-start}.spcontent{flex-direction:column}.spcleftsec,.spcrightsec{flex:none;padding:12px}.reportGrid{grid-template-columns:1fr;gap:16px}}@media(max-width:480px){.spTopTiyle{padding:12px 16px}.spcleftsec,.spcrightsec{padding:8px}}.unified-detail-sidebar{width:100%;height:100%;background:#fff;border-right:1px solid #e8e8e8;overflow-y:auto;padding:12px 0;box-sizing:border-box}.profile-info-section{margin-bottom:8px}.sessions-section{margin-top:4px}.session-folder{margin-bottom:2px}.sidebar-item{display:flex;align-items:center;padding:10px 14px;cursor:pointer;transition:background .15s;position:relative;border-radius:8px;margin:0 8px}.sidebar-item:hover{background:#0000000a}.indicator{position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:3px;height:20px;background:#111;border-radius:2px}.session-content{display:flex;align-items:center;gap:10px;flex:1}.session-text{flex:1;min-width:0}.session-name{font-size:11.5px;font-weight:600;color:#111;margin:0;transition:color .15s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-name.active-session{color:#111}.subsession-name{font-size:15.5px;color:#818181;margin:2px 0 0;font-weight:500;transition:color .15s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.subsession-name.active-subsession{color:#555;font-weight:600}.session-navigation{margin-left:24px;margin-top:2px;border-left:1px solid #e8e8e8;padding-left:12px;padding-bottom:4px}.nav-item{display:flex;align-items:center;flex-direction:row;gap:10px;padding:9px 12px;cursor:pointer;border-radius:6px;margin:1px 0;transition:background .15s;position:relative;border:1px solid transparent}.nav-item:hover{background:#0000000a}.nav-item.active{background:#111;border-color:#111}.nav-item.active:before{content:"";position:absolute;left:-13px;top:50%;transform:translateY(-50%);width:3px;height:14px;background:#111;border-radius:2px}.nav-item p{font-size:12.5px;font-weight:600;color:#888;margin:0;white-space:nowrap;transition:color .15s}.nav-item svg{flex-shrink:0;width:16px;height:16px;display:block;color:#888;transition:color .15s}.nav-item.active p,.nav-item.active svg{color:#fff;font-weight:700}.unified-detail-sidebar::-webkit-scrollbar{width:4px}.unified-detail-sidebar::-webkit-scrollbar-track{background:transparent}.unified-detail-sidebar::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:2px}.unified-detail-sidebar::-webkit-scrollbar-thumb:hover{background:#bbb}@media(max-width:768px){.unified-detail-sidebar{padding:8px 0}.sidebar-item{padding:9px 12px;margin:0 4px}.session-navigation{margin-left:20px;padding-left:10px}.nav-item{padding:8px 10px;gap:8px}.session-name{font-size:12px}.subsession-name{font-size:11px}.nav-item p{font-size:12px}}[data-theme=dark] .unified-detail-sidebar{background:#1a1a1a;border-right-color:#2a2a2a}[data-theme=dark] .sidebar-item:hover{background:#ffffff0d}[data-theme=dark] .indicator{background:#f0f0f0}[data-theme=dark] .session-name,[data-theme=dark] .session-name.active-session{color:#f0f0f0}[data-theme=dark] .subsession-name{color:#555}[data-theme=dark] .subsession-name.active-subsession{color:#888}[data-theme=dark] .session-navigation{border-left-color:#2a2a2a}[data-theme=dark] .nav-item:hover{background:#ffffff0d}[data-theme=dark] .nav-item p{color:#555}[data-theme=dark] .nav-item.active{background:#f0f0f0;border-color:#f0f0f0}[data-theme=dark] .nav-item.active p,[data-theme=dark] .nav-item.active svg{color:#111}[data-theme=dark] .nav-item.active:before{background:#f0f0f0}[data-theme=dark] .unified-detail-sidebar::-webkit-scrollbar-thumb{background:#2a2a2a}[data-theme=dark] .unified-detail-sidebar::-webkit-scrollbar-thumb:hover{background:#3a3a3a}.si-status-card{border-radius:14px;overflow:hidden;border:1px solid #e8e8e8;box-shadow:0 2px 8px #0000000f;margin-bottom:20px}.si-status-card:before{content:"";display:block;height:5px}.si-status-card.active:before{background:#22c55e}.si-status-card.inactive:before{background:#c33}.si-status-card.graduated:before{background:#7c3aed}.si-status-inner{padding:18px 20px;background:#fff}.si-status-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.si-status-title{margin:0;font-size:14px;font-weight:800;color:#111;letter-spacing:-.01em}.si-status-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;box-shadow:inset 0 1px #fff6,0 1px 2px #0000000d}.si-status-card.active .si-status-badge{background:#dcfce7;color:#166534}.si-status-card.inactive .si-status-badge{background:#fecaca;color:#991b1b}.si-status-card.graduated .si-status-badge{background:#ede9fe;color:#5b21b6}.si-status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.si-status-item{display:flex;flex-direction:column;gap:3px}.si-status-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#888}.si-status-value{font-size:13px;font-weight:700;color:#111}.si-status-card.graduated .si-status-value.grad{color:#5b21b6}.si-status-extra{margin-top:14px;padding-top:14px;border-top:1px solid #f0f0f0;display:flex;flex-direction:column;gap:3px}.si-status-remarks{font-size:13px;color:#555;font-style:italic;font-weight:500}.si-remove-container{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;background:#fff}.si-remove-header{position:relative;padding:24px 28px 22px;background:#c33;flex-shrink:0;overflow:hidden}.si-remove-header:before{content:"";position:absolute;width:140px;height:140px;border-radius:50%;border:22px solid rgba(255,255,255,.07);top:-50px;right:-30px;pointer-events:none}.si-remove-header:after{content:"";position:absolute;width:44px;height:44px;border-radius:8px;border:1.5px solid rgba(255,255,255,.08);bottom:-14px;right:80px;transform:rotate(18deg);pointer-events:none}.si-remove-deco{position:absolute;width:70px;height:70px;border-radius:50%;border:10px solid rgba(255,255,255,.06);bottom:-22px;left:-14px;pointer-events:none}.si-remove-header-content{position:relative;z-index:1;display:flex;align-items:center;gap:16px}.si-remove-icon{width:48px;height:48px;border-radius:14px;background:#ffffff26;border:1px solid rgba(255,255,255,.22);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.si-remove-header-content h3{margin:0 0 3px;font-size:16px;font-weight:800;color:#fff;letter-spacing:-.02em}.si-remove-header-content p{margin:0;font-size:12px;color:#ffffffa6}.si-remove-body{flex:1;overflow-y:auto;padding:22px 28px;display:flex;flex-direction:column;gap:16px}.si-remove-body::-webkit-scrollbar{width:3px}.si-remove-body::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:2px}.si-remove-warn{padding:12px 16px;background:#fef9c3;border:1px solid #fde68a;border-left:4px solid #f59e0b;border-radius:10px;font-size:13px;color:#854d0e;font-weight:600;line-height:1.5}.si-remove-student-info{padding:16px 18px;background:#f4f4f4;border:1px solid #e8e8e8;border-radius:12px;display:flex;flex-direction:column;gap:5px}.si-remove-student-name{font-size:15px;font-weight:800;color:#111}.si-remove-student-id{font-size:12px;color:#888;font-family:monospace}.si-remove-effects{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:5px}.si-remove-effects li{font-size:13px;color:#555;line-height:1.5}.si-remove-field{display:flex;flex-direction:column;gap:6px}.si-remove-field label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#888}.si-remove-field textarea{resize:vertical;border:1px solid #e8e8e8;border-radius:10px;padding:10px 14px;font-size:13px;color:#111;font-family:inherit;outline:none;transition:border-color .2s;background:#fafafa;min-height:90px}.si-remove-field textarea:focus{border-color:#111;background:#fff}.si-remove-danger-note{font-size:12px;color:#c33;font-weight:700;margin:0}.si-remove-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 28px;border-top:1px solid #e8e8e8;background:#f7f7f7;flex-shrink:0}.si-edit-container{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;background:#fff}.si-edit-header{position:relative;padding:24px 28px 22px;background:#111;flex-shrink:0;overflow:hidden}.si-edit-header:before{content:"";position:absolute;width:160px;height:160px;border-radius:50%;border:26px solid rgba(255,255,255,.05);top:-60px;right:-40px;pointer-events:none}.si-edit-header:after{content:"";position:absolute;width:48px;height:48px;border-radius:8px;border:1.5px solid rgba(255,255,255,.07);bottom:-16px;right:90px;transform:rotate(18deg);pointer-events:none}.si-edit-deco{position:absolute;width:80px;height:80px;border-radius:50%;border:12px solid rgba(255,255,255,.04);bottom:-26px;left:-16px;pointer-events:none}.si-edit-deco2{position:absolute;width:26px;height:26px;border-radius:4px;border:1.5px solid rgba(255,255,255,.06);top:14px;left:200px;transform:rotate(12deg);pointer-events:none}.si-edit-header-content{position:relative;z-index:1;display:flex;align-items:center;gap:16px}.si-edit-header-icon{width:48px;height:48px;border-radius:14px;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.si-edit-header-text h2{margin:0 0 4px;font-size:16px;font-weight:800;color:#fff;letter-spacing:-.02em}.si-edit-header-text p{margin:0;font-size:12px;color:#ffffff80}.si-edit-body{flex:1;min-height:0;overflow-y:auto;padding:22px 28px;display:flex;flex-direction:column;gap:18px}.si-edit-body::-webkit-scrollbar{width:3px}.si-edit-body::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:2px}.si-edit-photo-row{display:flex;align-items:center;gap:18px;padding:16px 18px;background:#f4f4f4;border:1px solid #e8e8e8;border-radius:12px}.si-edit-photo-wrap{width:68px;height:68px;border-radius:50%;overflow:hidden;background:#e8e8e8;flex-shrink:0;border:2px solid #e8e8e8;display:flex;align-items:center;justify-content:center}.si-edit-photo-wrap img{width:100%;height:100%;object-fit:cover}.si-edit-photo-placeholder{font-size:28px;color:#aaa}.si-edit-photo-info{display:flex;flex-direction:column;gap:5px}.si-edit-photo-title{font-size:13px;font-weight:700;color:#111;margin:0}.si-edit-photo-change{font-size:12px;color:#111;font-weight:700;cursor:pointer;text-decoration:underline}.si-edit-section-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#888;padding-bottom:10px;border-bottom:1px solid #f0f0f0;margin-top:18px}.si-edit-section-title:first-of-type{margin-top:0}.si-edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.si-edit-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.si-edit-field{display:flex;flex-direction:column;gap:5px}.si-edit-field label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#888}.si-edit-field input,.si-edit-field select,.si-edit-field textarea{padding:9px 12px;border-radius:8px;border:1px solid #e8e8e8;font-size:13px;font-weight:500;color:#111;background:#fafafa;outline:none;transition:border-color .2s;box-sizing:border-box;width:100%;font-family:inherit}.si-edit-field input:focus,.si-edit-field select:focus,.si-edit-field textarea:focus{border-color:#111;background:#fff}.si-edit-field textarea{resize:vertical}.si-edit-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 28px;border-top:1px solid #e8e8e8;background:#f7f7f7;flex-shrink:0}@media(max-width:640px){.si-status-grid{grid-template-columns:1fr 1fr}.si-edit-grid,.si-edit-grid-3{grid-template-columns:1fr}.si-edit-footer,.si-remove-footer{flex-direction:column-reverse}}[data-theme=dark] .si-status-card{border-color:#2a2a2a}[data-theme=dark] .si-status-inner{background:#1a1a1a}[data-theme=dark] .si-status-title{color:#f0f0f0}[data-theme=dark] .si-status-value{color:#e0e0e0}[data-theme=dark] .si-status-label{color:#555}[data-theme=dark] .si-status-remarks{color:#888}[data-theme=dark] .si-status-extra{border-top-color:#2a2a2a}[data-theme=dark] .si-remove-container,[data-theme=dark] .si-edit-container{background:#1a1a1a}[data-theme=dark] .si-edit-header{background:#0a0a0a}[data-theme=dark] .si-edit-body{background:#1a1a1a}[data-theme=dark] .si-edit-body::-webkit-scrollbar-thumb{background:#2a2a2a}[data-theme=dark] .si-edit-photo-row{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .si-edit-photo-title{color:#e0e0e0}[data-theme=dark] .si-edit-photo-change{color:#f0f0f0}[data-theme=dark] .si-edit-section-title{color:#555;border-bottom-color:#2a2a2a}[data-theme=dark] .si-edit-field label{color:#555}[data-theme=dark] .si-edit-field input,[data-theme=dark] .si-edit-field select,[data-theme=dark] .si-edit-field textarea{background:#252525;border-color:#3a3a3a;color:#e0e0e0}[data-theme=dark] .si-edit-field input:focus,[data-theme=dark] .si-edit-field select:focus,[data-theme=dark] .si-edit-field textarea:focus{border-color:#f0f0f0;background:#2a2a2a}[data-theme=dark] .si-edit-footer{background:#1e1e1e;border-top-color:#2a2a2a}[data-theme=dark] .si-remove-body{background:#1a1a1a}[data-theme=dark] .si-remove-student-info{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .si-remove-student-name{color:#f0f0f0}[data-theme=dark] .si-remove-student-id{color:#555}[data-theme=dark] .si-remove-effects li{color:#888}[data-theme=dark] .si-remove-field label{color:#555}[data-theme=dark] .si-remove-field textarea{background:#252525;border-color:#3a3a3a;color:#e0e0e0}[data-theme=dark] .si-remove-field textarea:focus{border-color:#f0f0f0;background:#2a2a2a}[data-theme=dark] .si-remove-footer{background:#1e1e1e;border-top-color:#2a2a2a}.si-remove-effects-title{margin:0 0 8px;font-size:13px;color:#555;font-weight:600}.si-hidden-input{display:none}[data-theme=dark] .si-remove-effects-title{color:#888}.studentGuardian{max-width:100%}.guardianHeader{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:20px;border-bottom:1px solid #e8e8e8;margin-bottom:24px}.guardianHeaderLeft{flex:1;display:flex;flex-direction:column;gap:3px}.guardianTitle{margin:0;font-size:20px;font-weight:800;color:#111;letter-spacing:-.02em}.guardianCount{margin:0;font-size:12px;color:#888;font-weight:600}.guardiansList{display:grid;grid-template-columns:1fr 1fr;gap:16px}.guardianCard{background:#fff;border:1px solid #e8e8e8;border-radius:14px;overflow:hidden;transition:box-shadow .15s}.guardianCard:hover{box-shadow:0 4px 16px #00000012}.guardianCardHeader{display:flex;align-items:center;gap:14px;padding:18px 20px;background:#111;border-bottom:1px solid #e8e8e8;position:relative;overflow:hidden}.guardianCardHeader:before{content:"";position:absolute;width:140px;height:140px;border-radius:50%;border:22px solid rgba(255,255,255,.05);top:-55px;right:-30px;pointer-events:none}.guardianCardHeader:after{content:"";position:absolute;width:60px;height:60px;border-radius:50%;border:10px solid rgba(255,255,255,.04);bottom:-22px;left:-14px;pointer-events:none}.guardianAvatar{flex-shrink:0;width:48px;height:48px;border-radius:12px;overflow:hidden;background:#e8e8e8;border:1px solid #d4d4d4;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.guardianAvatar img{width:100%;height:100%;object-fit:cover}.guardianInitials{color:#111;font-size:16px;font-weight:800;text-transform:uppercase;letter-spacing:-.02em}.guardianBasicInfo{flex:1;min-width:0;position:relative;z-index:1}.guardianName{margin:0 0 3px;font-size:15px;font-weight:800;color:#fff;letter-spacing:-.01em;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.primaryBadge{background:#fff3;color:#fff;font-size:10px;font-weight:700;padding:2px 8px;border-radius:20px;text-transform:uppercase;letter-spacing:.06em;border:1px solid rgba(255,255,255,.25)}.guardianRelationship{margin:0;font-size:12px;color:#ffffff8c;font-weight:600}.guardianActions{display:flex;gap:6px;flex-shrink:0;position:relative;z-index:1}.whatsappButton{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff1a;color:#25d366;cursor:pointer;transition:background .15s,border-color .15s;position:relative;z-index:1}.whatsappButton:hover{background:#25d36633;border-color:#25d36666}.gd-menu-wrap{position:relative;z-index:1}.gd-menu-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff1a;color:#fffc;cursor:pointer;transition:background .15s}.gd-menu-btn:hover{background:#fff3}.gd-dropdown{position:fixed;background:#fff;border:1px solid #e8e8e8;border-radius:10px;box-shadow:0 8px 24px #0000001f;min-width:150px;overflow:hidden;z-index:9999}.gd-dropdown-item{width:100%;padding:10px 14px;border:none;background:transparent;font-size:13px;font-weight:600;color:#111;text-align:left;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .15s}.gd-dropdown-item:hover{background:#f4f4f4}.gd-dropdown-danger{color:#c33}.gd-dropdown-danger:hover{background:#fff0f0}.guardianDetails{padding:18px 20px}.guardianDetailRow{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.detailValue.allowed{color:#166534;font-weight:700}.detailValue.notAllowed{color:#991b1b;font-weight:700}.guardian-empty{text-align:center;padding:60px 20px;display:flex;flex-direction:column;align-items:center;gap:10px}.guardian-empty h3{margin:0;font-size:15px;font-weight:800;color:#111}.guardian-empty p{margin:0;font-size:13px;color:#888}.gp-container{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;background:#fff}.gp-header{position:relative;padding:22px 24px 20px;background:#111;flex-shrink:0;overflow:hidden}.gp-header:before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;border:18px solid rgba(255,255,255,.05);top:-40px;right:-24px;pointer-events:none}.gp-header-deco{position:absolute;width:60px;height:60px;border-radius:50%;border:10px solid rgba(255,255,255,.04);bottom:-20px;left:-12px;pointer-events:none}.gp-header-content{position:relative;z-index:1;display:flex;align-items:center;gap:14px}.gp-header-icon{width:40px;height:40px;border-radius:10px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.gp-header-text h2{margin:0 0 3px;font-size:14px;font-weight:800;color:#fff;letter-spacing:-.02em}.gp-header-text p{margin:0;font-size:12px;color:#ffffff80}.gp-body{flex:1;min-height:0;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:4px}.gp-body::-webkit-scrollbar{width:3px}.gp-body::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:2px}.gp-primary-label{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#f4f4f4;border:1px solid #e8e8e8;border-radius:8px;cursor:pointer;margin-top:4px}.gp-primary-label input{cursor:pointer;accent-color:#111111;width:15px;height:15px;flex-shrink:0}.gp-primary-title{margin:0;font-size:13px;font-weight:700;color:#111}.gp-primary-hint{margin:0;font-size:11px;color:#888}.gp-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 24px;border-top:1px solid #e8e8e8;background:#f7f7f7;flex-shrink:0}@media(max-width:768px){.guardianHeader{flex-direction:column;gap:14px}.guardiansList{grid-template-columns:1fr}.guardianDetailRow{grid-template-columns:1fr 1fr}.guardianCardHeader{flex-wrap:wrap}}@media(max-width:480px){.guardianDetailRow{grid-template-columns:1fr}.guardianCardHeader{flex-direction:column;align-items:flex-start}}[data-theme=dark] .studentGuardian{background:transparent}[data-theme=dark] .guardianHeader{border-bottom-color:#2a2a2a}[data-theme=dark] .guardianTitle{color:#f0f0f0}[data-theme=dark] .guardianCount{color:#555}[data-theme=dark] .guardianCard{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .guardianCard:hover{box-shadow:0 4px 16px #0000004d}[data-theme=dark] .guardianCardHeader{background:#0a0a0a;border-bottom-color:#2a2a2a}[data-theme=dark] .guardianAvatar{background:#ffffff1a}[data-theme=dark] .whatsappButton{background:#ffffff0f;border-color:#ffffff1f}[data-theme=dark] .gd-menu-btn{background:#ffffff0f;border-color:#ffffff1f;color:#fff9}[data-theme=dark] .gd-menu-btn:hover{background:#ffffff24}[data-theme=dark] .gd-dropdown{background:#1e1e1e;border-color:#2a2a2a;box-shadow:0 8px 24px #0006}[data-theme=dark] .gd-dropdown-item{color:#e0e0e0}[data-theme=dark] .gd-dropdown-item:hover{background:#252525}[data-theme=dark] .gd-dropdown-danger{color:#f87171}[data-theme=dark] .gd-dropdown-danger:hover{background:#2a1a1a}[data-theme=dark] .guardianDetails{background:#1e1e1e}[data-theme=dark] .guardian-empty h3{color:#f0f0f0}[data-theme=dark] .guardian-empty p{color:#555}[data-theme=dark] .gp-container{background:#1a1a1a}[data-theme=dark] .gp-header{background:#0a0a0a}[data-theme=dark] .gp-body{background:#1a1a1a}[data-theme=dark] .gp-body::-webkit-scrollbar-thumb{background:#2a2a2a}[data-theme=dark] .gp-primary-label{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .gp-primary-title{color:#e0e0e0}[data-theme=dark] .gp-primary-hint{color:#555}[data-theme=dark] .gp-footer{background:#1e1e1e;border-top-color:#2a2a2a}.dcp-container{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;background:#fff}.dcp-header{position:relative;padding:22px 24px 20px;background:#c33;flex-shrink:0;overflow:hidden}.dcp-header:before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;border:18px solid rgba(255,255,255,.08);top:-40px;right:-24px;pointer-events:none}.dcp-header-deco{position:absolute;width:60px;height:60px;border-radius:50%;border:10px solid rgba(255,255,255,.06);bottom:-20px;left:-12px;pointer-events:none}.dcp-header-content{position:relative;z-index:1;display:flex;align-items:center;gap:14px}.dcp-header-icon{width:40px;height:40px;border-radius:10px;background:#ffffff26;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.dcp-header-text h2{margin:0 0 3px;font-size:14px;font-weight:800;color:#fff;letter-spacing:-.02em}.dcp-header-text p{margin:0;font-size:12px;color:#ffffff8c}.dcp-body{flex:1;padding:24px;display:flex;flex-direction:column;gap:16px}.dcp-desc{margin:0;font-size:13px;color:#555;line-height:1.6}.dcp-item-name{padding:12px 16px;background:#f7f7f7;border:1px solid #e8e8e8;border-radius:8px}.dcp-item-name span{font-size:14px;font-weight:700;color:#111}.dcp-warning{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#fff8f0;border:1px solid #fde8cc;border-left:3px solid #cc6600;border-radius:8px;font-size:12px;font-weight:600;color:#7a3a00}.dcp-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 24px;border-top:1px solid #e8e8e8;background:#f7f7f7;flex-shrink:0}.dcp-delete-btn{background:#c33!important;border-color:#c33!important;color:#fff!important}.dcp-delete-btn:hover:not(:disabled){background:#a22!important;border-color:#a22!important}.dcp-delete-btn:disabled{opacity:.5;cursor:not-allowed}[data-theme=dark] .dcp-container,[data-theme=dark] .dcp-body{background:#1a1a1a}[data-theme=dark] .dcp-desc{color:#888}[data-theme=dark] .dcp-item-name{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .dcp-item-name span{color:#e0e0e0}[data-theme=dark] .dcp-warning{background:#1e1a0a;border-color:#3a2a00;border-left-color:#c60;color:#fcd34d}[data-theme=dark] .dcp-footer{background:#1e1e1e;border-top-color:#2a2a2a}.studentHealth{max-width:100%}.healthHeader{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:20px;border-bottom:1px solid #e8e8e8;margin-bottom:24px}.healthHeaderLeft{flex:1;display:flex;flex-direction:column;gap:3px}.healthTitle{margin:0;font-size:20px;font-weight:800;color:#111;letter-spacing:-.02em}.healthSubtitle{margin:0;font-size:12px;color:#888;font-weight:600}.medicalRecords{display:grid;grid-template-columns:1fr 1fr;gap:16px}.medicalRecordCard{background:#fff;border:1px solid #e8e8e8;border-radius:14px;overflow:visible;cursor:pointer;transition:box-shadow .15s}.medicalRecordCard:hover{box-shadow:0 4px 16px #00000012}.medicalRecordCardHeader{display:flex;align-items:flex-start;justify-content:space-between;padding:16px 18px;background:#f7f7f7;border:1px solid #e8e8e8;border-radius:14px 14px 0 0;position:relative;overflow:hidden}.medicalRecordCardHeader:before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;border:20px solid rgba(0,0,0,.04);top:-48px;right:-28px;pointer-events:none}.medicalRecordCardHeader:after{content:"";position:absolute;width:52px;height:52px;border-radius:50%;border:9px solid rgba(0,0,0,.03);bottom:-18px;left:-12px;pointer-events:none}.recordInfo{flex:1;min-width:0;position:relative;z-index:1}.recordTitle{margin:0 0 6px;font-size:14px;font-weight:800;color:#111;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recordMeta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.recordType{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:2px 8px;border-radius:20px;background:#e8e8e8;color:#555}.recordDate{font-size:11px;color:#888;font-weight:600}.recordActions{flex-shrink:0;position:relative;z-index:1}.deleteButton{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid #e8e8e8;border-radius:7px;background:#fff;cursor:pointer;color:#c33;transition:background .15s,border-color .15s}.deleteButton:hover{background:#fff0f0;border-color:#fecaca}.medicalRecordCardBody{padding:14px 18px;border-left:1px solid #e8e8e8;border-right:1px solid #e8e8e8}.rec-body-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.rec-body-field{display:flex;flex-direction:column;gap:3px}.rec-body-full{grid-column:1 / -1}.rec-body-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#aaa}.rec-body-value{font-size:12.5px;font-weight:500;color:#333;line-height:1.4}.rec-menu-wrap{position:relative;flex-shrink:0;z-index:2}.rec-menu-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid #e8e8e8;border-radius:7px;background:#fff;cursor:pointer;color:#888;transition:background .15s,color .15s}.rec-menu-btn:hover{background:#f4f4f4;color:#111}.rec-dropdown{position:fixed;background:#fff;border:1px solid #e8e8e8;border-radius:10px;box-shadow:0 8px 24px #0000001f;min-width:150px;overflow:hidden;z-index:9999}.rec-dropdown-item{width:100%;padding:10px 14px;border:none;background:transparent;font-size:13px;font-weight:600;color:#111;text-align:left;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .15s}.rec-dropdown-item:hover{background:#f4f4f4}.rec-dropdown-danger{color:#c33}.rec-dropdown-danger:hover{background:#fff0f0}.medicalRecordCardFooter{padding:10px 18px;border:1px solid #e8e8e8;border-top:none;border-radius:0 0 14px 14px;display:flex;justify-content:flex-end;background:#fff}.medicalRecordCard:hover .viewDetails{color:#111;gap:8px}.health-empty{text-align:center;padding:60px 20px;display:flex;flex-direction:column;align-items:center;gap:10px}.health-empty h3{margin:0;font-size:15px;font-weight:800;color:#111}.health-empty p{margin:0;font-size:13px;color:#888}.hp-container{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;background:#fff}.hp-header{position:relative;padding:22px 24px 20px;background:#111;flex-shrink:0;overflow:hidden}.hp-header:before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;border:18px solid rgba(255,255,255,.05);top:-40px;right:-24px;pointer-events:none}.hp-header-deco{position:absolute;width:60px;height:60px;border-radius:50%;border:10px solid rgba(255,255,255,.04);bottom:-20px;left:-12px;pointer-events:none}.hp-header-content{position:relative;z-index:1;display:flex;align-items:center;gap:14px}.hp-header-icon{width:40px;height:40px;border-radius:10px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.hp-header-text h2{margin:0 0 3px;font-size:14px;font-weight:800;color:#fff;letter-spacing:-.02em}.hp-header-text p{margin:0;font-size:12px;color:#ffffff80}.hp-body{flex:1;min-height:0;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:0}.hp-body::-webkit-scrollbar{width:3px}.hp-body::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:2px}.hp-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 24px;border-top:1px solid #e8e8e8;background:#f7f7f7;flex-shrink:0}.hp-section{margin-bottom:20px}.hp-section-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#888;padding-bottom:8px;border-bottom:1px solid #f0f0f0;margin-bottom:12px;display:block}.hp-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hp-form-fieldd{display:flex;flex-direction:column;gap:5px}.hp-form-fieldd.full,.hp-form-fieldd[class*=full]{grid-column:1 / -1}.hp-field-label{font-size:11px;font-weight:700;color:#888;text-transform:uppercase;letter-spacing:.05em;display:block}.hp-form-fieldd input,.hp-form-fieldd select,.hp-form-fieldd textarea{padding:8px 10px;border:1px solid #e8e8e8;border-radius:7px;font-size:13px;color:#111;background:#fff;outline:none;transition:border-color .15s;font-family:inherit;resize:vertical}.hp-form-fieldd input:focus,.hp-form-fieldd select:focus,.hp-form-fieldd textarea:focus{border-color:#111}.hp-checkbox-label{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#f4f4f4;border:1px solid #e8e8e8;border-radius:7px;cursor:pointer;font-size:13px;font-weight:600;color:#111}.hp-checkbox-label input{accent-color:#111111;width:14px;height:14px;cursor:pointer}.hp-detail-section{margin-bottom:20px}.hp-detail-section-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#888;padding-bottom:8px;border-bottom:1px solid #f0f0f0;margin-bottom:12px;display:block}.hp-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:768px){.healthHeader{flex-direction:column;gap:14px}.medicalRecords,.detailRow,.hp-form-grid,.hp-detail-grid{grid-template-columns:1fr}}[data-theme=dark] .healthTitle{color:#f0f0f0}[data-theme=dark] .healthSubtitle{color:#555}[data-theme=dark] .healthHeader{border-bottom-color:#2a2a2a}[data-theme=dark] .medicalRecordCard{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .medicalRecordCard:hover{box-shadow:0 4px 16px #0000004d}[data-theme=dark] .medicalRecordCardHeader{background:#252525;border-bottom-color:#2a2a2a}[data-theme=dark] .medicalRecordCardHeader:before{border-color:#ffffff0a}[data-theme=dark] .medicalRecordCardHeader:after{border-color:#ffffff08}[data-theme=dark] .recordTitle{color:#f0f0f0}[data-theme=dark] .recordType{background:#2a2a2a;color:#888}[data-theme=dark] .recordDate{color:#555}[data-theme=dark] .deleteButton{background:#252525;border-color:#3a3a3a}[data-theme=dark] .medicalRecordCardFooter{border-top-color:#2a2a2a}[data-theme=dark] .medicalRecordCard:hover .viewDetails,[data-theme=dark] .health-empty h3{color:#f0f0f0}[data-theme=dark] .health-empty p{color:#555}[data-theme=dark] .hp-container{background:#1a1a1a}[data-theme=dark] .hp-header{background:#0a0a0a}[data-theme=dark] .hp-body{background:#1a1a1a}[data-theme=dark] .hp-body::-webkit-scrollbar-thumb{background:#2a2a2a}[data-theme=dark] .hp-footer{background:#1e1e1e;border-top-color:#2a2a2a}[data-theme=dark] .hp-section-title,[data-theme=dark] .hp-detail-section-title{color:#555;border-bottom-color:#2a2a2a}[data-theme=dark] .hp-form-fieldd label{color:#555}[data-theme=dark] .hp-form-fieldd input,[data-theme=dark] .hp-form-fieldd select,[data-theme=dark] .hp-form-fieldd textarea{background:#252525;border-color:#3a3a3a;color:#e0e0e0}[data-theme=dark] .hp-form-fieldd input:focus,[data-theme=dark] .hp-form-fieldd select:focus,[data-theme=dark] .hp-form-fieldd textarea:focus{border-color:#f0f0f0}[data-theme=dark] .hp-checkbox-label{background:#1e1e1e;border-color:#2a2a2a;color:#e0e0e0}[data-theme=dark] .rec-body-label{color:#555}[data-theme=dark] .rec-body-value{color:#ccc}[data-theme=dark] .rec-menu-btn{background:#252525;border-color:#3a3a3a;color:#888}[data-theme=dark] .rec-menu-btn:hover{background:#3a3a3a;color:#f0f0f0}[data-theme=dark] .rec-dropdown{background:#1e1e1e;border-color:#2a2a2a;box-shadow:0 8px 24px #0006}[data-theme=dark] .rec-dropdown-item{color:#e0e0e0}[data-theme=dark] .rec-dropdown-item:hover{background:#252525}[data-theme=dark] .rec-dropdown-danger{color:#f87171}[data-theme=dark] .rec-dropdown-danger:hover{background:#2a1a1a}[data-theme=dark] .hp-field-label{color:#555}.admissionHistory{max-width:100%}.admissionHeader{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:20px;border-bottom:1px solid #e8e8e8;margin-bottom:24px}.admissionHeaderLeft{flex:1;display:flex;flex-direction:column;gap:3px}.admissionTitle{margin:0;font-size:20px;font-weight:800;color:#111;letter-spacing:-.02em}.admissionSubtitle{margin:0;font-size:12px;color:#888;font-weight:600}.admissionRecords{display:grid;grid-template-columns:1fr 1fr;gap:16px}.admissionCard{background:#fff;border:1px solid #e8e8e8;border-radius:14px;overflow:visible;cursor:pointer;transition:box-shadow .15s}.admissionCard:hover{box-shadow:0 4px 16px #00000012}.admissionCardHeader{display:flex;align-items:flex-start;justify-content:space-between;padding:16px 18px;background:#f7f7f7;border:1px solid #e8e8e8;border-radius:14px 14px 0 0;position:relative;overflow:hidden;gap:10px}.admissionCardHeader:before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;border:20px solid rgba(0,0,0,.04);top:-48px;right:-28px;pointer-events:none}.admissionCardHeader:after{content:"";position:absolute;width:52px;height:52px;border-radius:50%;border:9px solid rgba(0,0,0,.03);bottom:-18px;left:-12px;pointer-events:none}.schoolInfo{flex:1;min-width:0;position:relative;z-index:1}.schoolLogoWrap{flex-shrink:0;width:40px;height:40px;border-radius:10px;overflow:hidden;position:relative;z-index:1;background:#fff;border:1px solid #e8e8e8;display:flex;align-items:center;justify-content:center}.schoolLogoImg{width:100%;height:100%;object-fit:cover;border-radius:10px}.schoolLogoPlaceholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#aaa;background:#f0f0f0}[data-theme=dark] .schoolLogoWrap{background:#2a2a2a;border-color:#3a3a3a}[data-theme=dark] .schoolLogoPlaceholder{background:#2a2a2a;color:#555}.schoolName{margin:0 0 5px;font-size:13.5px;font-weight:800;color:#111;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.schoolMeta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.schoolType{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:2px 8px;border-radius:20px;background:#e8e8e8;color:#555}.schoolLocation{font-size:11px;color:#888;font-weight:600}.admissionStatus{flex-shrink:0;position:relative;z-index:1}.statusBadge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.statusBadge.success{background:#dcfce7;color:#166534}.statusBadge.info{background:#dbeafe;color:#1e40af}.statusBadge.warning{background:#fef9c3;color:#854d0e}.statusBadge.danger{background:#fecaca;color:#991b1b}.admissionCardBody{padding:14px 18px;border-left:1px solid #e8e8e8;border-right:1px solid #e8e8e8}.admissionDetails{display:flex;flex-direction:column;gap:10px}.detailRow{display:grid;grid-template-columns:1fr 1fr;gap:12px}.admissionCardFooter{padding:10px 18px;border:1px solid #e8e8e8;border-top:none;border-radius:0 0 14px 14px;display:flex;justify-content:flex-end;background:#fff}.viewDetails{display:flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;color:#888;transition:color .15s,gap .15s}.admissionCard:hover .viewDetails{color:#111;gap:8px}.admission-empty{text-align:center;padding:60px 20px;display:flex;flex-direction:column;align-items:center;gap:10px}.admission-empty h3{margin:0;font-size:15px;font-weight:800;color:#111}.admission-empty p{margin:0;font-size:13px;color:#888}.ap-container{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;background:#fff}.ap-header{position:relative;padding:22px 24px 20px;background:#111;flex-shrink:0;overflow:hidden}.ap-header:before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;border:18px solid rgba(255,255,255,.05);top:-40px;right:-24px;pointer-events:none}.ap-header-deco{position:absolute;width:60px;height:60px;border-radius:50%;border:10px solid rgba(255,255,255,.04);bottom:-20px;left:-12px;pointer-events:none}.ap-header-content{position:relative;z-index:1;display:flex;align-items:center;gap:14px}.ap-header-icon{width:40px;height:40px;border-radius:10px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.ap-header-text h2{margin:0 0 3px;font-size:14px;font-weight:800;color:#fff;letter-spacing:-.02em}.ap-header-text p{margin:0;font-size:12px;color:#ffffff80}.ap-body{flex:1;min-height:0;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:0}.ap-body::-webkit-scrollbar{width:3px}.ap-body::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:2px}.ap-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 24px;border-top:1px solid #e8e8e8;background:#f7f7f7;flex-shrink:0}.ap-section{margin-bottom:20px}.ap-section-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#888;padding-bottom:8px;border-bottom:1px solid #f0f0f0;margin-bottom:12px;display:block}.ap-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:768px){.admissionHeader{flex-direction:column;gap:14px}.admissionRecords,.detailRow,.ap-grid{grid-template-columns:1fr}}[data-theme=dark] .admissionTitle{color:#f0f0f0}[data-theme=dark] .admissionSubtitle{color:#555}[data-theme=dark] .admissionHeader{border-bottom-color:#2a2a2a}[data-theme=dark] .admissionCard{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .admissionCard:hover{box-shadow:0 4px 16px #0000004d}[data-theme=dark] .admissionCardHeader{background:#252525;border-color:#2a2a2a}[data-theme=dark] .admissionCardHeader:before{border-color:#ffffff0a}[data-theme=dark] .admissionCardHeader:after{border-color:#ffffff08}[data-theme=dark] .schoolName{color:#f0f0f0}[data-theme=dark] .schoolType{background:#2a2a2a;color:#888}[data-theme=dark] .schoolLocation{color:#555}[data-theme=dark] .admissionCardBody{border-color:#2a2a2a}[data-theme=dark] .admissionCardFooter{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .viewDetails{color:#555}[data-theme=dark] .admissionCard:hover .viewDetails,[data-theme=dark] .admission-empty h3{color:#f0f0f0}[data-theme=dark] .admission-empty p{color:#555}[data-theme=dark] .ap-container{background:#1a1a1a}[data-theme=dark] .ap-header{background:#0a0a0a}[data-theme=dark] .ap-body{background:#1a1a1a}[data-theme=dark] .ap-body::-webkit-scrollbar-thumb{background:#2a2a2a}[data-theme=dark] .ap-footer{background:#1e1e1e;border-top-color:#2a2a2a}[data-theme=dark] .ap-section-title{color:#555;border-bottom-color:#2a2a2a}.classStudentInfo{max-width:100%}.classHeader{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:20px;border-bottom:1px solid #e8e8e8;margin-bottom:24px;gap:16px}.classHeaderLeft{flex:1;display:flex;flex-direction:column;gap:3px}.classTitle{margin:0;font-size:20px;font-weight:800;color:#111;letter-spacing:-.02em}.classSubtitle{margin:0;font-size:12px;color:#888;font-weight:600}.classHeaderRight{display:flex;gap:10px;align-items:center;flex-shrink:0}.classOverview{margin-bottom:0}.overviewCard{background:#fff;border:1px solid #e8e8e8;border-radius:14px;overflow:hidden;cursor:pointer;transition:box-shadow .15s}.overviewCard:hover{box-shadow:0 4px 16px #00000012}.overviewCardHeader{display:flex;align-items:center;gap:14px;padding:20px 22px;background:#f7f7f7;border-bottom:1px solid #e8e8e8;position:relative;overflow:hidden}.overviewCardHeader:before{content:"";position:absolute;width:130px;height:130px;border-radius:50%;border:22px solid rgba(0,0,0,.04);top:-50px;right:-30px;pointer-events:none}.overviewCardHeader:after{content:"";position:absolute;width:50px;height:50px;border-radius:8px;border:1.5px solid rgba(0,0,0,.03);bottom:-16px;right:90px;transform:rotate(18deg);pointer-events:none}.overviewHeaderDeco{position:absolute;width:70px;height:70px;border-radius:50%;border:10px solid rgba(0,0,0,.03);bottom:-22px;left:-14px;pointer-events:none}.overviewHeaderIcon{width:46px;height:46px;border-radius:12px;background:#fff;border:1px solid #e8e8e8;display:flex;align-items:center;justify-content:center;color:#111;flex-shrink:0;position:relative;z-index:1}.overviewHeaderText{position:relative;z-index:1}.overviewHeaderText h3{margin:0 0 3px;font-size:15px;font-weight:800;color:#111;letter-spacing:-.02em}.overviewHeaderText p{margin:0;font-size:12px;color:#888}.overviewCardBody{padding:20px 22px}.overviewGrid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.overviewCardFooter{padding:12px 22px;border-top:1px solid #f0f0f0;display:flex;align-items:center;justify-content:flex-end;gap:6px;font-size:11.5px;font-weight:700;color:#888;transition:color .15s}.overviewCard:hover .overviewCardFooter{color:#111}.csi-state-box{text-align:center;padding:60px 20px;display:flex;flex-direction:column;align-items:center;gap:10px}.csi-state-box h3{margin:0;font-size:15px;font-weight:800;color:#111}.csi-state-box p{margin:0;font-size:13px;color:#888}.csi-state-error h3{color:#c33}.csp-container{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;background:#fff}.csp-header{position:relative;padding:22px 24px 20px;background:#111;flex-shrink:0;overflow:hidden}.csp-header:before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;border:18px solid rgba(255,255,255,.05);top:-40px;right:-24px;pointer-events:none}.csp-header-deco{position:absolute;width:60px;height:60px;border-radius:50%;border:10px solid rgba(255,255,255,.04);bottom:-20px;left:-12px;pointer-events:none}.csp-header-content{position:relative;z-index:1;display:flex;align-items:center;gap:14px}.csp-header-icon{width:40px;height:40px;border-radius:10px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.csp-header-text h2{margin:0 0 3px;font-size:14px;font-weight:800;color:#fff;letter-spacing:-.02em}.csp-header-text p{margin:0;font-size:12px;color:#ffffff80}.csp-body{flex:1;min-height:0;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:16px}.csp-body::-webkit-scrollbar{width:3px}.csp-body::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:2px}.csp-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 24px;border-top:1px solid #e8e8e8;background:#f7f7f7;flex-shrink:0}.csi-current-class-box{background:#f4f4f4;border:1px solid #e8e8e8;border-radius:10px;padding:14px 16px}.csi-current-class-box h4{margin:0 0 6px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#888}.csi-current-class-name{margin:0 0 2px;font-size:14px;font-weight:800;color:#111}.csi-current-class-session{margin:0;font-size:12px;color:#888}.csi-warn-box{padding:10px 14px;background:#fef9c3;border:1px solid #fde68a;border-left:3px solid #f59e0b;border-radius:8px;font-size:12px;color:#854d0e;font-weight:600;line-height:1.5}@media(max-width:768px){.classHeader{flex-direction:column;gap:14px}.classHeaderRight{flex-wrap:wrap}.overviewGrid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.overviewGrid{grid-template-columns:1fr}}[data-theme=dark] .classTitle{color:#f0f0f0}[data-theme=dark] .classSubtitle{color:#555}[data-theme=dark] .classHeader{border-bottom-color:#2a2a2a}[data-theme=dark] .overviewCard{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .overviewCard:hover{box-shadow:0 4px 16px #0000004d}[data-theme=dark] .overviewCardHeader{background:#252525;border-bottom-color:#2a2a2a}[data-theme=dark] .overviewCardHeader:before{border-color:#ffffff0a}[data-theme=dark] .overviewCardHeader:after{border-color:#ffffff08}[data-theme=dark] .overviewHeaderDeco{border-color:#ffffff08}[data-theme=dark] .overviewHeaderIcon{background:#2a2a2a;border-color:#3a3a3a;color:#e0e0e0}[data-theme=dark] .overviewHeaderText h3{color:#f0f0f0}[data-theme=dark] .overviewHeaderText p{color:#555}[data-theme=dark] .overviewCardBody{background:#1e1e1e}[data-theme=dark] .overviewCardFooter{border-top-color:#2a2a2a;color:#555}[data-theme=dark] .overviewCard:hover .overviewCardFooter,[data-theme=dark] .csi-state-box h3{color:#f0f0f0}[data-theme=dark] .csi-state-box p{color:#555}[data-theme=dark] .csp-container{background:#1a1a1a}[data-theme=dark] .csp-header{background:#0a0a0a}[data-theme=dark] .csp-body{background:#1a1a1a}[data-theme=dark] .csp-body::-webkit-scrollbar-thumb{background:#2a2a2a}[data-theme=dark] .csp-footer{background:#1e1e1e;border-top-color:#2a2a2a}[data-theme=dark] .csi-current-class-box{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .csi-current-class-name{color:#e0e0e0}[data-theme=dark] .csi-current-class-session{color:#555}[data-theme=dark] .csi-warn-box{background:#1e1a0a;border-color:#3a2a00;border-left-color:#f59e0b;color:#fcd34d}.attendanceStudentInfo{max-width:100%}.attendanceHeader{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:20px;border-bottom:1px solid #e8e8e8;margin-bottom:24px;gap:16px}.attendanceHeaderLeft{flex:1;display:flex;flex-direction:column;gap:3px}.attendanceTitle{margin:0;font-size:20px;font-weight:800;color:#111;letter-spacing:-.02em}.attendanceSubtitle{margin:0;font-size:12px;color:#888;font-weight:600}.attendanceHeaderRight{display:flex;gap:10px;align-items:center;flex-shrink:0}.attendanceContent{display:grid;grid-template-columns:280px 1fr;gap:20px}.attendanceOverviewSection{background-color:#f7f7f7;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23noise)' opacity='0.08'/%3E%3C/svg%3E");background-repeat:repeat;background-size:160px 160px;border:1px solid #e8e8e8;border-radius:14px;overflow:hidden;height:fit-content}.overviewPanelHeader{padding:18px 20px;border-bottom:1px solid rgba(0,0,0,.07)}.overviewTitle{margin:0 0 2px;font-size:13px;font-weight:800;color:#111;letter-spacing:-.01em}.overviewSubtitle{margin:0;font-size:11px;color:#888;font-weight:600}.overviewPanelBody{padding:16px 18px;display:flex;flex-direction:column;gap:12px}.attendanceStats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.statCard{background:#0000000a;border:1px solid rgba(0,0,0,.08);border-radius:10px;padding:12px 14px;text-align:center;transition:background .15s}.statCard:hover{background:#00000012}.statLabel{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#888;margin-bottom:5px}.statValue{font-size:22px;font-weight:800;color:#111;letter-spacing:-.03em}.statCard.present-card{border-left:3px solid #22c55e}.statCard.absent-card{border-left:3px solid #ef4444}.statCard.excused-card{border-left:3px solid #f59e0b}.statCard.total-card{border-left:3px solid #aaaaaa}.rateCard{background:#0000000a;border:1px solid rgba(0,0,0,.08);border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:8px}.rateLabel{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#888}.rateValue{font-size:28px;font-weight:800;color:#111;letter-spacing:-.04em;line-height:1}.rateBar{height:5px;background:#0000001a;border-radius:20px;overflow:hidden}.rateBarFill{height:100%;background:#111;border-radius:20px;transition:width .6s ease}.calendarSection{background:#fff;border:1px solid #e8e8e8;border-radius:14px;overflow:hidden}.calendarSectionHeader{padding:16px 20px;background:#f7f7f7;border-bottom:1px solid #e8e8e8}.calendarSectionHeader h3{margin:0 0 2px;font-size:13px;font-weight:800;color:#111;letter-spacing:-.01em}.calendarSectionHeader p{margin:0;font-size:11px;color:#888;font-weight:600}.calendarSectionBody{padding:18px 20px}.attendance-calendar{background:transparent}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;padding:10px 14px;background:#f7f7f7;border:1px solid #e8e8e8;border-radius:10px}.header-center{display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px}.month-year{margin:0;font-size:14px;font-weight:800;color:#111;letter-spacing:-.01em}.date-range{font-size:10px;font-weight:600;color:#888;background:#e8e8e8;padding:2px 8px;border-radius:20px}.nav-button{background:#fff;border:1px solid #e8e8e8;border-radius:8px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;font-weight:700;color:#111;transition:background .15s,border-color .15s;line-height:1}.nav-button:hover:not(.disabled){background:#f0f0f0;border-color:#ccc}.nav-button.disabled{opacity:.3;cursor:not-allowed}.calendar-legend{display:flex;gap:12px;margin-bottom:14px;flex-wrap:wrap;padding:10px 12px;background:#f7f7f7;border:1px solid #e8e8e8;border-radius:10px}.calendar-legend .legend-item{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:#555}.calendar-legend .legend-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.calendar-legend .legend-dot.present{background:#22c55e}.calendar-legend .legend-dot.absent{background:#ef4444}.calendar-legend .legend-dot.excused{background:#f59e0b}.calendar-legend .legend-dot.not_entered{background:#a78bfa}.calendar-legend .legend-dot.weekend{background:#d1d5db}.calendar-grid{background:transparent}.weekday-header{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:8px}.weekday{padding:6px 4px;text-align:center;font-size:10px;font-weight:700;color:#888;text-transform:uppercase;letter-spacing:.05em}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.calendar-day{position:relative;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:#fff;border:1.5px solid #e8e8e8;border-radius:8px;transition:transform .15s,box-shadow .15s;min-height:36px;cursor:pointer}.calendar-day.empty{background:transparent;border:none;cursor:default}.calendar-day.out-of-range{background:transparent;border:1.5px dashed #e0e0e0;cursor:default;opacity:.4}.calendar-day.out-of-range .day-number,.calendar-day.out-of-range .status-icon,.calendar-day.out-of-range .edit-indicator{display:none}.calendar-day.weekend{background:#fafafa;border-color:#eee;color:#ccc;cursor:default}.calendar-day.not_entered{background:#faf5ff;border-color:#c4b5fd;color:#7c3aed}.calendar-day.present{background:#f0fdf4;border-color:#86efac;color:#16a34a}.calendar-day.absent{background:#fef2f2;border-color:#fca5a5;color:#dc2626}.calendar-day.excused{background:#fffbeb;border-color:#fcd34d;color:#d97706}.day-number{font-size:12px;font-weight:700;z-index:1}.status-icon{position:absolute;top:2px;right:2px;font-size:9px;font-weight:800;width:14px;height:14px;display:flex;align-items:center;justify-content:center;border-radius:50%}.calendar-day.present .status-icon{background:#22c55e26;color:#16a34a}.calendar-day.absent .status-icon{background:#ef444426;color:#dc2626}.calendar-day.excused .status-icon{background:#f59e0b26;color:#d97706}.calendar-day.not_entered .status-icon{background:#a78bfa26;color:#7c3aed}.calendar-day:not(.empty):not(.weekend):not(.out-of-range):hover{transform:scale(1.07);box-shadow:0 3px 10px #0000001f;z-index:2}.calendar-day.present:not(.weekend):hover{background:#dcfce7;border-color:#4ade80}.calendar-day.absent:not(.weekend):hover{background:#fee2e2;border-color:#f87171}.calendar-day.excused:not(.weekend):hover{background:#fef3c7;border-color:#fbbf24}.calendar-day.not_entered:not(.weekend):hover{background:#ede9fe;border-color:#a78bfa}.calendar-day:not(.empty):not(.weekend):not(.out-of-range):active{transform:scale(.95)}.edit-indicator{position:absolute;bottom:-24px;left:50%;transform:translate(-50%);opacity:0;pointer-events:none;transition:opacity .15s;z-index:20}.edit-hint{background:#111;color:#fff;font-size:9px;font-weight:600;padding:2px 6px;border-radius:4px;white-space:nowrap}.calendar-day:not(.empty):not(.weekend):not(.out-of-range):hover .edit-indicator{opacity:1}.attendance-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;animation:ov-in .2s ease}@keyframes ov-in{0%{opacity:0}to{opacity:1}}.attendance-popup{background:#fff;border-radius:16px;box-shadow:0 24px 48px #0000002e;max-width:380px;width:90%;overflow:hidden;animation:pop-in .2s ease;position:relative}@keyframes pop-in{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.popup-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffffeb;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;z-index:10;border-radius:16px}.popup-spinner{width:32px;height:32px;border:3px solid #e8e8e8;border-top-color:#111;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.popup-loading-overlay span{font-size:12px;font-weight:700;color:#111}.popup-header{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;background:#111;position:relative;overflow:hidden}.popup-header:before{content:"";position:absolute;width:100px;height:100px;border-radius:50%;border:16px solid rgba(255,255,255,.05);top:-36px;right:-20px;pointer-events:none}.popup-header h3{margin:0;font-size:14px;font-weight:800;color:#fff;letter-spacing:-.01em;position:relative;z-index:1}.popup-close{background:#ffffff1f;border:1px solid rgba(255,255,255,.18);border-radius:6px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;cursor:pointer;transition:background .15s;line-height:1;position:relative;z-index:1}.popup-close:hover:not(:disabled){background:#ffffff38}.popup-close:disabled{opacity:.4;cursor:not-allowed}.popup-content{padding:18px 20px;display:flex;flex-direction:column;gap:14px}.selected-date{text-align:center;padding:10px 14px;background:#f7f7f7;border:1px solid #e8e8e8;border-radius:8px;font-size:13px;font-weight:700;color:#111}.current-status{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:600;color:#888}.status-badge{padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;display:inline-flex;align-items:center;gap:4px}.status-badge.present{background:#f0fdf4;color:#16a34a}.status-badge.absent{background:#fef2f2;color:#dc2626}.status-badge.excused{background:#fffbeb;color:#d97706}.status-badge.not-set{background:#faf5ff;color:#7c3aed}.status-options h4{margin:0 0 10px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#888;text-align:center}.status-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.status-button{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 10px;border:1.5px solid #e8e8e8;border-radius:10px;background:#fff;cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s;font-size:12px;font-weight:700;color:#555}.status-button:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.status-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.status-button.present{border-color:#86efac;color:#16a34a}.status-button.present:hover{background:#f0fdf4}.status-button.absent{border-color:#fca5a5;color:#dc2626}.status-button.absent:hover{background:#fef2f2}.status-button.excused{border-color:#fcd34d;color:#d97706}.status-button.excused:hover{background:#fffbeb}.status-button.remove{border-color:#c4b5fd;color:#7c3aed}.status-button.remove:hover{background:#faf5ff}.status-button .status-icon{font-size:18px}@media(max-width:1100px){.attendanceContent{grid-template-columns:1fr}.attendanceOverviewSection{order:1}.calendarSection{order:2}.chartContainer{flex-direction:row;align-items:center;gap:20px}.chartLegend{flex:1}.attendanceStats{grid-template-columns:repeat(4,1fr)}}@media(max-width:768px){.attendanceHeader{flex-direction:column;gap:14px}.attendanceHeaderRight{flex-wrap:wrap}.chartContainer{flex-direction:column}.attendanceStats{grid-template-columns:1fr 1fr}.calendar-days,.weekday-header{gap:4px}.calendar-day{min-height:32px}.day-number{font-size:11px}}@media(max-width:480px){.attendanceStats{grid-template-columns:1fr 1fr}.status-buttons{grid-template-columns:1fr}.status-button{flex-direction:row;justify-content:flex-start;padding:10px 14px;gap:10px}}[data-theme=dark] .attendanceTitle{color:#f0f0f0}[data-theme=dark] .attendanceSubtitle{color:#555}[data-theme=dark] .attendanceHeader{border-bottom-color:#2a2a2a}[data-theme=dark] .attendanceOverviewSection{background-color:#111;border-color:#2a2a2a}[data-theme=dark] .overviewPanelHeader{border-bottom-color:#ffffff12}[data-theme=dark] .overviewTitle{color:#f0f0f0}[data-theme=dark] .overviewSubtitle{color:#fff6}[data-theme=dark] .statCard{background:#ffffff0f;border-color:#ffffff17}[data-theme=dark] .statCard:hover{background:#ffffff1a}[data-theme=dark] .statLabel{color:#fff6}[data-theme=dark] .statValue{color:#fff}[data-theme=dark] .statCard.total-card{border-left-color:#ffffff40}[data-theme=dark] .rateCard{background:#ffffff0f;border-color:#ffffff17}[data-theme=dark] .rateLabel{color:#fff6}[data-theme=dark] .rateValue{color:#fff}[data-theme=dark] .rateBar{background:#ffffff1f}[data-theme=dark] .rateBarFill{background:#fff}[data-theme=dark] .calendarSection{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .calendarSectionHeader{background:#252525;border-bottom-color:#2a2a2a}[data-theme=dark] .calendarSectionHeader h3{color:#f0f0f0}[data-theme=dark] .calendarSectionHeader p{color:#555}[data-theme=dark] .calendar-header{background:#252525;border-color:#2a2a2a}[data-theme=dark] .month-year{color:#f0f0f0}[data-theme=dark] .date-range{background:#2a2a2a;color:#888}[data-theme=dark] .nav-button{background:#1e1e1e;border-color:#3a3a3a;color:#e0e0e0}[data-theme=dark] .nav-button:hover:not(.disabled){background:#2a2a2a}[data-theme=dark] .calendar-legend{background:#252525;border-color:#2a2a2a}[data-theme=dark] .calendar-legend .legend-item{color:#888}[data-theme=dark] .weekday{color:#555}[data-theme=dark] .calendar-day{background:#252525;border-color:#3a3a3a}[data-theme=dark] .calendar-day.weekend{background:#1e1e1e;border-color:#2a2a2a;color:#3a3a3a}[data-theme=dark] .calendar-day.not_entered{background:#1e1a2e;border-color:#6d28d9;color:#a78bfa}[data-theme=dark] .calendar-day.present{background:#052e16;border-color:#166534;color:#4ade80}[data-theme=dark] .calendar-day.absent{background:#2d0a0a;border-color:#991b1b;color:#f87171}[data-theme=dark] .calendar-day.excused{background:#1c1200;border-color:#92400e;color:#fbbf24}[data-theme=dark] .attendance-popup{background:#1a1a1a}[data-theme=dark] .popup-header{background:#0a0a0a}[data-theme=dark] .popup-loading-overlay{background:#1a1a1aeb}[data-theme=dark] .popup-loading-overlay span{color:#f0f0f0}[data-theme=dark] .popup-spinner{border-color:#2a2a2a;border-top-color:#f0f0f0}[data-theme=dark] .selected-date{background:#252525;border-color:#2a2a2a;color:#f0f0f0}[data-theme=dark] .current-status,[data-theme=dark] .status-options h4{color:#555}[data-theme=dark] .status-button{background:#1e1e1e;border-color:#2a2a2a;color:#888}[data-theme=dark] .status-button.present{border-color:#166534;color:#4ade80}[data-theme=dark] .status-button.present:hover{background:#052e16}[data-theme=dark] .status-button.absent{border-color:#991b1b;color:#f87171}[data-theme=dark] .status-button.absent:hover{background:#2d0a0a}[data-theme=dark] .status-button.excused{border-color:#92400e;color:#fbbf24}[data-theme=dark] .status-button.excused:hover{background:#1c1200}[data-theme=dark] .status-button.remove{border-color:#6d28d9;color:#a78bfa}[data-theme=dark] .status-button.remove:hover{background:#1e1a2e}.studentResources{max-width:100%}.sr-header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:20px;border-bottom:1px solid #e8e8e8;margin-bottom:20px}.sr-header-left{flex:1;display:flex;flex-direction:column;gap:3px}.sr-title{margin:0;font-size:20px;font-weight:800;color:#111;letter-spacing:-.02em}.sr-subtitle{margin:0;font-size:12px;color:#888;font-weight:600}.sr-search-wrap{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid #e8e8e8;border-radius:10px;background:#fff;margin-bottom:16px;max-width:480px;color:#888}.sr-search{flex:1;border:none;outline:none;font-size:13px;color:#111;background:transparent}.sr-search::placeholder{color:#aaa}.sr-clear{background:none;border:none;color:#888;cursor:pointer;display:flex;align-items:center;padding:2px;border-radius:4px;transition:color .15s}.sr-clear:hover{color:#111}.sr-tabs{display:flex;gap:4px;margin-bottom:20px;flex-wrap:wrap}.sr-tab{padding:6px 14px;border:1px solid #e8e8e8;border-radius:20px;background:#f4f4f4;font-size:12px;font-weight:700;color:#888;cursor:pointer;transition:background .15s,color .15s,border-color .15s;white-space:nowrap}.sr-tab:hover{border-color:#111;color:#111}.sr-tab.active{background:#111;color:#fff;border-color:#111}.sr-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.sr-empty{text-align:center;padding:60px 20px;display:flex;flex-direction:column;align-items:center;gap:8px}.sr-empty h3{margin:0;font-size:15px;font-weight:800;color:#111}.sr-empty p{margin:0;font-size:13px;color:#888}.sr-clear-btn{margin-top:4px;padding:6px 16px;border:1px solid #e8e8e8;border-radius:8px;background:#f4f4f4;font-size:12px;font-weight:700;color:#111;cursor:pointer;transition:background .15s}.sr-clear-btn:hover{background:#111;color:#fff;border-color:#111}@media(max-width:768px){.sr-header{flex-direction:column;gap:14px}.sr-grid{grid-template-columns:1fr}}[data-theme=dark] .sr-title{color:#f0f0f0}[data-theme=dark] .sr-subtitle{color:#555}[data-theme=dark] .sr-header{border-bottom-color:#2a2a2a}[data-theme=dark] .sr-search-wrap{background:#1e1e1e;border-color:#2a2a2a;color:#555}[data-theme=dark] .sr-search{color:#e0e0e0}[data-theme=dark] .sr-tab{background:#1e1e1e;border-color:#2a2a2a;color:#555}[data-theme=dark] .sr-tab:hover{border-color:#f0f0f0;color:#f0f0f0}[data-theme=dark] .sr-tab.active{background:#f0f0f0;color:#111;border-color:#f0f0f0}[data-theme=dark] .sr-empty h3{color:#f0f0f0}[data-theme=dark] .sr-empty p{color:#555}.class-overview{padding:0}.co-card{background:#fff;border:1px solid #e8e8e8;border-radius:16px;overflow:hidden;width:100%;box-sizing:border-box}.co-banner{position:relative;height:80px;background:#111;overflow:hidden}.co-banner:before{content:"";position:absolute;width:160px;height:160px;border-radius:50%;border:28px solid rgba(255,255,255,.05);top:-70px;right:-40px;pointer-events:none}.co-banner:after{content:"";position:absolute;width:50px;height:50px;border-radius:8px;border:1.5px solid rgba(255,255,255,.07);bottom:-18px;right:100px;transform:rotate(18deg);pointer-events:none}.co-banner-deco{position:absolute;width:80px;height:80px;border-radius:50%;border:12px solid rgba(255,255,255,.04);bottom:-30px;left:-20px;pointer-events:none}.co-header{padding:0 20px 16px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.co-header-left{display:flex;align-items:flex-end;gap:14px;flex:1;min-width:0}.co-icon-wrap{position:relative;margin-top:-40px;flex-shrink:0;width:80px;height:80px;border-radius:20px;background:#f4f4f4;border:3px solid #ffffff;box-shadow:0 4px 12px #0000001f;display:flex;align-items:center;justify-content:center}.co-header-text{flex:1;min-width:0;padding-top:8px}.co-header-text h3{margin:0 0 4px;font-size:17px;font-weight:800;color:#111;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-subtitle{margin:0 0 6px;font-size:12px;color:#888;font-weight:600}.co-badges{display:flex;gap:6px;flex-wrap:wrap}.co-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:#f0f0f0;color:#555}.co-badge.active{background:#dcfce7;color:#166534}.co-badge.inactive{background:#fecaca;color:#991b1b}.co-header-actions{flex-shrink:0;padding-top:8px}.co-body{padding:0 20px 20px;display:flex;flex-direction:column;gap:20px}.co-section-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#888;padding-bottom:8px;border-bottom:1px solid #f0f0f0;margin:0 0 12px;display:block}.co-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px 14px}.co-actions-wrap{position:relative;flex-shrink:0;padding-top:8px}.co-actions-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:8px;border:1px solid #e8e8e8;background:#f4f4f4;font-size:12px;font-weight:700;color:#111;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.co-actions-btn:hover{background:#111;color:#fff;border-color:#111}.co-dropdown{position:absolute;top:calc(100% + 6px);right:0;background:#fff;border:1px solid #e8e8e8;border-radius:12px;box-shadow:0 8px 24px #0000001f;min-width:200px;z-index:9999;overflow:hidden;animation:co-fade-in .15s ease-out}@keyframes co-fade-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.co-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:11px 16px;border:none;background:transparent;font-size:13px;font-weight:600;color:#111;cursor:pointer;transition:background .15s;text-align:left}.co-dropdown-item:hover{background:#f4f4f4}.co-dropdown-item.danger{color:#c33}.co-dropdown-item.danger:hover{background:#fff0f0}.co-dropdown-item.success{color:#16a34a}.co-dropdown-item.success:hover{background:#f0fdf4}.co-dropdown-divider{height:1px;background:#f0f0f0;margin:4px 0}.co-confirm-container{display:flex;flex-direction:column;height:100%;overflow:hidden;background:#fff}.co-confirm-header{position:relative;padding:22px 24px 20px;flex-shrink:0;overflow:hidden}.co-confirm-header.danger{background:#c33}.co-confirm-header.success{background:#16a34a}.co-confirm-header:before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;border:18px solid rgba(255,255,255,.07);top:-40px;right:-24px;pointer-events:none}.co-confirm-header-deco{position:absolute;width:60px;height:60px;border-radius:50%;border:10px solid rgba(255,255,255,.05);bottom:-20px;left:-12px;pointer-events:none}.co-confirm-header-content{position:relative;z-index:1;display:flex;align-items:center;gap:14px}.co-confirm-header-icon{width:40px;height:40px;border-radius:10px;background:#ffffff26;border:1px solid rgba(255,255,255,.22);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.co-confirm-header-text h3{margin:0 0 3px;font-size:14px;font-weight:800;color:#fff;letter-spacing:-.01em}.co-confirm-header-text p{margin:0;font-size:12px;color:#fff9}.co-confirm-body{flex:1;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:14px}.co-confirm-body::-webkit-scrollbar{width:3px}.co-confirm-body::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:2px}.co-confirm-class-name{padding:14px 16px;background:#f4f4f4;border:1px solid #e8e8e8;border-radius:10px;font-size:15px;font-weight:800;color:#111}.co-confirm-warn{padding:11px 14px;border-radius:8px;font-size:12px;font-weight:600;line-height:1.5}.co-confirm-warn.danger{background:#fef9c3;border:1px solid #fde68a;border-left:3px solid #f59e0b;color:#854d0e}.co-confirm-warn.success{background:#f0fdf4;border:1px solid #bbf7d0;border-left:3px solid #22c55e;color:#166534}.co-confirm-effects-title{margin:0 0 8px;font-size:12px;font-weight:700;color:#555}.co-confirm-effects{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:4px}.co-confirm-effects li{font-size:12px;color:#888;line-height:1.5}.co-confirm-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 24px;border-top:1px solid #e8e8e8;background:#f7f7f7;flex-shrink:0}@media(max-width:640px){.co-header{flex-direction:column;align-items:flex-start}.co-header-actions{padding-top:0}.co-grid{grid-template-columns:1fr 1fr}}@media(max-width:400px){.co-grid{grid-template-columns:1fr}}[data-theme=dark] .co-card{background:#1a1a1a;border-color:#2a2a2a}[data-theme=dark] .co-banner{background:#0a0a0a}[data-theme=dark] .co-icon-wrap{background:#252525;border-color:#1a1a1a}[data-theme=dark] .co-header-text h3{color:#f0f0f0}[data-theme=dark] .co-subtitle{color:#555}[data-theme=dark] .co-badge{background:#252525;color:#888}[data-theme=dark] .co-actions-btn{background:#252525;border-color:#3a3a3a;color:#e0e0e0}[data-theme=dark] .co-actions-btn:hover{background:#f0f0f0;color:#111;border-color:#f0f0f0}[data-theme=dark] .co-dropdown{background:#1e1e1e;border-color:#2a2a2a;box-shadow:0 8px 24px #0006}[data-theme=dark] .co-dropdown-item{color:#e0e0e0}[data-theme=dark] .co-dropdown-item:hover{background:#252525}[data-theme=dark] .co-dropdown-item.danger{color:#f87171}[data-theme=dark] .co-dropdown-item.danger:hover{background:#2a1a1a}[data-theme=dark] .co-dropdown-item.success{color:#4ade80}[data-theme=dark] .co-dropdown-item.success:hover{background:#052e16}[data-theme=dark] .co-dropdown-divider{background:#2a2a2a}[data-theme=dark] .co-section-title{color:#555;border-bottom-color:#2a2a2a}[data-theme=dark] .co-confirm-container,[data-theme=dark] .co-confirm-body{background:#1a1a1a}[data-theme=dark] .co-confirm-body::-webkit-scrollbar-thumb{background:#2a2a2a}[data-theme=dark] .co-confirm-class-name{background:#1e1e1e;border-color:#2a2a2a;color:#f0f0f0}[data-theme=dark] .co-confirm-effects-title{color:#888}[data-theme=dark] .co-confirm-effects li{color:#555}[data-theme=dark] .co-confirm-footer{background:#1e1e1e;border-top-color:#2a2a2a}.slm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:100000;display:flex;align-items:center;justify-content:center;padding:20px;animation:slmFadeIn .2s ease}@keyframes slmFadeIn{0%{opacity:0}to{opacity:1}}.slm-modal{position:relative;background:#fff;border-radius:16px;padding:40px 32px 32px;max-width:420px;width:100%;text-align:center;box-shadow:0 20px 60px #0003;animation:slmSlideUp .2s ease}@keyframes slmSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slm-close{position:absolute;top:14px;right:14px;background:none;border:none;cursor:pointer;color:#9ca3af;padding:4px;border-radius:4px;display:flex;align-items:center}.slm-close:hover{color:#374151;background:#f3f4f6}.slm-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#fef3c7,#fde68a);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;box-shadow:0 4px 16px #f59e0b4d}.slm-title{font-size:20px;font-weight:800;color:#111827;margin:0 0 10px}.slm-message{font-size:14px;color:#6b7280;line-height:1.6;margin:0 0 28px}.slm-actions{display:flex;gap:10px;justify-content:center}.slm-cancel{padding:10px 20px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s}.slm-cancel:hover{background:#f9fafb}.slm-upgrade{display:inline-flex;align-items:center;gap:7px;padding:10px 22px;border-radius:8px;border:none;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:opacity .15s,transform .15s;box-shadow:0 2px 8px #f59e0b66}.slm-upgrade:hover{opacity:.9;transform:translateY(-1px)}.classTimetable{max-width:100%}.ctHeader{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:20px;border-bottom:1px solid #e8e8e8;margin-bottom:20px;gap:16px}.ctHeaderLeft{flex:1;display:flex;flex-direction:column;gap:3px}.ctTitle{margin:0;font-size:20px;font-weight:800;color:#111;letter-spacing:-.02em}.ctSubtitle{margin:0;font-size:12px;color:#888;font-weight:600}.ctHeaderRight{flex-shrink:0}.ctTimetableContainer{border-radius:12px;overflow:hidden}.ctEmptyState{display:flex;justify-content:center;align-items:center;min-height:360px;padding:40px 20px}.ctEmptyContent{text-align:center;max-width:380px;display:flex;flex-direction:column;align-items:center;gap:10px}.ctEmptyIcon{width:64px;height:64px;border-radius:20px;background:#f4f4f4;display:flex;align-items:center;justify-content:center;color:#ccc}.ctEmptyTitle{margin:0;font-size:15px;font-weight:800;color:#111}.ctEmptyMessage{margin:0;font-size:13px;color:#888;line-height:1.5}.ct-error{padding:12px 16px;background:#fff0f0;border:1px solid #fca5a5;border-left:3px solid #cc3333;border-radius:8px;font-size:13px;font-weight:600;color:#c33}@media(max-width:640px){.ctHeader{flex-direction:column;gap:14px}}[data-theme=dark] .ctTitle{color:#f0f0f0}[data-theme=dark] .ctSubtitle{color:#555}[data-theme=dark] .ctHeader{border-bottom-color:#2a2a2a}[data-theme=dark] .ctEmptyIcon{background:#252525;color:#3a3a3a}[data-theme=dark] .ctEmptyTitle{color:#f0f0f0}[data-theme=dark] .ctEmptyMessage{color:#555}.classAttendance{max-width:100%}.caHeader{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:20px;border-bottom:1px solid #e8e8e8;margin-bottom:20px;gap:16px}.caHeaderContent{flex:1;display:flex;flex-direction:column;gap:3px}.caHeaderLeft{display:flex;align-items:center;gap:10px}.caHeaderActions{flex-shrink:0}.caTitle{margin:0;font-size:20px;font-weight:800;color:#111;letter-spacing:-.02em}.caSubtitle{margin:0;font-size:12px;color:#888;font-weight:600}.caTableContainer{width:100%;overflow:hidden}.ca-error{padding:12px 16px;background:#fff0f0;border:1px solid #fca5a5;border-left:3px solid #cc3333;border-radius:8px;font-size:13px;font-weight:600;color:#c33}@media(max-width:640px){.caHeader{flex-direction:column;gap:14px}}[data-theme=dark] .caTitle{color:#f0f0f0}[data-theme=dark] .caSubtitle{color:#555}[data-theme=dark] .caHeader{border-bottom-color:#2a2a2a}.att_root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;background:#fff;border:1px solid #e8e8e8;border-radius:14px;overflow:hidden}.att_legend_row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid #f0f0f0;background:#fafafa;flex-wrap:wrap}.att_topbar,.att_top_center{display:flex;gap:8px;align-items:center}.att_filter,.att_search{padding:7px 10px;border-radius:8px;border:1px solid #e8e8e8;font-size:12px;font-weight:600;color:#111;background:#fff;outline:none;transition:border-color .15s}.att_filter:focus,.att_search:focus{border-color:#111}.att_legend_right{display:flex;gap:8px;align-items:center}.att_bulk_action_bar{display:flex;justify-content:space-between;align-items:center;background:#f7f7f7;border:1px solid #e8e8e8;padding:8px 14px;border-radius:8px;margin:8px 14px;gap:16px;font-size:12px;font-weight:700;color:#111}.att_bulk_actions{display:flex;gap:8px}.att_table_container{display:flex;width:100%;background:#fff;overflow:hidden}.att_sticky_columns{flex-shrink:0;background:#fff;border-right:2px solid #e8e8e8;z-index:10}.att_sticky_table{width:100%;border-collapse:collapse;background:#fff}.att_sticky_table thead th{background:#f7f7f7;padding:10px 12px;border-bottom:1px solid #e8e8e8;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#888;height:40px;vertical-align:middle;white-space:nowrap}.att_sticky_table td{padding:8px 12px;border-bottom:1px solid #f0f0f0;vertical-align:middle;height:42px;box-sizing:border-box;font-size:13px;color:#333}.att_sticky_table tfoot td{background:#f7f7f7;border-top:1px solid #e8e8e8;font-weight:700}.att_select_col{width:32px;text-align:center;padding-left:8px!important;padding-right:8px!important}.att_col_id{width:60px;padding-left:12px!important;padding-right:12px!important;text-align:left;font-family:monospace;font-size:11px;color:#888}.att_col_name{width:140px;max-width:200px;padding-left:12px!important;padding-right:12px!important;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700;color:#111}.att_scrollable_columns{flex:1;min-width:0;overflow-x:auto}.att_scrollable_columns::-webkit-scrollbar{height:4px}.att_scrollable_columns::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:2px}.att_scrollable_table{width:max-content;min-width:100%;border-collapse:collapse}.att_scrollable_table thead th{background:#f7f7f7;padding:5px 8px;border-bottom:1px solid #e8e8e8;text-align:center;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#888;height:20px;vertical-align:middle;white-space:nowrap}.att_scrollable_table td{padding:6px 8px;border-bottom:1px solid #f0f0f0;text-align:center;vertical-align:middle;height:42px;box-sizing:border-box}.att_scrollable_table tfoot td{background:#f7f7f7;border-top:1px solid #e8e8e8;font-weight:700}.att_year_header{background:#f0f0f0;color:#555;font-weight:800;font-size:11px;text-align:center;border-bottom:1px solid #e8e8e8;height:20px;white-space:nowrap;text-transform:uppercase;letter-spacing:.06em}.att_year_analytics{background:#f7f7f7;color:#888;border-left:2px solid #e8e8e8}.att_date_col{min-width:52px}.att_date_header{display:flex;flex-direction:column;align-items:center;gap:2px}.att_date_label{font-size:10px;font-weight:700;color:#555;white-space:nowrap}.att_date_cell{cursor:pointer;transition:background .1s}.att_date_cell:hover{background:#f7f7f7}.att_cell_inner{display:flex;align-items:center;justify-content:center;gap:4px}.att_dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.att_label{font-weight:800;font-size:11px}.att_st-present{background:#f0fdf4}.att_st-present .att_dot{background:#22c55e}.att_st-present .att_label{color:#16a34a}.att_st-absent{background:#fef2f2}.att_st-absent .att_dot{background:#ef4444}.att_st-absent .att_label{color:#dc2626}.att_st-excused{background:#fffbeb}.att_st-excused .att_dot{background:#f59e0b}.att_st-excused .att_label{color:#d97706}.att_analytics_col{padding:6px 10px;border-bottom:1px solid #f0f0f0;text-align:center;font-size:12px;font-weight:700;color:#555;border-left:1px solid #f0f0f0}.att_row_selected td{background:#f0f0f0!important}.att_sticky_table th,.att_sticky_table td,.att_scrollable_table th,.att_scrollable_table td{border-right:1px solid #f0f0f0}.att_footer{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-top:1px solid #f0f0f0;background:#fafafa;gap:12px;flex-wrap:wrap}.att_footer_center{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:700;color:#888}.att_pager_controls{display:flex;gap:6px}.att_pager_controls button{padding:5px 10px;border-radius:7px;border:1px solid #e8e8e8;background:#fff;cursor:pointer;font-size:14px;font-weight:700;color:#111;transition:background .15s}.att_pager_controls button:hover:not(:disabled){background:#f0f0f0}.att_pager_controls button:disabled{opacity:.35;cursor:not-allowed}.att_legend_chips{display:flex;gap:8px;align-items:center}.att_chip{display:flex;gap:6px;align-items:center;padding:4px 10px;border-radius:20px;background:#f4f4f4;border:1px solid #e8e8e8;font-size:11px;font-weight:700;color:#555}.att_green{background:#22c55e}.att_red{background:#ef4444}.att_amber{background:#f59e0b}.att_btn{padding:6px 12px;border-radius:8px;border:1px solid #e8e8e8;background:#f4f4f4;font-size:12px;font-weight:700;color:#111;cursor:pointer;transition:background .15s}.att_btn:hover,.att_btn-primary{background:#111;color:#fff;border-color:#111}.att_btn-primary:hover{background:#333}.att_btn-danger{background:#fef2f2;color:#c33;border-color:#fca5a5}.att_btn-danger:hover{background:#c33;color:#fff;border-color:#c33}.att_modal_backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:9999;animation:att-ov-in .15s ease}@keyframes att-ov-in{0%{opacity:0}to{opacity:1}}.att_modal_dialog{width:100%;max-width:440px;background:#fff;border-radius:16px;box-shadow:0 20px 48px #0000002e;overflow:hidden;animation:att-pop-in .15s ease}@keyframes att-pop-in{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.att_modal_dialog h3{margin:0;padding:18px 20px 16px;font-size:14px;font-weight:800;color:#fff;background:#111;letter-spacing:-.01em}.att_modal_dialog p{margin:0;padding:14px 20px 0;font-size:13px;color:#555;line-height:1.5}.att_modal_controls{padding:14px 20px 0}.att_modal_actions{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid #f0f0f0;background:#f7f7f7;margin-top:14px}.att_label{display:block;margin-top:10px;margin-bottom:5px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#888}.att_full{width:100%;padding:8px 10px;border-radius:8px;border:1px solid #e8e8e8;font-size:13px;font-weight:500;color:#111;background:#fafafa;outline:none;box-sizing:border-box;transition:border-color .15s}.att_full:focus{border-color:#111;background:#fff}.att_export_columns{display:flex;gap:14px;padding:0 20px;font-size:13px;font-weight:600;color:#555}[data-theme=dark] .att_root{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .att_legend_row{background:#252525;border-bottom-color:#2a2a2a}[data-theme=dark] .att_filter,[data-theme=dark] .att_search{background:#1e1e1e;border-color:#3a3a3a;color:#e0e0e0}[data-theme=dark] .att_filter:focus,[data-theme=dark] .att_search:focus{border-color:#f0f0f0}[data-theme=dark] .att_bulk_action_bar{background:#252525;border-color:#2a2a2a;color:#e0e0e0}[data-theme=dark] .att_table_container{background:#1e1e1e}[data-theme=dark] .att_sticky_columns{background:#1e1e1e;border-right-color:#2a2a2a}[data-theme=dark] .att_sticky_table{background:#1e1e1e}[data-theme=dark] .att_sticky_table thead th{background:#252525;border-bottom-color:#2a2a2a;color:#555}[data-theme=dark] .att_sticky_table td{border-bottom-color:#2a2a2a;color:#ccc}[data-theme=dark] .att_col_id{color:#555}[data-theme=dark] .att_col_name{color:#f0f0f0}[data-theme=dark] .att_scrollable_columns::-webkit-scrollbar-thumb{background:#2a2a2a}[data-theme=dark] .att_scrollable_table thead th{background:#252525;border-bottom-color:#2a2a2a;color:#555}[data-theme=dark] .att_scrollable_table td{border-bottom-color:#2a2a2a}[data-theme=dark] .att_year_header{background:#2a2a2a;color:#555;border-bottom-color:#3a3a3a}[data-theme=dark] .att_year_analytics{background:#252525;border-left-color:#2a2a2a}[data-theme=dark] .att_date_label{color:#888}[data-theme=dark] .att_date_cell:hover{background:#252525}[data-theme=dark] .att_st-present{background:#052e16}[data-theme=dark] .att_st-absent{background:#2d0a0a}[data-theme=dark] .att_st-excused{background:#1c1200}[data-theme=dark] .att_analytics_col{color:#888;border-color:#2a2a2a}[data-theme=dark] .att_row_selected td{background:#252525!important}[data-theme=dark] .att_sticky_table th,[data-theme=dark] .att_sticky_table td,[data-theme=dark] .att_scrollable_table th,[data-theme=dark] .att_scrollable_table td{border-right-color:#2a2a2a}[data-theme=dark] .att_footer{background:#252525;border-top-color:#2a2a2a}[data-theme=dark] .att_footer_center{color:#555}[data-theme=dark] .att_pager_controls button{background:#1e1e1e;border-color:#3a3a3a;color:#e0e0e0}[data-theme=dark] .att_pager_controls button:hover:not(:disabled){background:#2a2a2a}[data-theme=dark] .att_chip{background:#252525;border-color:#2a2a2a;color:#888}[data-theme=dark] .att_btn{background:#252525;border-color:#3a3a3a;color:#e0e0e0}[data-theme=dark] .att_btn:hover{background:#f0f0f0;color:#111;border-color:#f0f0f0}[data-theme=dark] .att_modal_dialog{background:#1a1a1a}[data-theme=dark] .att_modal_dialog p{color:#888}[data-theme=dark] .att_modal_actions{background:#1e1e1e;border-top-color:#2a2a2a}[data-theme=dark] .att_full{background:#252525;border-color:#3a3a3a;color:#e0e0e0}[data-theme=dark] .att_full:focus{border-color:#f0f0f0;background:#2a2a2a}[data-theme=dark] .att_export_columns{color:#888}.map_panel{display:flex;flex-direction:column;flex:1;min-height:0;background:#fff}.map_header{position:relative;padding:22px 24px 20px;background:#111;flex-shrink:0;overflow:hidden}.map_header:before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;border:18px solid rgba(255,255,255,.05);top:-40px;right:-24px;pointer-events:none}.map_header_deco{position:absolute;width:60px;height:60px;border-radius:50%;border:10px solid rgba(255,255,255,.04);bottom:0;left:-12px;pointer-events:none}.map_header_top{position:relative;z-index:1;display:flex;align-items:flex-start;gap:14px}.map_header_icon{width:40px;height:40px;border-radius:10px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.map_header_text{flex:1}.map_title{margin:0 0 3px;font-size:14px;font-weight:800;color:#fff;letter-spacing:-.01em}.map_subtitle{margin:0;font-size:12px;color:#ffffff80}.map_date_row{padding:12px 20px;border-bottom:1px solid #e8e8e8;flex-shrink:0;display:flex;align-items:center;gap:12px;background:#f7f7f7}.map_date_label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#888;white-space:nowrap}.map_date_input{border:1px solid #e8e8e8;border-radius:8px;padding:7px 10px;font-size:13px;font-weight:600;color:#111;background:#fff;outline:none;transition:border-color .15s;cursor:pointer}.map_date_input:focus{border-color:#111}.map_bulk_row{padding:10px 20px;border-bottom:1px solid #e8e8e8;flex-shrink:0;display:flex;align-items:center;gap:10px;background:#fafafa}.map_bulk_label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#888;white-space:nowrap}.map_bulk_btns{display:flex;gap:6px}.map_bulk_btn{font-size:11px;font-weight:700;padding:4px 12px;border-radius:20px;border:1px solid transparent;cursor:pointer;transition:opacity .15s}.map_bulk_btn:hover{opacity:.8}.map_bulk_present{background:#f0fdf4;color:#16a34a;border-color:#86efac}.map_bulk_absent{background:#fef2f2;color:#dc2626;border-color:#fca5a5}.map_bulk_excused{background:#fffbeb;color:#d97706;border-color:#fcd34d}.map_list_container{flex:1;min-height:0;overflow-y:auto}.map_list_container::-webkit-scrollbar{width:3px}.map_list_container::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:2px}.map_list{display:flex;flex-direction:column}.map_empty{text-align:center;color:#888;padding:40px 20px;font-size:13px;font-weight:600}.map_row{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;border-bottom:1px solid #f0f0f0;gap:12px;transition:background .1s}.map_row:hover{background:#f7f7f7}.map_student_info{display:flex;flex-direction:column;gap:1px;min-width:0}.map_student_name{font-size:13px;font-weight:700;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.map_student_id{font-size:10px;color:#aaa;font-family:monospace}.map_status_btns{display:flex;gap:4px;flex-shrink:0}.map_status_btn{width:30px;height:30px;border-radius:7px;border:1.5px solid #e8e8e8;font-size:12px;font-weight:800;cursor:pointer;transition:all .12s;background:#f4f4f4;color:#888}.map_status_btn:hover{border-color:#ccc}.map_status_present.map_status_active{background:#f0fdf4!important;color:#16a34a!important;border-color:#86efac!important}.map_status_absent.map_status_active{background:#fef2f2!important;color:#dc2626!important;border-color:#fca5a5!important}.map_status_excused.map_status_active{background:#fffbeb!important;color:#d97706!important;border-color:#fcd34d!important}.map_status_present:not(.map_status_active):hover{background:#f0fdf4;color:#16a34a}.map_status_absent:not(.map_status_active):hover{background:#fef2f2;color:#dc2626}.map_status_excused:not(.map_status_active):hover{background:#fffbeb;color:#d97706}.map_footer{padding:12px 20px;border-top:1px solid #e8e8e8;background:#f7f7f7;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:12px}.map_error{font-size:12px;color:#c33;font-weight:700;margin:0}.map_footer_info{font-size:12px;color:#888;font-weight:600}.map_footer_actions{display:flex;gap:8px}[data-theme=dark] .map_panel{background:#1a1a1a}[data-theme=dark] .map_header{background:#0a0a0a}[data-theme=dark] .map_date_row{background:#1e1e1e;border-bottom-color:#2a2a2a}[data-theme=dark] .map_date_label{color:#555}[data-theme=dark] .map_date_input{background:#252525;border-color:#3a3a3a;color:#e0e0e0}[data-theme=dark] .map_date_input:focus{border-color:#f0f0f0}[data-theme=dark] .map_bulk_row{background:#1a1a1a;border-bottom-color:#2a2a2a}[data-theme=dark] .map_bulk_label{color:#555}[data-theme=dark] .map_list_container::-webkit-scrollbar-thumb{background:#2a2a2a}[data-theme=dark] .map_row{border-bottom-color:#2a2a2a}[data-theme=dark] .map_row:hover{background:#252525}[data-theme=dark] .map_student_name{color:#f0f0f0}[data-theme=dark] .map_student_id{color:#3a3a3a}[data-theme=dark] .map_status_btn{background:#252525;border-color:#3a3a3a;color:#555}[data-theme=dark] .map_status_present.map_status_active{background:#052e16!important;color:#4ade80!important;border-color:#166534!important}[data-theme=dark] .map_status_absent.map_status_active{background:#2d0a0a!important;color:#f87171!important;border-color:#991b1b!important}[data-theme=dark] .map_status_excused.map_status_active{background:#1c1200!important;color:#fbbf24!important;border-color:#92400e!important}[data-theme=dark] .map_footer{background:#1e1e1e;border-top-color:#2a2a2a}[data-theme=dark] .map_footer_info{color:#555}.classHeadmaster{max-width:100%}.headmasterHeader{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:20px;border-bottom:1px solid #e8e8e8;margin-bottom:24px;gap:16px}.headmasterHeaderLeft{flex:1;display:flex;flex-direction:column;gap:3px}.headmasterTitle{margin:0;font-size:20px;font-weight:800;color:#111;letter-spacing:-.02em}.headmasterSubtitle{margin:0;font-size:12px;color:#888;font-weight:600}.headmasterHeaderRight{flex-shrink:0}.currentAssignmentCard{background:#fff;border:1px solid #e8e8e8;border-radius:16px;overflow:hidden;margin-bottom:24px}.chm-banner{position:relative;height:72px;background:#111;overflow:hidden;flex-shrink:0}.chm-banner:before{content:"";position:absolute;width:160px;height:160px;border-radius:50%;border:28px solid rgba(255,255,255,.05);top:-70px;right:-40px;pointer-events:none}.chm-banner:after{content:"";position:absolute;width:50px;height:50px;border-radius:8px;border:1.5px solid rgba(255,255,255,.07);bottom:-18px;right:100px;transform:rotate(18deg);pointer-events:none}.chm-banner-deco{position:absolute;width:80px;height:80px;border-radius:50%;border:12px solid rgba(255,255,255,.04);bottom:-30px;left:-20px;pointer-events:none}.chm-card-header{padding:0 22px 18px;display:flex;align-items:flex-end;justify-content:space-between;gap:14px}.chm-avatar-wrap{position:relative;margin-top:-36px;flex-shrink:0}.chm-avatar{width:72px;height:72px;border-radius:18px;background:#111;color:#fff;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:800;text-transform:uppercase;border:3px solid #ffffff;box-shadow:0 4px 12px #0000001f}.chm-card-name-wrap{flex:1;min-width:0;padding-top:8px}.chm-teacher-name{margin:0 0 3px;font-size:16px;font-weight:800;color:#111;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chm-teacher-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.chm-teacher-title{font-size:12px;font-weight:600;color:#888}.chm-active-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:#dcfce7;color:#166534}.chm-active-dot{width:6px;height:6px;border-radius:50%;background:#22c55e}.chm-card-actions{display:flex;gap:8px;align-items:center;flex-shrink:0;padding-top:8px}.chm-contact-btn{width:34px;height:34px;border-radius:8px;border:1px solid #e8e8e8;background:#f4f4f4;display:flex;align-items:center;justify-content:center;color:#555;text-decoration:none;transition:background .15s,color .15s,border-color .15s;cursor:pointer}.chm-contact-btn:hover{background:#111;color:#fff;border-color:#111}.chm-card-body{padding:0 22px 20px}.chm-section-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#888;padding-bottom:8px;border-bottom:1px solid #f0f0f0;margin:0 0 14px;display:block}.chm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px 14px}.chm-notes{margin-top:14px;padding:12px 14px;background:#f7f7f7;border:1px solid #e8e8e8;border-radius:8px;font-size:13px;color:#555;line-height:1.6}.chm-empty{background:#fff;border:1px solid #e8e8e8;border-radius:16px;padding:60px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:24px}.chm-empty-icon{width:64px;height:64px;border-radius:20px;background:#f4f4f4;display:flex;align-items:center;justify-content:center;color:#ccc}.chm-empty h3{margin:0;font-size:15px;font-weight:800;color:#111}.chm-empty p{margin:0;font-size:13px;color:#888}.chm-history{margin-top:0}.chm-history-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#888;padding-bottom:8px;border-bottom:1px solid #f0f0f0;margin:0 0 14px;display:block}.chm-history-list{display:flex;flex-direction:column;gap:10px}.chm-history-card{background:#fff;border:1px solid #e8e8e8;border-radius:12px;padding:14px 16px;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;transition:box-shadow .15s}.chm-history-card:hover{box-shadow:0 2px 10px #0000000f}.chm-history-left{display:flex;align-items:flex-start;gap:12px;flex:1;min-width:0}.chm-history-avatar{width:38px;height:38px;border-radius:10px;background:#f0f0f0;color:#888;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;text-transform:uppercase;flex-shrink:0}.chm-history-name{margin:0 0 2px;font-size:13px;font-weight:800;color:#111}.chm-history-role{margin:0 0 4px;font-size:11px;color:#888;font-weight:600}.chm-history-dates{margin:0;font-size:11px;color:#aaa;font-weight:600}.chm-history-email{margin:4px 0 0;font-size:11px;color:#aaa}.chm-history-notes{margin:6px 0 0;font-size:12px;color:#888;font-style:italic}.chm-inactive-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:#f0f0f0;color:#888;flex-shrink:0}.chm-panel{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;background:#fff}.chm-panel-header{position:relative;padding:22px 24px 20px;background:#111;flex-shrink:0;overflow:hidden}.chm-panel-header:before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;border:18px solid rgba(255,255,255,.05);top:-40px;right:-24px;pointer-events:none}.chm-panel-header-deco{position:absolute;width:60px;height:60px;border-radius:50%;border:10px solid rgba(255,255,255,.04);bottom:-20px;left:-12px;pointer-events:none}.chm-panel-header-content{position:relative;z-index:1;display:flex;align-items:flex-start;gap:14px}.chm-panel-header-icon{width:40px;height:40px;border-radius:10px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.chm-panel-header-text h2{margin:0 0 3px;font-size:14px;font-weight:800;color:#fff;letter-spacing:-.01em}.chm-panel-header-text p{margin:0;font-size:12px;color:#ffffff80}@media(max-width:640px){.headmasterHeader{flex-direction:column;gap:14px}.chm-grid{grid-template-columns:1fr 1fr}.chm-card-header{flex-direction:column;align-items:flex-start}}@media(max-width:400px){.chm-grid{grid-template-columns:1fr}}[data-theme=dark] .headmasterTitle{color:#f0f0f0}[data-theme=dark] .headmasterSubtitle{color:#555}[data-theme=dark] .headmasterHeader{border-bottom-color:#2a2a2a}[data-theme=dark] .currentAssignmentCard{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .chm-banner{background:#0a0a0a}[data-theme=dark] .chm-avatar{background:#f0f0f0;color:#111;border-color:#1e1e1e}[data-theme=dark] .chm-teacher-name{color:#f0f0f0}[data-theme=dark] .chm-teacher-title{color:#555}[data-theme=dark] .chm-contact-btn{background:#252525;border-color:#3a3a3a;color:#888}[data-theme=dark] .chm-contact-btn:hover{background:#f0f0f0;color:#111;border-color:#f0f0f0}[data-theme=dark] .chm-section-title{color:#555;border-bottom-color:#2a2a2a}[data-theme=dark] .chm-notes{background:#252525;border-color:#2a2a2a;color:#888}[data-theme=dark] .chm-empty{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .chm-empty-icon{background:#252525;color:#3a3a3a}[data-theme=dark] .chm-empty h3{color:#f0f0f0}[data-theme=dark] .chm-empty p{color:#555}[data-theme=dark] .chm-history-title{color:#555;border-bottom-color:#2a2a2a}[data-theme=dark] .chm-history-card{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .chm-history-avatar{background:#2a2a2a;color:#555}[data-theme=dark] .chm-history-name{color:#f0f0f0}[data-theme=dark] .chm-history-role{color:#555}[data-theme=dark] .chm-history-dates,[data-theme=dark] .chm-history-email{color:#3a3a3a}[data-theme=dark] .chm-history-notes{color:#555}[data-theme=dark] .chm-inactive-badge{background:#252525;color:#555}[data-theme=dark] .chm-panel{background:#1a1a1a}[data-theme=dark] .chm-panel-header{background:#0a0a0a}.headmaster-assignment{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;background:#fff}.ha-header{position:relative;padding:22px 24px 20px;background:#111;flex-shrink:0;overflow:hidden}.ha-header:before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;border:18px solid rgba(255,255,255,.05);top:-40px;right:-24px;pointer-events:none}.ha-header-deco{position:absolute;width:60px;height:60px;border-radius:50%;border:10px solid rgba(255,255,255,.04);bottom:-20px;left:-12px;pointer-events:none}.ha-header-content{position:relative;z-index:1;display:flex;align-items:flex-start;gap:14px}.ha-header-icon{width:40px;height:40px;border-radius:10px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.ha-title{margin:0 0 3px;font-size:14px;font-weight:800;color:#fff;letter-spacing:-.01em}.ha-subtitle{margin:0;font-size:12px;color:#ffffff80}.ha-current-notice{display:flex;align-items:flex-start;gap:10px;padding:12px 24px;background:#fffbeb;border-bottom:1px solid #fde68a;border-left:3px solid #f59e0b;color:#854d0e;font-size:12px;font-weight:600;line-height:1.5;flex-shrink:0}.ha-content{flex:1;min-height:0;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:16px}.ha-content::-webkit-scrollbar{width:3px}.ha-content::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:2px}.ha-form-section{display:flex;flex-direction:column;gap:5px}.ha-form-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#888}.ha-form-textarea{padding:9px 12px;border:1px solid #e8e8e8;border-radius:8px;font-size:13px;font-weight:500;color:#111;background:#fafafa;resize:vertical;min-height:90px;font-family:inherit;outline:none;transition:border-color .15s,background .15s;box-sizing:border-box;width:100%}.ha-form-textarea::placeholder{color:#aaa}.ha-form-textarea:focus{border-color:#111;background:#fff}.ha-selected-teacher{background:#f7f7f7;border:1px solid #e8e8e8;border-radius:12px;overflow:hidden}.ha-selected-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#888;padding:10px 14px;border-bottom:1px solid #e8e8e8;display:block;background:#f0f0f0}.ha-teacher-card{padding:14px}.ha-teacher-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.ha-teacher-avatar{width:40px;height:40px;border-radius:10px;background:#111;color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;text-transform:uppercase;flex-shrink:0}.ha-teacher-main{flex:1;min-width:0}.ha-teacher-name{margin:0 0 2px;font-size:13px;font-weight:800;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ha-teacher-title{margin:0 0 2px;font-size:11px;font-weight:600;color:#888}.ha-teacher-department{margin:0;font-size:11px;color:#aaa}.ha-teacher-meta{display:flex;flex-direction:column;gap:4px;align-items:flex-end;flex-shrink:0}.ha-teacher-experience{font-size:10px;font-weight:700;background:#f0fdf4;color:#16a34a;padding:2px 8px;border-radius:20px}.ha-teacher-id{font-size:10px;color:#aaa;font-weight:600;font-family:monospace}.ha-teacher-contact{display:flex;gap:14px;flex-wrap:wrap;padding-top:10px;border-top:1px solid #e8e8e8}.ha-contact-item{display:flex;align-items:center;gap:5px;font-size:11px;color:#888;font-weight:600}.ha-actions{display:flex;justify-content:flex-end;gap:10px;padding:14px 24px;border-top:1px solid #e8e8e8;background:#f7f7f7;flex-shrink:0}[data-theme=dark] .headmaster-assignment{background:#1a1a1a}[data-theme=dark] .ha-header{background:#0a0a0a}[data-theme=dark] .ha-current-notice{background:#1c1200;border-bottom-color:#3a2a00;border-left-color:#f59e0b;color:#fcd34d}[data-theme=dark] .ha-content{background:#1a1a1a}[data-theme=dark] .ha-content::-webkit-scrollbar-thumb{background:#2a2a2a}[data-theme=dark] .ha-form-label{color:#555}[data-theme=dark] .ha-form-textarea{background:#252525;border-color:#3a3a3a;color:#e0e0e0}[data-theme=dark] .ha-form-textarea:focus{border-color:#f0f0f0;background:#2a2a2a}[data-theme=dark] .ha-selected-teacher{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .ha-selected-title{background:#252525;border-bottom-color:#2a2a2a;color:#555}[data-theme=dark] .ha-teacher-avatar{background:#f0f0f0;color:#111}[data-theme=dark] .ha-teacher-name{color:#f0f0f0}[data-theme=dark] .ha-teacher-title{color:#555}[data-theme=dark] .ha-teacher-department{color:#3a3a3a}[data-theme=dark] .ha-teacher-contact{border-top-color:#2a2a2a}[data-theme=dark] .ha-contact-item{color:#555}[data-theme=dark] .ha-actions{background:#1e1e1e;border-top-color:#2a2a2a}.subject-overview{padding:0}.so-card{background:#fff;border:1px solid #e8e8e8;border-radius:16px;overflow:hidden;width:100%;box-sizing:border-box}.so-banner{position:relative;height:80px;background:#111;overflow:hidden}.so-banner:before{content:"";position:absolute;width:160px;height:160px;border-radius:50%;border:28px solid rgba(255,255,255,.05);top:-70px;right:-40px;pointer-events:none}.so-banner:after{content:"";position:absolute;width:50px;height:50px;border-radius:8px;border:1.5px solid rgba(255,255,255,.07);bottom:-18px;right:100px;transform:rotate(18deg);pointer-events:none}.so-banner-deco{position:absolute;width:80px;height:80px;border-radius:50%;border:12px solid rgba(255,255,255,.04);bottom:-30px;left:-20px;pointer-events:none}.so-header{padding:0 20px 16px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.so-header-left{display:flex;align-items:flex-end;gap:14px;flex:1;min-width:0}.so-icon-wrap{position:relative;margin-top:-40px;flex-shrink:0;width:80px;height:80px;border-radius:20px;background:#f4f4f4;border:3px solid #ffffff;box-shadow:0 4px 12px #0000001f;display:flex;align-items:center;justify-content:center;color:#888}.so-header-text{flex:1;min-width:0;padding-top:8px}.so-header-text h3{margin:0 0 4px;font-size:17px;font-weight:800;color:#111;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.so-subtitle{margin:0 0 6px;font-size:12px;color:#888;font-weight:600}.so-badges{display:flex;gap:6px;flex-wrap:wrap}.so-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:#f0f0f0;color:#555}.so-badge.active{background:#dcfce7;color:#166534}.so-badge.inactive{background:#fecaca;color:#991b1b}.so-header-actions{flex-shrink:0;padding-top:8px}.so-actions-wrap{position:relative;display:inline-block}.so-actions-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:8px;border:1px solid #e8e8e8;background:#f4f4f4;font-size:12px;font-weight:700;color:#111;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.so-actions-btn:hover{background:#111;color:#fff;border-color:#111}.so-dropdown{position:absolute;top:calc(100% + 6px);right:0;background:#fff;border:1px solid #e8e8e8;border-radius:12px;box-shadow:0 8px 24px #0000001f;min-width:200px;z-index:9999;overflow:hidden;animation:so-fade .15s ease-out}@keyframes so-fade{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.so-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:11px 16px;border:none;background:transparent;font-size:13px;font-weight:600;color:#111;cursor:pointer;transition:background .15s;text-align:left}.so-dropdown-item:hover{background:#f4f4f4}.so-dropdown-item.danger{color:#c33}.so-dropdown-item.danger:hover{background:#fff0f0}.so-dropdown-item.success{color:#16a34a}.so-dropdown-item.success:hover{background:#f0fdf4}.so-dropdown-divider{height:1px;background:#f0f0f0;margin:4px 0}.so-body{padding:0 20px 20px;display:flex;flex-direction:column;gap:20px}.so-section-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#888;padding-bottom:8px;border-bottom:1px solid #f0f0f0;margin:0 0 12px;display:block}.so-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px 14px}.so-description{padding:12px 14px;background:#f7f7f7;border:1px solid #e8e8e8;border-radius:8px;font-size:13px;color:#555;line-height:1.6;margin:0}.so-confirm-container{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;background:#fff}.so-confirm-header{position:relative;padding:22px 24px 20px;flex-shrink:0;overflow:hidden}.so-confirm-header.danger{background:#c33}.so-confirm-header.success{background:#16a34a}.so-confirm-header:before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;border:18px solid rgba(255,255,255,.07);top:-40px;right:-24px;pointer-events:none}.so-confirm-header-deco{position:absolute;width:60px;height:60px;border-radius:50%;border:10px solid rgba(255,255,255,.05);bottom:-20px;left:-12px;pointer-events:none}.so-confirm-header-content{position:relative;z-index:1;display:flex;align-items:center;gap:14px}.so-confirm-header-icon{width:40px;height:40px;border-radius:10px;background:#ffffff26;border:1px solid rgba(255,255,255,.22);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.so-confirm-header-text h3{margin:0 0 3px;font-size:14px;font-weight:800;color:#fff;letter-spacing:-.01em}.so-confirm-header-text p{margin:0;font-size:12px;color:#fff9}.so-confirm-body{flex:1;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:14px}.so-confirm-body::-webkit-scrollbar{width:3px}.so-confirm-body::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:2px}.so-confirm-name{padding:12px 14px;background:#f4f4f4;border:1px solid #e8e8e8;border-radius:10px;font-size:14px;font-weight:800;color:#111}.so-confirm-warn{padding:11px 14px;border-radius:8px;background:#fef9c3;border:1px solid #fde68a;border-left:3px solid #f59e0b;font-size:12px;font-weight:600;color:#854d0e;line-height:1.5}.so-confirm-info{padding:11px 14px;border-radius:8px;background:#f0fdf4;border:1px solid #bbf7d0;border-left:3px solid #22c55e;font-size:12px;font-weight:600;color:#166534;line-height:1.5}.so-confirm-effects-title{margin:0 0 6px;font-size:12px;font-weight:700;color:#555}.so-confirm-effects{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:4px}.so-confirm-effects li{font-size:12px;color:#888;line-height:1.5}.so-confirm-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 24px;border-top:1px solid #e8e8e8;background:#f7f7f7;flex-shrink:0}@media(max-width:640px){.so-header{flex-direction:column;align-items:flex-start}.so-header-actions{padding-top:0}.so-grid{grid-template-columns:1fr 1fr}}@media(max-width:400px){.so-grid{grid-template-columns:1fr}}[data-theme=dark] .so-card{background:#1a1a1a;border-color:#2a2a2a}[data-theme=dark] .so-banner{background:#0a0a0a}[data-theme=dark] .so-icon-wrap{background:#252525;border-color:#1a1a1a;color:#555}[data-theme=dark] .so-header-text h3{color:#f0f0f0}[data-theme=dark] .so-subtitle{color:#555}[data-theme=dark] .so-badge{background:#252525;color:#888}[data-theme=dark] .so-actions-btn{background:#252525;border-color:#3a3a3a;color:#e0e0e0}[data-theme=dark] .so-actions-btn:hover{background:#f0f0f0;color:#111;border-color:#f0f0f0}[data-theme=dark] .so-dropdown{background:#1e1e1e;border-color:#2a2a2a;box-shadow:0 8px 24px #0006}[data-theme=dark] .so-dropdown-item{color:#e0e0e0}[data-theme=dark] .so-dropdown-item:hover{background:#252525}[data-theme=dark] .so-dropdown-item.danger{color:#f87171}[data-theme=dark] .so-dropdown-item.danger:hover{background:#2a1a1a}[data-theme=dark] .so-dropdown-item.success{color:#4ade80}[data-theme=dark] .so-dropdown-item.success:hover{background:#052e16}[data-theme=dark] .so-dropdown-divider{background:#2a2a2a}[data-theme=dark] .so-section-title{color:#555;border-bottom-color:#2a2a2a}[data-theme=dark] .so-description{background:#252525;border-color:#2a2a2a;color:#888}[data-theme=dark] .so-confirm-container,[data-theme=dark] .so-confirm-body{background:#1a1a1a}[data-theme=dark] .so-confirm-body::-webkit-scrollbar-thumb{background:#2a2a2a}[data-theme=dark] .so-confirm-name{background:#1e1e1e;border-color:#2a2a2a;color:#f0f0f0}[data-theme=dark] .so-confirm-warn{background:#1c1200;border-color:#3a2a00;border-left-color:#f59e0b;color:#fcd34d}[data-theme=dark] .so-confirm-info{background:#052e16;border-color:#166534;border-left-color:#22c55e;color:#4ade80}[data-theme=dark] .so-confirm-effects-title{color:#888}[data-theme=dark] .so-confirm-effects li{color:#555}[data-theme=dark] .so-confirm-footer{background:#1e1e1e;border-top-color:#2a2a2a}.subjectResources{max-width:100%}.sr2-header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:20px;border-bottom:1px solid #e8e8e8;margin-bottom:20px}.sr2-header-left{flex:1;display:flex;flex-direction:column;gap:3px}.sr2-title{margin:0;font-size:20px;font-weight:800;color:#111;letter-spacing:-.02em}.sr2-subtitle{margin:0;font-size:12px;color:#888;font-weight:600}.sr2-search-wrap{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid #e8e8e8;border-radius:10px;background:#fff;margin-bottom:16px;max-width:480px;color:#888}.sr2-search{flex:1;border:none;outline:none;font-size:13px;color:#111;background:transparent}.sr2-search::placeholder{color:#aaa}.sr2-clear{background:none;border:none;color:#888;cursor:pointer;display:flex;align-items:center;padding:2px;border-radius:4px;transition:color .15s}.sr2-clear:hover{color:#111}.sr2-tabs{display:flex;gap:4px;margin-bottom:20px;flex-wrap:wrap}.sr2-tab{padding:6px 14px;border:1px solid #e8e8e8;border-radius:20px;background:#f4f4f4;font-size:12px;font-weight:700;color:#888;cursor:pointer;transition:background .15s,color .15s,border-color .15s;white-space:nowrap}.sr2-tab:hover{border-color:#111;color:#111}.sr2-tab.active{background:#111;color:#fff;border-color:#111}.sr2-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.sr2-empty{text-align:center;padding:60px 20px;display:flex;flex-direction:column;align-items:center;gap:8px}.sr2-empty h3{margin:0;font-size:15px;font-weight:800;color:#111}.sr2-empty p{margin:0;font-size:13px;color:#888}.sr2-clear-btn{margin-top:4px;padding:6px 16px;border:1px solid #e8e8e8;border-radius:8px;background:#f4f4f4;font-size:12px;font-weight:700;color:#111;cursor:pointer;transition:background .15s}.sr2-clear-btn:hover{background:#111;color:#fff;border-color:#111}@media(max-width:768px){.sr2-header{flex-direction:column;gap:14px}.sr2-grid{grid-template-columns:1fr}}[data-theme=dark] .sr2-title{color:#f0f0f0}[data-theme=dark] .sr2-subtitle{color:#555}[data-theme=dark] .sr2-header{border-bottom-color:#2a2a2a}[data-theme=dark] .sr2-search-wrap{background:#1e1e1e;border-color:#2a2a2a;color:#555}[data-theme=dark] .sr2-search{color:#e0e0e0}[data-theme=dark] .sr2-tab{background:#1e1e1e;border-color:#2a2a2a;color:#555}[data-theme=dark] .sr2-tab:hover{border-color:#f0f0f0;color:#f0f0f0}[data-theme=dark] .sr2-tab.active{background:#f0f0f0;color:#111;border-color:#f0f0f0}[data-theme=dark] .sr2-empty h3{color:#f0f0f0}[data-theme=dark] .sr2-empty p{color:#555}.rp-container{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;background:#fff}.rp-header{position:relative;padding:22px 24px 20px;background:#111;flex-shrink:0;overflow:hidden}.rp-header:before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;border:18px solid rgba(255,255,255,.05);top:-40px;right:-24px;pointer-events:none}.rp-header-deco{position:absolute;width:60px;height:60px;border-radius:50%;border:10px solid rgba(255,255,255,.04);bottom:-20px;left:-12px;pointer-events:none}.rp-header-content{position:relative;z-index:1;display:flex;align-items:center;gap:14px}.rp-header-icon{width:40px;height:40px;border-radius:10px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.rp-header-text h2{margin:0 0 3px;font-size:14px;font-weight:800;color:#fff;letter-spacing:-.02em}.rp-header-text p{margin:0;font-size:12px;color:#ffffff80}.rp-body{flex:1;min-height:0;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:0}.rp-body::-webkit-scrollbar{width:3px}.rp-body::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:2px}.rp-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 24px;border-top:1px solid #e8e8e8;background:#f7f7f7;flex-shrink:0}.rp-file-drop{border:2px dashed #e8e8e8;border-radius:10px;padding:20px;text-align:center;cursor:pointer;margin-bottom:16px;transition:border-color .15s,background .15s}.rp-file-drop:hover{border-color:#111;background:#f7f7f7}.rp-file-selected{display:flex;align-items:center;gap:12px;justify-content:center;font-size:22px}.rp-file-name{margin:0;font-size:13px;font-weight:700;color:#111}.rp-file-size{margin:0;font-size:11px;color:#888}.rp-file-placeholder{display:flex;flex-direction:column;align-items:center;gap:4px}.rp-file-placeholder-icon{font-size:28px}.rp-file-placeholder p{margin:0;font-size:13px;font-weight:700;color:#111}.rp-file-placeholder span{font-size:11px;color:#888}[data-theme=dark] .rp-container{background:#1a1a1a}[data-theme=dark] .rp-header{background:#0a0a0a}[data-theme=dark] .rp-body{background:#1a1a1a}[data-theme=dark] .rp-body::-webkit-scrollbar-thumb{background:#2a2a2a}[data-theme=dark] .rp-footer{background:#1e1e1e;border-top-color:#2a2a2a}[data-theme=dark] .rp-file-drop{border-color:#2a2a2a}[data-theme=dark] .rp-file-drop:hover{border-color:#f0f0f0;background:#252525}[data-theme=dark] .rp-file-name,[data-theme=dark] .rp-file-placeholder p{color:#e0e0e0}.subjectBooks{padding:0}.sbHeader{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px;gap:16px;padding:20px 20px 0}.sbHeaderLeft{flex:1}.sbTitle{font-size:24px;font-weight:600;color:#1f2937;margin:0 0 4px}.sbSubtitle{font-size:14px;color:#6b7280;margin:0;line-height:1.5}.sbHeaderRight{display:flex;gap:12px;align-items:center}.sbSearchContainer{padding:0 20px 20px}.sbSearchInputWrapper{position:relative;display:flex;align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:12px 16px;gap:12px;transition:all .2s ease}.sbSearchInputWrapper:focus-within{border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.sbSearchInput{flex:1;border:none;background:transparent;outline:none;font-size:14px;color:#1f2937}.sbSearchInput::placeholder{color:#9ca3af}.sbClearSearch{background:none;border:none;color:#6b7280;cursor:pointer;padding:2px;border-radius:4px;transition:all .2s ease}.sbClearSearch:hover{color:#374151;background:#f3f4f6}.sbFilterTabs{display:flex;gap:8px;padding:0 20px 20px;border-bottom:1px solid #e5e7eb;margin-bottom:20px;overflow-x:auto}.sbFilterTab{background:#f9fafb;border:1px solid #e5e7eb;border-radius:20px;padding:8px 16px;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.sbFilterTab:hover{background:#f3f4f6;border-color:#d1d5db}.sbFilterTab.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.sbBooksList{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px;padding:0 20px 20px}.sbBookCard{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.sbBookCard:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626;transform:translateY(-2px)}.sbBookHeader{margin-bottom:16px}.sbBookTitleRow{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.sbBookType{display:flex;align-items:center;gap:8px;font-size:12px;color:#6b7280;font-weight:500}.sbBookIcon{font-size:16px}.sbBookBadges{display:flex;gap:8px;flex-wrap:wrap}.sbAvailabilityBadge,.sbConditionBadge{padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600}.sbBookTitle{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 4px;line-height:1.3}.sbBookAuthor{font-size:14px;color:#6b7280;margin:0;font-style:italic}.sbBookBody{margin-bottom:16px}.sbBookDetails{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sbDetailItem{display:flex;flex-direction:column;gap:2px;min-width:0}.sbDetailLabel{font-size:12px;color:#6b7280;font-weight:500}.sbDetailValue{font-size:14px;color:#1f2937;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sbBookFooter{border-top:1px solid #f3f4f6;padding-top:12px;display:flex;justify-content:flex-end}.sbViewDetails{display:flex;align-items:center;gap:6px;color:#3b82f6;font-size:14px;font-weight:500;transition:all .2s ease}.sbViewDetails:hover{color:#1d4ed8}.sbEmptyState{text-align:center;padding:60px 20px;color:#6b7280}.sbEmptyState h3{font-size:18px;font-weight:600;color:#374151;margin:16px 0 8px}.sbEmptyState p{font-size:14px;line-height:1.5;margin:0 0 16px}.sbClearSearchButton{background:#3b82f6;color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.sbClearSearchButton:hover{background:#2563eb}.sbSlideMenuContent{height:100%;display:flex;flex-direction:column}.sbSlideMenuHeader{display:flex;justify-content:space-between;align-items:flex-start;padding:24px 24px 16px;border-bottom:1px solid #e5e7eb;margin-bottom:24px}.sbSlideMenuHeader h2{font-size:20px;font-weight:600;color:#1f2937;margin:0 0 4px;line-height:1.3}.sbSlideMenuHeader p{font-size:14px;color:#6b7280;margin:0}.sbCloseButton{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:6px;transition:all .2s ease}.sbCloseButton:hover{color:#374151;background:#f3f4f6}.sbSlideMenuBody{flex:1;padding:0 24px;overflow-y:auto}.sbBookDetailContent{display:flex;flex-direction:column;gap:24px}.sbDetailSection{border-bottom:1px solid #f3f4f6;padding-bottom:20px}.sbDetailSection:last-child{border-bottom:none;padding-bottom:0}.sbDetailSection h3{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 16px}.sbDetailGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.sbFullWidth{grid-column:1 / -1}.sbFullWidth .sbDetailValue{white-space:normal;line-height:1.5}.sbChaptersList{display:flex;flex-direction:column;gap:8px}.sbChapterItem{display:flex;gap:12px;padding:8px 0;border-bottom:1px solid #f3f4f6}.sbChapterItem:last-child{border-bottom:none}.sbChapterNumber{font-size:14px;font-weight:600;color:#3b82f6;min-width:24px}.sbChapterTitle{font-size:14px;color:#1f2937;line-height:1.4}.sbSlideMenuFooter{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px 24px;border-top:1px solid #e5e7eb;margin-top:auto}@media(max-width:768px){.sbHeader{flex-direction:column;align-items:stretch;gap:16px}.sbHeaderRight{justify-content:flex-start;flex-wrap:wrap}.sbTitle{font-size:20px}.sbSubtitle{font-size:13px}.sbBooksList{grid-template-columns:1fr;gap:16px}.sbBookCard{padding:16px}.sbBookTitle{font-size:16px}.sbBookDetails{grid-template-columns:1fr;gap:8px}.sbFilterTabs{padding-bottom:16px}.sbFilterTab{font-size:13px;padding:6px 12px}.sbDetailGrid{grid-template-columns:1fr;gap:12px}.sbSlideMenuHeader{padding:20px 20px 0}.sbSlideMenuBody{padding:0 20px}.sbSlideMenuFooter{padding:16px 20px 20px}}@media(max-width:480px){.sbTitle{font-size:18px}.sbSubtitle{font-size:12px}.sbSearchContainer,.sbFilterTabs{padding:0 16px 16px}.sbBooksList{padding:0 16px 16px;gap:12px}.sbBookCard{padding:12px}.sbBookTitle{font-size:15px}.sbBookBadges{flex-direction:column;gap:4px;align-items:flex-end}.sbBookTitleRow{flex-direction:column;align-items:flex-start;gap:8px}.sbBookBadges{align-items:flex-start}.sbSlideMenuHeader{padding:16px 16px 0}.sbSlideMenuHeader h2{font-size:18px}.sbSlideMenuBody{padding:0 16px}.sbSlideMenuFooter{padding:16px;flex-direction:column;gap:8px}.sbDetailSection h3{font-size:15px}}.subjectAssessments{max-width:100%}.assessmentsHeader{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:20px;border-bottom:1px solid #e8e8e8;margin-bottom:20px;gap:16px}.assessmentsHeaderLeft{flex:1;display:flex;flex-direction:column;gap:3px}.assessmentsTitle{margin:0;font-size:20px;font-weight:800;color:#111;letter-spacing:-.02em}.assessmentsSubtitle{margin:0;font-size:12px;color:#888;font-weight:600}.sa-student-name{font-weight:700;font-size:13px;color:#111;margin:0 0 2px}.sa-student-id{font-size:11px;color:#888;font-family:monospace;margin:0}.sa-score-empty{color:#ccc}.sa-score-zero{color:#d97706;font-weight:700}.sa-score-total{font-weight:800;color:#111}.sa-no-score{font-size:11px;color:#c33;font-weight:600}.sa-panel-header-deco{position:absolute;width:60px;height:60px;border-radius:50%;border:10px solid rgba(255,255,255,.04);bottom:-20px;left:-12px;pointer-events:none}.sa-panel-body{flex:1;min-height:0;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:14px}.sa-info-row{display:flex;flex-direction:column;gap:2px}.sa-info-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#888}.sa-info-value{font-size:13px;font-weight:700;color:#111}.sa-divider{height:1px;background:#f0f0f0}.sa-score-row{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f7f7f7;border:1px solid #e8e8e8;border-radius:8px;font-size:13px}.sa-score-row-label{font-weight:700;color:#111}.sa-score-row-max{font-size:11px;color:#888;font-weight:600}.sa-score-row-value{font-weight:800;color:#111}.sa-score-total-row{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#f0f0f0;border:1px solid #e8e8e8;border-radius:8px;font-size:14px;font-weight:800;color:#111}.sa-no-scores{padding:12px 14px;background:#f7f7f7;border:1px solid #e8e8e8;border-radius:8px;font-size:13px;color:#888;font-weight:600}.sa-edit-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#888;padding-bottom:8px;border-bottom:1px solid #f0f0f0;margin:0 0 4px;display:block}.sa-field{display:flex;flex-direction:column;gap:4px}.sa-field-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#888}.sa-field-max{color:#ccc;font-weight:400;text-transform:none}.sa-field-input{padding:8px 12px;border-radius:8px;border:1px solid #e8e8e8;font-size:13px;font-weight:600;color:#111;background:#fafafa;outline:none;transition:border-color .15s;width:100%;box-sizing:border-box}.sa-field-input:focus{border-color:#111;background:#fff}@media(max-width:640px){.assessmentsHeader{flex-direction:column;gap:14px}}[data-theme=dark] .assessmentsTitle{color:#f0f0f0}[data-theme=dark] .assessmentsSubtitle{color:#555}[data-theme=dark] .assessmentsHeader{border-bottom-color:#2a2a2a}[data-theme=dark] .sa-student-name{color:#f0f0f0}[data-theme=dark] .sa-info-value{color:#f0f0f0}[data-theme=dark] .sa-divider{background:#2a2a2a}[data-theme=dark] .sa-score-row{background:#252525;border-color:#2a2a2a}[data-theme=dark] .sa-score-row-label,[data-theme=dark] .sa-score-row-value{color:#f0f0f0}[data-theme=dark] .sa-score-total-row{background:#2a2a2a;border-color:#3a3a3a;color:#f0f0f0}[data-theme=dark] .sa-no-scores{background:#252525;border-color:#2a2a2a;color:#555}[data-theme=dark] .sa-field-input{background:#252525;border-color:#3a3a3a;color:#e0e0e0}[data-theme=dark] .sa-field-input:focus{border-color:#f0f0f0;background:#2a2a2a}@media(max-width:640px){.subjectAssessments .smart-table td:before{display:block;content:attr(data-label);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#888;margin-bottom:4px}.subjectAssessments .smart-table td{padding:12px 14px}.subjectAssessments .sa-inline-cell{flex-direction:column;align-items:flex-start;justify-content:flex-start;cursor:cell;min-height:unset;width:100%}.subjectAssessments .sa-inline-cell.sa-cell-active .rsi-inline-edit-wrap{width:100%}.subjectAssessments .sa-inline-cell.sa-cell-active .rsi-inline-input{width:100%;box-sizing:border-box}}@media(max-width:640px){[data-theme=dark] .subjectAssessments .smart-table td:before{color:#555}}.sa-inline-cell{min-width:48px;min-height:28px;display:flex;align-items:center;justify-content:center;cursor:cell;border-radius:4px;transition:background .1s,outline .1s;-webkit-user-select:none;user-select:none}.sa-inline-cell:hover{background:#f0f7ff;outline:1px dashed #93c5fd;outline-offset:-1px}.sa-inline-cell.sa-cell-active{background:#f8faff;outline:none;cursor:default}.rsi-inline-edit-wrap{display:flex;flex-direction:column;gap:2px;align-items:flex-start}.rsi-inline-input{width:70px;padding:4px 8px;border-radius:6px;border:2px solid #3b82f6;font-size:13px;font-weight:600;color:#111;background:#fff;outline:none;box-shadow:0 0 0 3px #3b82f626;-moz-appearance:textfield}.rsi-inline-input::-webkit-inner-spin-button,.rsi-inline-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.rsi-inline-input.rsi-input-error{border-color:#ef4444;box-shadow:0 0 0 3px #ef444426}.rsi-inline-error{font-size:10px;font-weight:700;color:#ef4444;white-space:nowrap}.rsi-cell-display{display:inline-flex;align-items:center;gap:5px}.rsi-cell-spinner{display:inline-block;width:10px;height:10px;border-radius:50%;border:2px solid #d1d5db;border-top-color:#3b82f6;animation:sa-spin .6s linear infinite;flex-shrink:0}@keyframes sa-spin{to{transform:rotate(360deg)}}[data-theme=dark] .sa-inline-cell:hover{background:#0d1f3c;outline-color:#1d4ed8}[data-theme=dark] .sa-inline-cell.sa-cell-active{background:#111827}[data-theme=dark] .rsi-inline-input{background:#1e1e1e;border-color:#3b82f6;color:#e0e0e0}[data-theme=dark] .rsi-cell-spinner{border-color:#3a3a3a;border-top-color:#60a5fa}.teacher-profile{padding:24px;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin:24px}.profile-content{display:flex;flex-direction:column;gap:24px}.profile-content h2{font-size:24px;font-weight:700;color:#1e293b;margin:0}.profile-content p{font-size:16px;color:#64748b;margin:0;line-height:1.6}.profile-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.info-card{padding:20px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.info-card h3{font-size:14px;font-weight:600;color:#64748b;margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}.info-card p{font-size:16px;font-weight:600;color:#1e293b;margin:0}@media(max-width:768px){.teacher-profile{margin:16px;padding:16px}.profile-info{grid-template-columns:1fr}}.tic-card{background:#fff;border:1px solid #e8e8e8;border-radius:16px;overflow:hidden;width:100%;box-sizing:border-box}.tic-topbar{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid #e8e8e8;margin-bottom:0}.tic-topbar-title{margin:0;font-size:20px;font-weight:800;color:#111;letter-spacing:-.02em}.tic-banner{position:relative;height:80px;background:#111;overflow:hidden}.tic-banner:before{content:"";position:absolute;width:160px;height:160px;border-radius:50%;border:28px solid rgba(255,255,255,.05);top:-70px;right:-40px;pointer-events:none}.tic-banner:after{content:"";position:absolute;width:50px;height:50px;border-radius:8px;border:1.5px solid rgba(255,255,255,.07);bottom:-18px;right:100px;transform:rotate(18deg);pointer-events:none}.tic-banner-deco{position:absolute;width:80px;height:80px;border-radius:50%;border:12px solid rgba(255,255,255,.04);bottom:-30px;left:-20px;pointer-events:none}.tic-header{padding:0 20px 16px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.tic-avatar-wrap{position:relative;margin-top:-40px;flex-shrink:0}.tic-avatar{width:80px;height:80px;border-radius:20px;object-fit:cover;border:3px solid #ffffff;box-shadow:0 4px 12px #0000001f;display:block}.tic-avatar-fallback{width:80px;height:80px;border-radius:20px;background:#111;color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:800;text-transform:uppercase;border:3px solid #ffffff;box-shadow:0 4px 12px #0000001f}.tic-header-info{flex:1;min-width:0;padding-top:8px}.tic-name{margin:0 0 4px;font-size:17px;font-weight:800;color:#111;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tic-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tic-code{font-size:12px;font-weight:600;color:#888;font-family:monospace}.tic-status-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.tic-status-badge.active{background:#dcfce7;color:#166534}.tic-status-badge.inactive{background:#fecaca;color:#991b1b}.tic-actions-wrap{position:relative;flex-shrink:0;padding-top:8px}.tic-actions-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:8px;border:1px solid #e8e8e8;background:#f4f4f4;font-size:12px;font-weight:700;color:#111;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.tic-actions-btn:hover{background:#111;color:#fff;border-color:#111}.tic-dropdown{position:absolute;top:calc(100% + 6px);right:0;background:#fff;border:1px solid #e8e8e8;border-radius:12px;box-shadow:0 8px 24px #0000001f;min-width:210px;z-index:9999;overflow:hidden;animation:tic-fade-in .15s ease-out}@keyframes tic-fade-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.tic-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:11px 16px;border:none;background:transparent;font-size:13px;font-weight:600;color:#111;cursor:pointer;transition:background .15s;text-align:left}.tic-dropdown-item:hover{background:#f4f4f4}.tic-dropdown-item.danger{color:#c33}.tic-dropdown-item.danger:hover{background:#fff0f0}.tic-dropdown-item.success{color:#16a34a}.tic-dropdown-item.success:hover{background:#f0fdf4}.tic-dropdown-divider{height:1px;background:#f0f0f0;margin:4px 0}.tic-body{padding:0 20px 20px;display:flex;flex-direction:column;gap:20px}.tic-section-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#888;padding-bottom:8px;border-bottom:1px solid #f0f0f0;margin:0 0 12px;display:block}.tic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px 14px}.tic-link-chip{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:10px;background:#f4f4f4;border:1px solid #e8e8e8;font-size:13px;font-weight:700;color:#111;cursor:pointer;transition:background .15s,box-shadow .15s;-webkit-user-select:none;user-select:none;outline:none}.tic-link-chip:hover{background:#111;color:#fff;border-color:#111}.tic-link-chip:hover .tic-link-chev{color:#fff;transform:translate(3px)}.tic-link-chev{color:#888;transition:transform .15s,color .15s}.ti-panel{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;background:#fff}.ti-panel-header{position:relative;padding:22px 24px 20px;flex-shrink:0;overflow:hidden}.ti-panel-header.default{background:#111}.ti-panel-header.danger{background:#c33}.ti-panel-header.success{background:#16a34a}.ti-panel-header:before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;border:18px solid rgba(255,255,255,.06);top:-40px;right:-24px;pointer-events:none}.ti-panel-header-deco{position:absolute;width:60px;height:60px;border-radius:50%;border:10px solid rgba(255,255,255,.04);bottom:-20px;left:-12px;pointer-events:none}.ti-panel-header-content{position:relative;z-index:1;display:flex;align-items:flex-start;gap:14px}.ti-panel-header-icon{width:40px;height:40px;border-radius:10px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.ti-panel-header-text h2{margin:0 0 3px;font-size:14px;font-weight:800;color:#fff;letter-spacing:-.01em}.ti-panel-header-text p{margin:0;font-size:12px;color:#ffffff8c}.ti-panel-body{flex:1;min-height:0;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:14px}.ti-panel-body::-webkit-scrollbar{width:3px}.ti-panel-body::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:2px}.ti-panel-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 24px;border-top:1px solid #e8e8e8;background:#f7f7f7;flex-shrink:0}.ti-info-box{padding:14px 16px;border-radius:10px;font-size:13px;font-weight:600;line-height:1.5}.ti-info-box.current{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.ti-info-box.warn{background:#fef9c3;border:1px solid #fde68a;border-left:3px solid #f59e0b;color:#854d0e}.ti-info-box.info{background:#f0fdf4;border:1px solid #bbf7d0;border-left:3px solid #22c55e;color:#166534}.ti-info-box-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;margin-bottom:8px;display:block}.ti-info-row{display:flex;gap:6px;margin-bottom:4px;font-size:13px}.ti-info-row-label{color:#888;font-weight:600;flex-shrink:0}.ti-info-row-value{font-weight:700}.ti-selected-preview{padding:12px 14px;border-radius:10px;background:#f0f0f0;border:1px solid #e8e8e8;font-size:13px;font-weight:700;color:#111}.ti-history-card{background:#f7f7f7;border:1px solid #e8e8e8;border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:10px;flex-shrink:0}.ti-history-from,.ti-history-to{display:flex;flex-direction:column;gap:2px}.ti-history-direction{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#aaa}.ti-history-name{font-size:13px;font-weight:800}.ti-history-name.from{color:#c33}.ti-history-name.to{color:#16a34a}.ti-history-id{font-size:11px;color:#888;font-family:monospace}.ti-history-divider{height:1px;background:#e8e8e8}.ti-history-date{font-size:11px;color:#888;font-weight:600}.ti-panel-empty{text-align:center;padding:40px 20px;font-size:13px;color:#888;font-weight:600}.ti-effects-title{margin:0 0 6px;font-size:12px;font-weight:700;color:#555}.ti-effects{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:4px}.ti-effects li{font-size:12px;color:#888;line-height:1.5}[data-theme=dark] .tic-card{background:#1a1a1a;border-color:#2a2a2a}[data-theme=dark] .tic-topbar{border-bottom-color:#2a2a2a}[data-theme=dark] .tic-topbar-title{color:#f0f0f0}[data-theme=dark] .tic-banner{background:#0a0a0a}[data-theme=dark] .tic-avatar-fallback{background:#f0f0f0;color:#111;border-color:#1a1a1a}[data-theme=dark] .tic-avatar{border-color:#1a1a1a}[data-theme=dark] .tic-name{color:#f0f0f0}[data-theme=dark] .tic-code{color:#555}[data-theme=dark] .tic-actions-btn{background:#252525;border-color:#3a3a3a;color:#e0e0e0}[data-theme=dark] .tic-actions-btn:hover{background:#f0f0f0;color:#111;border-color:#f0f0f0}[data-theme=dark] .tic-dropdown{background:#1e1e1e;border-color:#2a2a2a;box-shadow:0 8px 24px #0006}[data-theme=dark] .tic-dropdown-item{color:#e0e0e0}[data-theme=dark] .tic-dropdown-item:hover{background:#252525}[data-theme=dark] .tic-dropdown-item.danger{color:#f87171}[data-theme=dark] .tic-dropdown-item.danger:hover{background:#2a1a1a}[data-theme=dark] .tic-dropdown-item.success{color:#4ade80}[data-theme=dark] .tic-dropdown-item.success:hover{background:#052e16}[data-theme=dark] .tic-dropdown-divider{background:#2a2a2a}[data-theme=dark] .tic-section-title{color:#555;border-bottom-color:#2a2a2a}[data-theme=dark] .tic-link-chip{background:#252525;border-color:#3a3a3a;color:#e0e0e0}[data-theme=dark] .tic-link-chip:hover{background:#f0f0f0;color:#111;border-color:#f0f0f0}[data-theme=dark] .ti-panel{background:#1a1a1a}[data-theme=dark] .ti-panel-header.default{background:#0a0a0a}[data-theme=dark] .ti-panel-body{background:#1a1a1a}[data-theme=dark] .ti-panel-body::-webkit-scrollbar-thumb{background:#2a2a2a}[data-theme=dark] .ti-panel-footer{background:#1e1e1e;border-top-color:#2a2a2a}[data-theme=dark] .ti-info-box.warn{background:#1c1200;border-color:#3a2a00;border-left-color:#f59e0b;color:#fcd34d}[data-theme=dark] .ti-info-box.current,[data-theme=dark] .ti-info-box.info{background:#052e16;border-color:#166534;color:#4ade80}[data-theme=dark] .ti-selected-preview{background:#252525;border-color:#2a2a2a;color:#f0f0f0}[data-theme=dark] .ti-history-card{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .ti-history-divider{background:#2a2a2a}[data-theme=dark] .ti-history-date,[data-theme=dark] .ti-history-id{color:#555}[data-theme=dark] .ti-effects-title{color:#888}[data-theme=dark] .ti-effects li,[data-theme=dark] .ti-panel-empty{color:#555}.teacherResources{max-width:100%}.tr-header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:20px;border-bottom:1px solid #e8e8e8;margin-bottom:20px}.tr-header-left{flex:1;display:flex;flex-direction:column;gap:3px}.tr-title{margin:0;font-size:20px;font-weight:800;color:#111;letter-spacing:-.02em}.tr-subtitle{margin:0;font-size:12px;color:#888;font-weight:600}.tr-header-right{display:flex;gap:8px;align-items:center;flex-shrink:0}.tr-search-wrap{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid #e8e8e8;border-radius:10px;background:#fff;margin-bottom:16px;max-width:480px;color:#888}.tr-search{flex:1;border:none;outline:none;font-size:13px;color:#111;background:transparent}.tr-search::placeholder{color:#aaa}.tr-clear{background:none;border:none;color:#888;cursor:pointer;display:flex;align-items:center;padding:2px;border-radius:4px;transition:color .15s}.tr-clear:hover{color:#111}.tr-tabs{display:flex;gap:4px;margin-bottom:20px;flex-wrap:wrap}.tr-tab{padding:6px 14px;border:1px solid #e8e8e8;border-radius:20px;background:#f4f4f4;font-size:12px;font-weight:700;color:#888;cursor:pointer;transition:background .15s,color .15s,border-color .15s;white-space:nowrap}.tr-tab:hover{border-color:#111;color:#111}.tr-tab.active{background:#111;color:#fff;border-color:#111}.tr-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.tr-empty{text-align:center;padding:60px 20px;display:flex;flex-direction:column;align-items:center;gap:8px}.tr-empty h3{margin:0;font-size:15px;font-weight:800;color:#111}.tr-empty p{margin:0;font-size:13px;color:#888}.tr-clear-btn{margin-top:4px;padding:6px 16px;border:1px solid #e8e8e8;border-radius:8px;background:#f4f4f4;font-size:12px;font-weight:700;color:#111;cursor:pointer;transition:background .15s}.tr-clear-btn:hover{background:#111;color:#fff;border-color:#111}@media(max-width:768px){.tr-header{flex-direction:column;gap:14px}.tr-grid{grid-template-columns:1fr}}[data-theme=dark] .tr-title{color:#f0f0f0}[data-theme=dark] .tr-subtitle{color:#555}[data-theme=dark] .tr-header{border-bottom-color:#2a2a2a}[data-theme=dark] .tr-search-wrap{background:#1e1e1e;border-color:#2a2a2a;color:#555}[data-theme=dark] .tr-search{color:#e0e0e0}[data-theme=dark] .tr-tab{background:#1e1e1e;border-color:#2a2a2a;color:#555}[data-theme=dark] .tr-tab:hover{border-color:#f0f0f0;color:#f0f0f0}[data-theme=dark] .tr-tab.active{background:#f0f0f0;color:#111;border-color:#f0f0f0}[data-theme=dark] .tr-empty h3{color:#f0f0f0}[data-theme=dark] .tr-empty p{color:#555}.atr-panel{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;background:#fff}.atr-header{position:relative;padding:22px 24px 20px;background:#111;flex-shrink:0;overflow:hidden}.atr-header:before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;border:18px solid rgba(255,255,255,.05);top:-40px;right:-24px;pointer-events:none}.atr-deco{position:absolute;width:60px;height:60px;border-radius:50%;border:10px solid rgba(255,255,255,.04);bottom:-20px;left:-12px;pointer-events:none}.atr-deco2{position:absolute;width:40px;height:40px;border-radius:8px;border:1.5px solid rgba(255,255,255,.07);top:14px;right:80px;transform:rotate(18deg);pointer-events:none}.atr-header-content{position:relative;z-index:1;display:flex;align-items:center;gap:14px}.atr-header-icon{width:40px;height:40px;border-radius:10px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.atr-header-title{margin:0 0 3px;font-size:14px;font-weight:800;color:#fff;letter-spacing:-.01em}.atr-header-sub{margin:0;font-size:12px;color:#ffffff80}.atr-body{flex:1;min-height:0;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:16px}.atr-body::-webkit-scrollbar{width:3px}.atr-body::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:2px}.atr-section{display:flex;flex-direction:column;gap:6px}.atr-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#888}.atr-dropzone{border:1.5px dashed #e0e0e0;border-radius:12px;padding:20px;cursor:pointer;transition:border-color .15s,background .15s;background:#fafafa}.atr-dropzone:hover,.atr-dropzone.drag-over{border-color:#111;background:#f5f5f5}.atr-dropzone.has-file{border-style:solid;border-color:#111;background:#f5f5f5}.atr-dropzone-empty{display:flex;flex-direction:column;align-items:center;gap:10px}.atr-dropzone-icon{width:44px;height:44px;border-radius:11px;background:#111;display:flex;align-items:center;justify-content:center;color:#fff}.atr-dropzone-text{display:flex;flex-direction:column;align-items:center;gap:3px}.atr-dropzone-main{font-size:13px;font-weight:700;color:#111}.atr-dropzone-hint{font-size:11px;color:#aaa}.atr-file-selected{display:flex;align-items:center;gap:12px}.atr-file-icon{width:38px;height:38px;border-radius:9px;background:#111;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.atr-file-info{flex:1;min-width:0}.atr-file-name{font-size:13px;font-weight:700;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.atr-file-size{font-size:11px;color:#888;margin-top:2px}.atr-file-remove{width:26px;height:26px;border-radius:6px;border:1.5px solid #e0e0e0;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#888;flex-shrink:0;transition:border-color .15s,color .15s}.atr-file-remove:hover{border-color:#111;color:#111}.atr-input,.atr-select,.atr-textarea{width:100%;padding:10px 13px;border:1.5px solid #e8e8e8;border-radius:10px;font-size:13px;color:#111;background:#fff;outline:none;transition:border-color .15s;font-family:inherit}.atr-input:focus,.atr-select:focus,.atr-textarea:focus{border-color:#111}.atr-textarea{resize:vertical;min-height:80px}.atr-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 24px;border-top:1px solid #e8e8e8;background:#f7f7f7;flex-shrink:0}[data-theme=dark] .atr-panel{background:#1a1a1a}[data-theme=dark] .atr-header{background:#0a0a0a}[data-theme=dark] .atr-body{background:#1a1a1a}[data-theme=dark] .atr-body::-webkit-scrollbar-thumb{background:#2a2a2a}[data-theme=dark] .atr-footer{background:#1e1e1e;border-top-color:#2a2a2a}[data-theme=dark] .atr-label{color:#555}[data-theme=dark] .atr-dropzone{background:#252525;border-color:#3a3a3a}[data-theme=dark] .atr-dropzone:hover,[data-theme=dark] .atr-dropzone.drag-over,[data-theme=dark] .atr-dropzone.has-file{background:#2a2a2a;border-color:#f0f0f0}[data-theme=dark] .atr-dropzone-main{color:#f0f0f0}[data-theme=dark] .atr-dropzone-hint{color:#555}[data-theme=dark] .atr-file-name{color:#f0f0f0}[data-theme=dark] .atr-file-size{color:#555}[data-theme=dark] .atr-file-remove{background:#252525;border-color:#3a3a3a;color:#555}[data-theme=dark] .atr-file-remove:hover{border-color:#f0f0f0;color:#f0f0f0}[data-theme=dark] .atr-input,[data-theme=dark] .atr-select,[data-theme=dark] .atr-textarea{background:#252525;border-color:#3a3a3a;color:#e0e0e0}[data-theme=dark] .atr-input:focus,[data-theme=dark] .atr-select:focus,[data-theme=dark] .atr-textarea:focus{border-color:#f0f0f0}. .activityInfo{display:flex;align-items:center;gap:12px}.activityIcon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background:#f3f4f6;flex-shrink:0}.activityDetails{display:flex;flex-direction:column;gap:4px}.activityTitle{font-weight:600;color:#111827;font-size:14px}.activityDescription{font-size:12px;color:#6b7280;line-height:1.4}.activityTypeBadge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;color:#111827;text-transform:capitalize}.activityDateTime{display:flex;flex-direction:column;gap:2px}.activityDate{font-weight:500;color:#111827;font-size:14px}.activityTime{font-size:12px;color:#6b7280}.activityClassSubject{display:flex;flex-direction:column;gap:2px}.activityClass{font-weight:500;color:#111827;font-size:14px}.activitySubject{font-size:12px;color:#6b7280}.noClassSubject{color:#9ca3af;font-style:italic}.activityStatusBadge{font-weight:600;font-size:12px;text-transform:capitalize}.viewDetails{color:#4f46e5;font-weight:500;cursor:pointer;font-size:14px;transition:color .2s ease}.viewDetails:hover{color:#3730a3}.actSlideMenuContent{height:100%;display:flex;flex-direction:column}.actSlideMenuHeader{display:flex;justify-content:space-between;align-items:flex-start;padding:24px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.actSlideMenuHeader h2{font-size:24px;font-weight:700;color:#111827;margin:0 0 4px}.actSlideMenuHeader p{font-size:14px;color:#6b7280;margin:0}.actCloseButton{background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;color:#6b7280;transition:all .2s ease}.actCloseButton:hover{background:#e5e7eb;color:#374151}.actSlideMenuBody{flex:1;padding:24px;overflow-y:auto}.actSlideMenuFooter{display:flex;justify-content:flex-end;gap:12px;padding:24px;border-top:1px solid #e5e7eb;background:#f9fafb}.actActivityDetailContent{display:flex;flex-direction:column;gap:32px}.actDetailSection{display:flex;flex-direction:column;gap:16px}.actDetailSection h3{font-size:18px;font-weight:600;color:#111827;margin:0;padding-bottom:8px;border-bottom:2px solid #e5e7eb}.actDetailGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.actDetailItem{display:flex;flex-direction:column;gap:4px}.actDetailLabel{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.actDetailValue{font-size:14px;font-weight:500;color:#111827}.actDetailDescription{font-size:14px;color:#374151;line-height:1.6;margin:0}@media(max-width:768px){.teacherActivity{padding:16px}.actHeader{flex-direction:column;gap:16px;align-items:stretch}.actDetailGrid{grid-template-columns:1fr}.activityInfo{flex-direction:column;align-items:flex-start;gap:8px}}@media(max-width:480px){.activityDateTime,.activityClassSubject{align-items:flex-start}}.teacher-assigned-subjects{max-width:100%}.tas-header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:20px;border-bottom:1px solid #e8e8e8;margin-bottom:20px;gap:16px}.tas-header-left{flex:1;display:flex;flex-direction:column;gap:3px}.tas-title{margin:0;font-size:20px;font-weight:800;color:#111;letter-spacing:-.02em}.tas-subtitle{margin:0;font-size:12px;color:#888;font-weight:600}.tas-header-right{flex-shrink:0}.tas-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;transition:background .15s,color .15s,border-color .15s;border:1px solid transparent}.tas-btn-secondary{background:#f4f4f4;color:#111;border-color:#e8e8e8}.tas-btn-secondary:hover{background:#111;color:#fff;border-color:#111}.tas-subject-cell{display:flex;align-items:center;gap:10px}.tas-subject-icon{width:32px;height:32px;border-radius:8px;background:#f0f0f0;color:#888;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tas-subject-name{font-weight:700;font-size:13.5px;color:#111;margin:0 0 2px}.tas-subject-code{font-size:11px;font-weight:600;color:#888;font-family:monospace;background:#f0f0f0;padding:1px 6px;border-radius:4px;display:inline-block}.tas-class-cell{display:flex;align-items:center;gap:8px}.tas-class-icon{color:#16a34a;flex-shrink:0}.tas-class-name{font-weight:700;font-size:13px;color:#111;margin:0 0 1px}.tas-class-code{font-size:11px;color:#888;font-family:monospace}.tas-status{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.tas-status.active{background:#dcfce7;color:#166534}.tas-status.inactive{background:#fecaca;color:#991b1b}.tas-row-dropdown{position:relative;display:inline-block}.tas-row-btn{background:none;border:1px solid #e8e8e8;border-radius:6px;padding:4px 8px;cursor:pointer;color:#888;transition:background .15s,color .15s;display:flex;align-items:center}.tas-row-btn:hover{background:#f4f4f4;color:#111}.tas-row-menu{position:absolute;right:0;top:calc(100% + 4px);z-index:100;background:#fff;border:1px solid #e8e8e8;border-radius:10px;box-shadow:0 6px 20px #0000001a;min-width:140px;overflow:hidden;animation:tas-fade .12s ease-out}@keyframes tas-fade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.tas-row-menu-item{width:100%;padding:10px 14px;text-align:left;background:none;border:none;font-size:13px;font-weight:600;color:#111;cursor:pointer;transition:background .12s;display:flex;align-items:center;gap:8px}.tas-row-menu-item:hover{background:#f4f4f4}.tas-row-menu-item.danger{color:#c33;border-top:1px solid #f0f0f0}.tas-row-menu-item.danger:hover{background:#fff0f0}.tas-row-menu-item:disabled{opacity:.5;cursor:not-allowed}.tas-panel{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;background:#fff}.tas-panel-header{position:relative;padding:22px 24px 20px;flex-shrink:0;overflow:hidden}.tas-panel-header.default{background:#111}.tas-panel-header.danger{background:#c33}.tas-panel-header:before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;border:18px solid rgba(255,255,255,.06);top:-40px;right:-24px;pointer-events:none}.tas-panel-header-deco{position:absolute;width:60px;height:60px;border-radius:50%;border:10px solid rgba(255,255,255,.04);bottom:-20px;left:-12px;pointer-events:none}.tas-panel-header-content{position:relative;z-index:1;display:flex;align-items:flex-start;gap:14px}.tas-panel-header-icon{width:40px;height:40px;border-radius:10px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.tas-panel-header-text h2{margin:0 0 3px;font-size:14px;font-weight:800;color:#fff;letter-spacing:-.01em}.tas-panel-header-text p{margin:0;font-size:12px;color:#ffffff8c}.tas-panel-body{flex:1;min-height:0;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:16px}.tas-panel-body::-webkit-scrollbar{width:3px}.tas-panel-body::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:2px}.tas-panel-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 24px;border-top:1px solid #e8e8e8;background:#f7f7f7;flex-shrink:0}.tas-panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tas-section-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#888;padding-bottom:8px;border-bottom:1px solid #f0f0f0;margin:0 0 12px;display:block}.tas-info-box{padding:12px 14px;border-radius:8px;font-size:12px;font-weight:600;line-height:1.5}.tas-info-box.info{background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8}.tas-info-box.warn{background:#fef9c3;border:1px solid #fde68a;border-left:3px solid #f59e0b;color:#854d0e}.tas-selected-preview{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:10px}.tas-selected-preview-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#16a34a}.tas-selected-preview-top{display:flex;align-items:center;gap:12px}.tas-selected-preview-icon{width:38px;height:38px;border-radius:8px;background:#dcfce7;color:#16a34a;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tas-selected-preview-name{margin:0 0 2px;font-size:14px;font-weight:800;color:#111}.tas-selected-preview-code{margin:0;font-size:11px;color:#888;font-family:monospace}.tas-selected-preview-class{display:flex;align-items:center;gap:8px;padding-top:10px;border-top:1px solid #bbf7d0;font-size:13px;color:#111;font-weight:700}.tas-selected-preview-no-class{padding-top:8px;border-top:1px solid #bbf7d0;font-size:12px;color:#888}.tas-history-card{background:#fff;border:1px solid #e8e8e8;border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:10px;flex-shrink:0;transition:box-shadow .15s}.tas-history-card:hover{box-shadow:0 2px 10px #0000000f}.tas-history-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.tas-history-card-info{display:flex;align-items:center;gap:10px}.tas-history-icon{width:36px;height:36px;border-radius:8px;background:#f0f0f0;color:#888;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tas-history-name{margin:0 0 2px;font-weight:800;font-size:14px;color:#111}.tas-history-code{margin:0;font-size:11px;color:#888;font-family:monospace}.tas-history-class{display:flex;align-items:center;gap:6px;padding:8px 0;border-top:1px solid #f0f0f0;font-size:12px;font-weight:700;color:#333}.tas-history-dates{display:flex;gap:20px}.tas-history-date-item{display:flex;flex-direction:column;gap:2px}.tas-history-date-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#aaa}.tas-history-date-value{font-size:12px;font-weight:700;color:#333}.tas-history-actions{display:flex;justify-content:flex-end;padding-top:8px;border-top:1px solid #f0f0f0}.tas-history-delete-btn{padding:5px 12px;border-radius:6px;font-size:11px;font-weight:700;cursor:pointer;background:#fff0f0;border-color:#fca5a5;color:#c33;border:1px solid #fca5a5;transition:background .15s;display:inline-flex;align-items:center;gap:5px}.tas-history-delete-btn:hover:not(:disabled){background:#fecaca}.tas-history-delete-btn:disabled{opacity:.5;cursor:not-allowed}.tas-panel-empty{text-align:center;padding:40px 20px;font-size:13px;color:#888;font-weight:600}.tas-effects-title{margin:0 0 6px;font-size:12px;font-weight:700;color:#555}.tas-effects{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:4px}.tas-effects li{font-size:12px;color:#888;line-height:1.5}@media(max-width:640px){.tas-header{flex-direction:column;gap:14px}.tas-panel-grid{grid-template-columns:1fr}}[data-theme=dark] .tas-title{color:#f0f0f0}[data-theme=dark] .tas-subtitle{color:#555}[data-theme=dark] .tas-header{border-bottom-color:#2a2a2a}[data-theme=dark] .tas-btn-secondary{background:#252525;border-color:#3a3a3a;color:#e0e0e0}[data-theme=dark] .tas-btn-secondary:hover{background:#f0f0f0;color:#111;border-color:#f0f0f0}[data-theme=dark] .tas-subject-icon{background:#2a2a2a;color:#555}[data-theme=dark] .tas-subject-name{color:#f0f0f0}[data-theme=dark] .tas-subject-code{background:#2a2a2a;color:#888}[data-theme=dark] .tas-class-name{color:#f0f0f0}[data-theme=dark] .tas-status.active{background:#052e16;color:#4ade80}[data-theme=dark] .tas-status.inactive{background:#2d0a0a;color:#f87171}[data-theme=dark] .tas-row-btn{border-color:#2a2a2a;color:#555}[data-theme=dark] .tas-row-btn:hover{background:#252525;color:#e0e0e0}[data-theme=dark] .tas-row-menu{background:#1e1e1e;border-color:#2a2a2a;box-shadow:0 6px 20px #0006}[data-theme=dark] .tas-row-menu-item{color:#e0e0e0}[data-theme=dark] .tas-row-menu-item:hover{background:#252525}[data-theme=dark] .tas-row-menu-item.danger{color:#f87171;border-top-color:#2a2a2a}[data-theme=dark] .tas-row-menu-item.danger:hover{background:#2a1a1a}[data-theme=dark] .tas-panel{background:#1a1a1a}[data-theme=dark] .tas-panel-header.default{background:#0a0a0a}[data-theme=dark] .tas-panel-body{background:#1a1a1a}[data-theme=dark] .tas-panel-body::-webkit-scrollbar-thumb{background:#2a2a2a}[data-theme=dark] .tas-panel-footer{background:#1e1e1e;border-top-color:#2a2a2a}[data-theme=dark] .tas-section-label{color:#555;border-bottom-color:#2a2a2a}[data-theme=dark] .tas-info-box.warn{background:#1c1200;border-color:#3a2a00;border-left-color:#f59e0b;color:#fcd34d}[data-theme=dark] .tas-info-box.info{background:#0c1a2e;border-color:#1e3a5f;color:#93c5fd}[data-theme=dark] .tas-selected-preview{background:#052e16;border-color:#166534}[data-theme=dark] .tas-selected-preview-label{color:#4ade80}[data-theme=dark] .tas-selected-preview-icon{background:#166534;color:#4ade80}[data-theme=dark] .tas-selected-preview-name{color:#f0f0f0}[data-theme=dark] .tas-selected-preview-class{border-top-color:#166534;color:#e0e0e0}[data-theme=dark] .tas-history-card{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .tas-history-icon{background:#2a2a2a;color:#555}[data-theme=dark] .tas-history-name{color:#f0f0f0}[data-theme=dark] .tas-history-code{color:#555}[data-theme=dark] .tas-history-class{border-top-color:#2a2a2a;color:#ccc}[data-theme=dark] .tas-history-date-value{color:#ccc}[data-theme=dark] .tas-history-actions{border-top-color:#2a2a2a}[data-theme=dark] .tas-effects-title{color:#888}[data-theme=dark] .tas-effects li,[data-theme=dark] .tas-panel-empty{color:#555}.staff-profile{padding:24px;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin:16px}.staff-profile-header{margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.staff-profile-header h2{font-size:28px;font-weight:700;color:#111827;margin:0 0 8px}.staff-profile-header p{font-size:16px;color:#6b7280;margin:0}.staff-profile-content{display:flex;flex-direction:column;gap:24px}.staff-overview-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:24px}.staff-overview-card h3{font-size:20px;font-weight:600;color:#1f2937;margin:0 0 16px}.staff-overview-card p{font-size:14px;color:#6b7280;line-height:1.6;margin:0}.staff-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.info-item{font-size:14px;color:#374151;line-height:1.5}.info-item strong{color:#1f2937;font-weight:600;margin-right:8px}.teacher-assignment-info{display:flex;flex-direction:column;gap:12px}.assignment-history{display:flex;flex-direction:column;gap:16px}.history-item{background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:16px}.history-date{font-size:12px;color:#6b7280;font-weight:600;margin-bottom:8px}.history-details{display:flex;flex-direction:column;gap:8px}.history-details p{font-size:14px;color:#374151;margin:0}.history-details strong{color:#1f2937;font-weight:600;margin-right:8px}.si-pwd-panel{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;background:#fff}.si-pwd-header{position:relative;padding:22px 24px 20px;background:#111;flex-shrink:0;overflow:hidden}.si-pwd-header:before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;border:18px solid rgba(255,255,255,.05);top:-40px;right:-24px;pointer-events:none}.si-pwd-deco{position:absolute;width:60px;height:60px;border-radius:50%;border:10px solid rgba(255,255,255,.04);bottom:-20px;left:-12px;pointer-events:none}.si-pwd-header-content{position:relative;z-index:1;display:flex;align-items:flex-start;gap:14px}.si-pwd-icon{width:40px;height:40px;border-radius:10px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.si-pwd-title{margin:0 0 3px;font-size:14px;font-weight:800;color:#fff;letter-spacing:-.01em}.si-pwd-subtitle{margin:0;font-size:12px;color:#ffffff80}.si-pwd-body{flex:1;min-height:0;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:16px}.si-pwd-body::-webkit-scrollbar{width:3px}.si-pwd-body::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:2px}.si-pwd-field{display:flex;flex-direction:column;gap:5px}.si-pwd-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#888}.si-pwd-input-wrap{position:relative}.si-pwd-input{padding:9px 12px;border-radius:8px;border:1px solid #e8e8e8;font-size:13px;font-weight:500;color:#111;background:#fafafa;outline:none;transition:border-color .15s;width:100%;box-sizing:border-box;font-family:inherit}.si-pwd-input:focus{border-color:#111;background:#fff}.si-pwd-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:11px;font-weight:700;color:#888;cursor:pointer}.si-pwd-toggle:hover{color:#111}.si-pwd-strength{display:flex;align-items:center;gap:8px;margin-top:4px}.si-pwd-strength-track{flex:1;height:4px;background:#e8e8e8;border-radius:2px;overflow:hidden}.si-pwd-match{margin:3px 0 0;font-size:11px;font-weight:700}.si-pwd-match.ok{color:#16a34a}.si-pwd-match.err{color:#c33}.si-pwd-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 24px;border-top:1px solid #e8e8e8;background:#f7f7f7;flex-shrink:0}.si-confirm-panel{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;background:#fff}.si-confirm-header{position:relative;padding:22px 24px 20px;flex-shrink:0;overflow:hidden}.si-confirm-header.danger{background:#c33}.si-confirm-header.success{background:#16a34a}.si-confirm-header:before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;border:18px solid rgba(255,255,255,.07);top:-40px;right:-24px;pointer-events:none}.si-confirm-deco{position:absolute;width:60px;height:60px;border-radius:50%;border:10px solid rgba(255,255,255,.05);bottom:-20px;left:-12px;pointer-events:none}.si-confirm-header-content{position:relative;z-index:1;display:flex;align-items:flex-start;gap:14px}.si-confirm-icon{width:40px;height:40px;border-radius:10px;background:#ffffff26;border:1px solid rgba(255,255,255,.22);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.si-confirm-header-text h3{margin:0 0 3px;font-size:14px;font-weight:800;color:#fff;letter-spacing:-.01em}.si-confirm-header-text p{margin:0;font-size:12px;color:#fff9}.si-confirm-body{flex:1;min-height:0;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:14px}.si-confirm-body::-webkit-scrollbar{width:3px}.si-confirm-body::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:2px}.si-confirm-name{padding:12px 14px;background:#f4f4f4;border:1px solid #e8e8e8;border-radius:10px;font-size:14px;font-weight:800;color:#111}.si-confirm-warn{padding:11px 14px;border-radius:8px;background:#fef9c3;border:1px solid #fde68a;border-left:3px solid #f59e0b;font-size:12px;font-weight:600;color:#854d0e;line-height:1.5}.si-confirm-info{padding:11px 14px;border-radius:8px;background:#f0fdf4;border:1px solid #bbf7d0;border-left:3px solid #22c55e;font-size:12px;font-weight:600;color:#166534;line-height:1.5}.si-confirm-effects-title{margin:0 0 6px;font-size:12px;font-weight:700;color:#555}.si-confirm-effects{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:4px}.si-confirm-effects li{font-size:12px;color:#888;line-height:1.5}.si-confirm-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 24px;border-top:1px solid #e8e8e8;background:#f7f7f7;flex-shrink:0}[data-theme=dark] .si-pwd-panel,[data-theme=dark] .si-confirm-panel{background:#1a1a1a}[data-theme=dark] .si-pwd-header{background:#0a0a0a}[data-theme=dark] .si-pwd-body,[data-theme=dark] .si-confirm-body{background:#1a1a1a}[data-theme=dark] .si-pwd-body::-webkit-scrollbar-thumb,[data-theme=dark] .si-confirm-body::-webkit-scrollbar-thumb{background:#2a2a2a}[data-theme=dark] .si-pwd-label{color:#555}[data-theme=dark] .si-pwd-input{background:#252525;border-color:#3a3a3a;color:#e0e0e0}[data-theme=dark] .si-pwd-input:focus{border-color:#f0f0f0;background:#2a2a2a}[data-theme=dark] .si-pwd-strength-track{background:#2a2a2a}[data-theme=dark] .si-pwd-footer,[data-theme=dark] .si-confirm-footer{background:#1e1e1e;border-top-color:#2a2a2a}[data-theme=dark] .si-confirm-name{background:#1e1e1e;border-color:#2a2a2a;color:#f0f0f0}[data-theme=dark] .si-confirm-warn{background:#1c1200;border-color:#3a2a00;border-left-color:#f59e0b;color:#fcd34d}[data-theme=dark] .si-confirm-info{background:#052e16;border-color:#166534;border-left-color:#22c55e;color:#4ade80}[data-theme=dark] .si-confirm-effects-title{color:#888}[data-theme=dark] .si-confirm-effects li{color:#555}.sic2-card{background:#fff;border:1px solid #e8e8e8;border-radius:16px;overflow:hidden;width:100%;box-sizing:border-box}.sic2-banner{position:relative;height:80px;background:#111;overflow:hidden}.sic2-banner:before{content:"";position:absolute;width:160px;height:160px;border-radius:50%;border:28px solid rgba(255,255,255,.05);top:-70px;right:-40px;pointer-events:none}.sic2-banner:after{content:"";position:absolute;width:50px;height:50px;border-radius:8px;border:1.5px solid rgba(255,255,255,.07);bottom:-18px;right:100px;transform:rotate(18deg);pointer-events:none}.sic2-banner-deco{position:absolute;width:80px;height:80px;border-radius:50%;border:12px solid rgba(255,255,255,.04);bottom:-30px;left:-20px;pointer-events:none}.sic2-header{padding:0 20px 16px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.sic2-avatar-wrap{position:relative;margin-top:-40px;flex-shrink:0}.sic2-avatar{width:80px;height:80px;border-radius:20px;object-fit:cover;border:3px solid #ffffff;box-shadow:0 4px 12px #0000001f;display:block}.sic2-avatar-fallback{width:80px;height:80px;border-radius:20px;background:#111;color:#fff;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:800;text-transform:uppercase;border:3px solid #ffffff;box-shadow:0 4px 12px #0000001f}.sic2-header-info{flex:1;min-width:0;padding-top:8px}.sic2-name{margin:0 0 4px;font-size:17px;font-weight:800;color:#111;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sic2-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sic2-staff-id{font-size:12px;font-weight:600;color:#888;font-family:monospace}.sic2-status-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.sic2-status-badge.active{background:#dcfce7;color:#166534}.sic2-status-badge.inactive{background:#fecaca;color:#991b1b}.sic2-actions-wrap{position:relative;flex-shrink:0;padding-top:8px}.sic2-actions-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:8px;border:1px solid #e8e8e8;background:#f4f4f4;font-size:12px;font-weight:700;color:#111;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.sic2-actions-btn:hover{background:#111;color:#fff;border-color:#111}.sic2-dropdown{position:absolute;top:calc(100% + 6px);right:0;background:#fff;border:1px solid #e8e8e8;border-radius:12px;box-shadow:0 8px 24px #0000001f;min-width:210px;z-index:9999;overflow:hidden;animation:sic2-fade .15s ease-out}@keyframes sic2-fade{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.sic2-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:11px 16px;border:none;background:transparent;font-size:13px;font-weight:600;color:#111;cursor:pointer;transition:background .15s;text-align:left}.sic2-dropdown-item:hover{background:#f4f4f4}.sic2-dropdown-item.danger{color:#c33}.sic2-dropdown-item.danger:hover{background:#fff0f0}.sic2-dropdown-item.success{color:#16a34a}.sic2-dropdown-item.success:hover{background:#f0fdf4}.sic2-dropdown-divider{height:1px;background:#f0f0f0;margin:4px 0}.sic2-body{padding:0 20px 20px;display:flex;flex-direction:column;gap:20px}.sic2-section-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#888;padding-bottom:8px;border-bottom:1px solid #f0f0f0;margin:0 0 12px;display:block}.sic2-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px 14px}[data-theme=dark] .sic2-card{background:#1a1a1a;border-color:#2a2a2a}[data-theme=dark] .sic2-banner{background:#0a0a0a}[data-theme=dark] .sic2-avatar-fallback{background:#f0f0f0;color:#111;border-color:#1a1a1a}[data-theme=dark] .sic2-avatar{border-color:#1a1a1a}[data-theme=dark] .sic2-name{color:#f0f0f0}[data-theme=dark] .sic2-staff-id{color:#555}[data-theme=dark] .sic2-actions-btn{background:#252525;border-color:#3a3a3a;color:#e0e0e0}[data-theme=dark] .sic2-actions-btn:hover{background:#f0f0f0;color:#111;border-color:#f0f0f0}[data-theme=dark] .sic2-dropdown{background:#1e1e1e;border-color:#2a2a2a;box-shadow:0 8px 24px #0006}[data-theme=dark] .sic2-dropdown-item{color:#e0e0e0}[data-theme=dark] .sic2-dropdown-item:hover{background:#252525}[data-theme=dark] .sic2-dropdown-item.danger{color:#f87171}[data-theme=dark] .sic2-dropdown-item.danger:hover{background:#2a1a1a}[data-theme=dark] .sic2-dropdown-item.success{color:#4ade80}[data-theme=dark] .sic2-dropdown-item.success:hover{background:#052e16}[data-theme=dark] .sic2-dropdown-divider{background:#2a2a2a}[data-theme=dark] .sic2-section-title{color:#555;border-bottom-color:#2a2a2a}.stf-header{margin-bottom:20px}.stf-header h2{margin:0 0 4px;font-size:22px;font-weight:800;color:#111;letter-spacing:-.02em}.stf-header p{margin:0;font-size:13px;color:#888;font-weight:500}.stf-mono{font-family:monospace;font-size:12px;font-weight:600;color:#888}.stf-name{font-size:13px;font-weight:700;color:#111}.stf-email{font-size:12px;color:#888;font-weight:500}.stf-position{font-size:13px;font-weight:600;color:#111;text-transform:capitalize}.stf-jobtitle{font-size:12px;color:#555;text-transform:capitalize}.stf-phone{font-size:12px;color:#555;font-weight:500}.stf-avatar-wrap{display:flex;justify-content:center}.stf-avatar{width:30px;height:30px;border-radius:50%;object-fit:cover;border:1.5px solid #e8e8e8}.stf-avatar-fallback{width:30px;height:30px;border-radius:50%;background:#111;color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;text-transform:uppercase}.stf-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;line-height:1;box-shadow:inset 0 1px #fff6,0 1px 2px #0000000d}.stf-badge-active{background:#dcfce7;color:#166534}.stf-badge-inactive{background:#fecaca;color:#991b1b}[data-theme=dark] .stf-header h2{color:#f0f0f0}[data-theme=dark] .stf-header p,[data-theme=dark] .stf-mono{color:#555}[data-theme=dark] .stf-name{color:#e0e0e0}[data-theme=dark] .stf-email{color:#555}[data-theme=dark] .stf-position{color:#e0e0e0}[data-theme=dark] .stf-jobtitle,[data-theme=dark] .stf-phone{color:#888}[data-theme=dark] .stf-avatar{border-color:#3a3a3a}[data-theme=dark] .stf-avatar-fallback{background:#f0f0f0;color:#111}.sfp-container{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;background:#fff}.sfp-header{position:relative;padding:22px 24px 20px;background:#111;flex-shrink:0;overflow:hidden}.sfp-header:before{content:"";position:absolute;width:140px;height:140px;border-radius:50%;border:22px solid rgba(255,255,255,.05);top:-50px;right:-30px;pointer-events:none}.sfp-header:after{content:"";position:absolute;width:44px;height:44px;border-radius:8px;border:1.5px solid rgba(255,255,255,.07);bottom:-14px;right:80px;transform:rotate(18deg);pointer-events:none}.sfp-header-deco{position:absolute;width:70px;height:70px;border-radius:50%;border:10px solid rgba(255,255,255,.04);bottom:-22px;left:-14px;pointer-events:none}.sfp-header-deco2{position:absolute;width:24px;height:24px;border-radius:4px;border:1.5px solid rgba(255,255,255,.06);top:12px;left:180px;transform:rotate(12deg);pointer-events:none}.sfp-header-content{position:relative;z-index:1;display:flex;align-items:center;gap:14px}.sfp-header-icon{width:44px;height:44px;border-radius:12px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.sfp-header-text h2{margin:0 0 3px;font-size:15px;font-weight:800;color:#fff;letter-spacing:-.02em}.sfp-header-text p{margin:0;font-size:12px;color:#ffffff80}.sfp-body{flex:1;min-height:0;overflow-y:auto;padding:22px 24px;display:flex;flex-direction:column;gap:24px}.sfp-body::-webkit-scrollbar{width:3px}.sfp-body::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:2px}.sfp-section{display:flex;flex-direction:column;gap:12px}.sfp-section-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#888;padding-bottom:10px;border-bottom:1px solid #f0f0f0}.sfp-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sfp-strength-bar-wrap{height:5px;border-radius:3px;background:#e8e8e8;margin-top:6px;overflow:hidden}.sfp-strength-bar{height:100%;border-radius:3px;transition:width .3s ease,background .3s ease}.sfp-strength-label{font-size:11px;color:#888;margin-top:4px}.sfp-pw-checks{padding:12px 14px;background:#f4f4f4;border:1px solid #e8e8e8;border-radius:8px;display:grid;grid-template-columns:1fr 1fr;gap:4px 12px}.sfp-pw-check{font-size:11px;font-weight:600;display:flex;align-items:center;gap:5px}.sfp-pw-check.pass{color:#166534}.sfp-pw-check.fail{color:#c33}.sfp-pw-match{font-size:11px;font-weight:700;margin-top:5px}.sfp-pw-match.ok{color:#166534}.sfp-pw-match.bad{color:#c33}.sfp-2fa-info{padding:10px 12px;background:#f4f4f4;border:1px solid #e8e8e8;border-left:3px solid #111111;border-radius:8px;font-size:12px;color:#555;margin-top:8px}.sfp-invite-note{display:flex;align-items:flex-start;gap:14px;padding:16px;border-radius:12px;background:#f7f7f7;border:1px solid #e8e8e8}.sfp-invite-note-icon{width:40px;height:40px;border-radius:10px;flex-shrink:0;background:#111;color:#fff;display:flex;align-items:center;justify-content:center}.sfp-invite-note-text{min-width:0;flex:1}.sfp-invite-note-title{margin:0 0 4px;font-size:13px;font-weight:700;color:#111;letter-spacing:-.02em}.sfp-invite-note-body{margin:0;font-size:12.5px;font-weight:500;color:#666;line-height:1.55}.sfp-invite-note-body strong{color:#111;font-weight:700}.sfp-invite-note-meta{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-size:11px;font-weight:700;color:#888;letter-spacing:.02em}.sfp-error{padding:12px 14px;background:#fef2f2;border:1px solid #fecaca;border-left:3px solid #cc3333;border-radius:8px;font-size:13px;color:#c33}.sfp-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 24px;border-top:1px solid #e8e8e8;background:#f7f7f7;flex-shrink:0}@media(max-width:480px){.sfp-form-row{grid-template-columns:1fr}.sfp-footer{flex-direction:column-reverse}.sfp-pw-checks{grid-template-columns:1fr}}[data-theme=dark] .sfp-container{background:#1a1a1a}[data-theme=dark] .sfp-header{background:#0a0a0a}[data-theme=dark] .sfp-body{background:#1a1a1a}[data-theme=dark] .sfp-body::-webkit-scrollbar-thumb{background:#2a2a2a}[data-theme=dark] .sfp-section-title{color:#555;border-bottom-color:#2a2a2a}[data-theme=dark] .sfp-pw-checks{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .sfp-2fa-info{background:#1e1e1e;border-color:#2a2a2a;border-left-color:#f0f0f0;color:#888}[data-theme=dark] .sfp-invite-note{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .sfp-invite-note-icon{background:#f0f0f0;color:#111}[data-theme=dark] .sfp-invite-note-title{color:#f0f0f0}[data-theme=dark] .sfp-invite-note-body{color:#888}[data-theme=dark] .sfp-invite-note-body strong{color:#f0f0f0}[data-theme=dark] .sfp-invite-note-meta{color:#555}[data-theme=dark] .sfp-error{background:#2a0a0a;border-color:#3a1a1a;border-left-color:#c33}[data-theme=dark] .sfp-footer{background:#1e1e1e;border-top-color:#2a2a2a}[data-theme=dark] .sfp-strength-bar-wrap{background:#2a2a2a}[data-theme=dark] .sfp-strength-label{color:#555}.staffCredentials{max-width:100%}.scHeader{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:20px;border-bottom:1px solid #e8e8e8;margin-bottom:20px;gap:16px}.scHeaderLeft{flex:1;display:flex;flex-direction:column;gap:3px}.scTitle{margin:0;font-size:20px;font-weight:800;color:#111;letter-spacing:-.02em}.scSubtitle{margin:0;font-size:12px;color:#888;font-weight:600}.scHeaderRight{flex-shrink:0}.scSearchContainer{margin-bottom:16px}.scSearchInputWrapper{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid #e8e8e8;border-radius:10px;background:#fff;max-width:480px;color:#888}.scSearchInput{flex:1;border:none;outline:none;font-size:13px;color:#111;background:transparent}.scSearchInput::placeholder{color:#aaa}.scClearSearch{background:none;border:none;color:#888;cursor:pointer;display:flex;align-items:center;padding:2px;border-radius:4px;transition:color .15s}.scClearSearch:hover{color:#111}.scFilterTabs{display:flex;gap:4px;margin-bottom:20px;flex-wrap:wrap}.scFilterTab{padding:6px 14px;border:1px solid #e8e8e8;border-radius:20px;background:#f4f4f4;font-size:12px;font-weight:700;color:#888;cursor:pointer;transition:background .15s,color .15s,border-color .15s;white-space:nowrap}.scFilterTab:hover{border-color:#111;color:#111}.scFilterTab.active{background:#111;color:#fff;border-color:#111}.scDocumentsList{display:grid;grid-template-columns:1fr 1fr;gap:16px}.scDocumentCard{background:#fff;border:1px solid #e8e8e8;border-radius:14px;overflow:hidden;cursor:pointer;transition:box-shadow .15s;display:flex;flex-direction:column}.scDocumentCard:hover{box-shadow:0 4px 16px #00000012}.scDocumentCard.expired{border-color:#fca5a5}.scDocumentCard.expiring{border-color:#fcd34d}.scDocumentHeader{padding:14px 16px;background:#f7f7f7;border-bottom:1px solid #e8e8e8;position:relative;overflow:hidden}.scDocumentHeader:before{content:"";position:absolute;width:80px;height:80px;border-radius:50%;border:14px solid rgba(0,0,0,.04);top:-30px;right:-18px;pointer-events:none}.scFileTitleRow{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;gap:10px}.scFileCategory{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#888;background:#eee;padding:2px 8px;border-radius:20px}.scFileBadges{display:flex;gap:6px}.scTypeBadge,.scSizeBadge,.scRequiredBadge{padding:2px 8px;border-radius:20px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#fff}.scTypeBadge{background:#111}.scSizeBadge{background:#888}.scRequiredBadge{background:#c33}.scDocumentTitle{margin:0 0 3px;font-size:14px;font-weight:800;color:#111;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scFileName{margin:0;font-size:11px;color:#888;font-family:monospace;background:#eee;padding:1px 6px;border-radius:4px;display:inline-block}.scDocumentBody{padding:12px 16px;flex:1}.scDocumentDetails{display:grid;grid-template-columns:1fr 1fr;gap:8px}.scDetailItem{display:flex;flex-direction:column;gap:1px}.scDetailLabel{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#aaa}.scDetailValue{font-size:12px;font-weight:700;color:#333}.scDetailValue.expired{color:#c33}.scDetailValue.expiring{color:#d97706}.scDocumentFooter{padding:10px 16px;border-top:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center}.scDocumentActions{display:flex;gap:6px}.scDownloadIconButton,.scDeleteIconButton{width:32px;height:32px;border-radius:8px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.scDownloadIconButton{background:#111;color:#fff}.scDownloadIconButton:hover{background:#333}.scDeleteIconButton{background:#fff0f0;color:#c33;border:1px solid #fca5a5}.scDeleteIconButton:hover{background:#c33;color:#fff;border-color:#c33}.scViewDetails{display:flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;color:#888;transition:color .15s,gap .15s}.scDocumentCard:hover .scViewDetails{color:#111;gap:8px}.scEmptyState{text-align:center;padding:60px 20px;display:flex;flex-direction:column;align-items:center;gap:8px}.scEmptyState h3{margin:0;font-size:15px;font-weight:800;color:#111}.scEmptyState p{margin:0;font-size:13px;color:#888}.scClearSearchButton{margin-top:4px;padding:6px 16px;border:1px solid #e8e8e8;border-radius:8px;background:#f4f4f4;font-size:12px;font-weight:700;color:#111;cursor:pointer;transition:background .15s}.scClearSearchButton:hover{background:#111;color:#fff;border-color:#111}.scSlideMenuContent{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;background:#fff}.scSlideMenuHeader{position:relative;padding:22px 24px 20px;background:#111;flex-shrink:0;overflow:hidden}.scSlideMenuHeader:before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;border:18px solid rgba(255,255,255,.05);top:-40px;right:-24px;pointer-events:none}.scSlideMenuHeader h2{margin:0 0 3px;font-size:14px;font-weight:800;color:#fff;letter-spacing:-.01em}.scSlideMenuHeader p{margin:0;font-size:12px;color:#ffffff80}.scSlideMenuBody{flex:1;min-height:0;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:20px}.scSlideMenuBody::-webkit-scrollbar{width:3px}.scSlideMenuBody::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:2px}.scSlideMenuFooter{display:flex;justify-content:flex-end;gap:10px;padding:14px 24px;border-top:1px solid #e8e8e8;background:#f7f7f7;flex-shrink:0}.scDetailSection{display:flex;flex-direction:column;gap:12px}.scDetailSection h3{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#888;padding-bottom:8px;border-bottom:1px solid #f0f0f0;margin:0}.scDetailGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:768px){.scHeader{flex-direction:column;gap:14px}.scDocumentsList,.scDetailGrid{grid-template-columns:1fr}}[data-theme=dark] .scTitle{color:#f0f0f0}[data-theme=dark] .scSubtitle{color:#555}[data-theme=dark] .scHeader{border-bottom-color:#2a2a2a}[data-theme=dark] .scSearchInputWrapper{background:#1e1e1e;border-color:#2a2a2a;color:#555}[data-theme=dark] .scSearchInput{color:#e0e0e0}[data-theme=dark] .scFilterTab{background:#1e1e1e;border-color:#2a2a2a;color:#555}[data-theme=dark] .scFilterTab:hover{border-color:#f0f0f0;color:#f0f0f0}[data-theme=dark] .scFilterTab.active{background:#f0f0f0;color:#111;border-color:#f0f0f0}[data-theme=dark] .scDocumentCard{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .scDocumentCard:hover{box-shadow:0 4px 16px #0000004d}[data-theme=dark] .scDocumentHeader{background:#252525;border-bottom-color:#2a2a2a}[data-theme=dark] .scDocumentTitle{color:#f0f0f0}[data-theme=dark] .scFileName,[data-theme=dark] .scFileCategory{background:#2a2a2a;color:#888}[data-theme=dark] .scDetailValue{color:#ccc}[data-theme=dark] .scDocumentFooter{border-top-color:#2a2a2a}[data-theme=dark] .scViewDetails{color:#555}[data-theme=dark] .scDocumentCard:hover .scViewDetails,[data-theme=dark] .scEmptyState h3{color:#f0f0f0}[data-theme=dark] .scEmptyState p{color:#555}[data-theme=dark] .scSlideMenuContent{background:#1a1a1a}[data-theme=dark] .scSlideMenuHeader{background:#0a0a0a}[data-theme=dark] .scSlideMenuBody{background:#1a1a1a}[data-theme=dark] .scSlideMenuBody::-webkit-scrollbar-thumb{background:#2a2a2a}[data-theme=dark] .scSlideMenuFooter{background:#1e1e1e;border-top-color:#2a2a2a}[data-theme=dark] .scDetailSection h3{color:#555;border-bottom-color:#2a2a2a}.dfp-panel{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;background:#fff}.dfp-header{position:relative;padding:22px 24px 20px;background:#111;flex-shrink:0;overflow:hidden}.dfp-header:before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;border:18px solid rgba(255,255,255,.05);top:-40px;right:-24px;pointer-events:none}.dfp-header-deco{position:absolute;width:60px;height:60px;border-radius:50%;border:10px solid rgba(255,255,255,.04);bottom:-20px;left:-12px;pointer-events:none}.dfp-header-deco2{position:absolute;width:40px;height:40px;border-radius:8px;border:1.5px solid rgba(255,255,255,.07);top:14px;right:80px;transform:rotate(18deg);pointer-events:none}.dfp-header-content{position:relative;z-index:1;display:flex;align-items:center;gap:14px}.dfp-header-icon{width:40px;height:40px;border-radius:10px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.dfp-header-title{margin:0 0 3px;font-size:14px;font-weight:800;color:#fff;letter-spacing:-.01em}.dfp-header-sub{margin:0;font-size:12px;color:#ffffff80}.dfp-body{flex:1;min-height:0;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:14px}.dfp-body::-webkit-scrollbar{width:3px}.dfp-body::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:2px}.dfp-section{display:flex;flex-direction:column;gap:6px}.dfp-section-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#888}.dfp-dropzone{border:1.5px dashed #e0e0e0;border-radius:12px;padding:20px;cursor:pointer;transition:border-color .15s,background .15s;background:#fafafa}.dfp-dropzone:hover,.dfp-dropzone.drag-over{border-color:#111;background:#f5f5f5}.dfp-dropzone.has-file{border-style:solid;border-color:#111;background:#f5f5f5}.dfp-dropzone-empty{display:flex;flex-direction:column;align-items:center;gap:10px}.dfp-dropzone-icon{width:44px;height:44px;border-radius:11px;background:#111;display:flex;align-items:center;justify-content:center;color:#fff}.dfp-dropzone-text{display:flex;flex-direction:column;align-items:center;gap:3px}.dfp-dropzone-main{font-size:13px;font-weight:700;color:#111}.dfp-dropzone-hint{font-size:11px;color:#aaa}.dfp-file-selected{display:flex;align-items:center;gap:12px}.dfp-file-icon{width:38px;height:38px;border-radius:9px;background:#111;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.dfp-file-info{flex:1;min-width:0}.dfp-file-name{font-size:13px;font-weight:700;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dfp-file-size{font-size:11px;color:#888;margin-top:2px}.dfp-file-remove{width:26px;height:26px;border-radius:6px;border:1.5px solid #e0e0e0;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#888;flex-shrink:0;transition:border-color .15s,color .15s}.dfp-file-remove:hover{border-color:#111;color:#111}.dfp-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 24px;border-top:1px solid #e8e8e8;background:#f7f7f7;flex-shrink:0}[data-theme=dark] .dfp-panel{background:#1a1a1a}[data-theme=dark] .dfp-header{background:#0a0a0a}[data-theme=dark] .dfp-body{background:#1a1a1a}[data-theme=dark] .dfp-body::-webkit-scrollbar-thumb{background:#2a2a2a}[data-theme=dark] .dfp-footer{background:#1e1e1e;border-top-color:#2a2a2a}[data-theme=dark] .dfp-section-label{color:#555}[data-theme=dark] .dfp-dropzone{background:#252525;border-color:#3a3a3a}[data-theme=dark] .dfp-dropzone:hover,[data-theme=dark] .dfp-dropzone.drag-over,[data-theme=dark] .dfp-dropzone.has-file{background:#2a2a2a;border-color:#f0f0f0}[data-theme=dark] .dfp-dropzone-main{color:#f0f0f0}[data-theme=dark] .dfp-dropzone-hint{color:#555}[data-theme=dark] .dfp-file-name{color:#f0f0f0}[data-theme=dark] .dfp-file-size{color:#555}[data-theme=dark] .dfp-file-remove{background:#252525;border-color:#3a3a3a;color:#555}[data-theme=dark] .dfp-file-remove:hover{border-color:#f0f0f0;color:#f0f0f0}.staffResources{max-width:100%}.stf-res-header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:20px;border-bottom:1px solid #e8e8e8;margin-bottom:20px}.stf-res-header-left{flex:1;display:flex;flex-direction:column;gap:3px}.stf-res-title{margin:0;font-size:20px;font-weight:800;color:#111;letter-spacing:-.02em}.stf-res-subtitle{margin:0;font-size:12px;color:#888;font-weight:600}.stf-res-search-wrap{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid #e8e8e8;border-radius:10px;background:#fff;margin-bottom:16px;max-width:480px;color:#888}.stf-res-search{flex:1;border:none;outline:none;font-size:13px;color:#111;background:transparent}.stf-res-search::placeholder{color:#aaa}.stf-res-clear{background:none;border:none;color:#888;cursor:pointer;display:flex;align-items:center;padding:2px;border-radius:4px;transition:color .15s}.stf-res-clear:hover{color:#111}.stf-res-tabs{display:flex;gap:4px;margin-bottom:20px;flex-wrap:wrap}.stf-res-tab{padding:6px 14px;border:1px solid #e8e8e8;border-radius:20px;background:#f4f4f4;font-size:12px;font-weight:700;color:#888;cursor:pointer;transition:background .15s,color .15s,border-color .15s;white-space:nowrap}.stf-res-tab:hover{border-color:#111;color:#111}.stf-res-tab.active{background:#111;color:#fff;border-color:#111}.stf-res-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.stf-res-empty{text-align:center;padding:60px 20px;display:flex;flex-direction:column;align-items:center;gap:8px}.stf-res-empty h3{margin:0;font-size:15px;font-weight:800;color:#111}.stf-res-empty p{margin:0;font-size:13px;color:#888}.stf-res-clear-btn{margin-top:4px;padding:6px 16px;border:1px solid #e8e8e8;border-radius:8px;background:#f4f4f4;font-size:12px;font-weight:700;color:#111;cursor:pointer;transition:background .15s}.stf-res-clear-btn:hover{background:#111;color:#fff;border-color:#111}@media(max-width:768px){.stf-res-header{flex-direction:column;gap:14px}.stf-res-grid{grid-template-columns:1fr}}[data-theme=dark] .stf-res-title{color:#f0f0f0}[data-theme=dark] .stf-res-subtitle{color:#555}[data-theme=dark] .stf-res-header{border-bottom-color:#2a2a2a}[data-theme=dark] .stf-res-search-wrap{background:#1e1e1e;border-color:#2a2a2a;color:#555}[data-theme=dark] .stf-res-search{color:#e0e0e0}[data-theme=dark] .stf-res-tab{background:#1e1e1e;border-color:#2a2a2a;color:#555}[data-theme=dark] .stf-res-tab:hover{border-color:#f0f0f0;color:#f0f0f0}[data-theme=dark] .stf-res-tab.active{background:#f0f0f0;color:#111;border-color:#f0f0f0}[data-theme=dark] .stf-res-empty h3{color:#f0f0f0}[data-theme=dark] .stf-res-empty p{color:#555}.rfp-panel{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;background:#fff}.rfp-header{position:relative;padding:22px 24px 20px;background:#111;flex-shrink:0;overflow:hidden}.rfp-header:before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;border:18px solid rgba(255,255,255,.05);top:-40px;right:-24px;pointer-events:none}.rfp-header-deco{position:absolute;width:60px;height:60px;border-radius:50%;border:10px solid rgba(255,255,255,.04);bottom:-20px;left:-12px;pointer-events:none}.rfp-header-deco2{position:absolute;width:40px;height:40px;border-radius:8px;border:1.5px solid rgba(255,255,255,.07);top:14px;right:80px;transform:rotate(18deg);pointer-events:none}.rfp-header-content{position:relative;z-index:1;display:flex;align-items:center;gap:14px}.rfp-header-icon{width:40px;height:40px;border-radius:10px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.rfp-header-title{margin:0 0 3px;font-size:14px;font-weight:800;color:#fff;letter-spacing:-.01em}.rfp-header-sub{margin:0;font-size:12px;color:#ffffff80}.rfp-body{flex:1;min-height:0;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:14px}.rfp-body::-webkit-scrollbar{width:3px}.rfp-body::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:2px}.rfp-section{display:flex;flex-direction:column;gap:6px}.rfp-section-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#888}.rfp-dropzone{border:1.5px dashed #e0e0e0;border-radius:12px;padding:20px;cursor:pointer;transition:border-color .15s,background .15s;background:#fafafa}.rfp-dropzone:hover,.rfp-dropzone.drag-over{border-color:#111;background:#f5f5f5}.rfp-dropzone.has-file{border-style:solid;border-color:#111;background:#f5f5f5}.rfp-dropzone-empty{display:flex;flex-direction:column;align-items:center;gap:10px}.rfp-dropzone-icon{width:44px;height:44px;border-radius:11px;background:#111;display:flex;align-items:center;justify-content:center;color:#fff}.rfp-dropzone-text{display:flex;flex-direction:column;align-items:center;gap:3px}.rfp-dropzone-main{font-size:13px;font-weight:700;color:#111}.rfp-dropzone-hint{font-size:11px;color:#aaa}.rfp-file-selected{display:flex;align-items:center;gap:12px}.rfp-file-icon{width:38px;height:38px;border-radius:9px;background:#111;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.rfp-file-info{flex:1;min-width:0}.rfp-file-name{font-size:13px;font-weight:700;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rfp-file-size{font-size:11px;color:#888;margin-top:2px}.rfp-file-remove{width:26px;height:26px;border-radius:6px;border:1.5px solid #e0e0e0;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#888;flex-shrink:0;transition:border-color .15s,color .15s}.rfp-file-remove:hover{border-color:#111;color:#111}.rfp-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 24px;border-top:1px solid #e8e8e8;background:#f7f7f7;flex-shrink:0}[data-theme=dark] .rfp-panel{background:#1a1a1a}[data-theme=dark] .rfp-header{background:#0a0a0a}[data-theme=dark] .rfp-body{background:#1a1a1a}[data-theme=dark] .rfp-body::-webkit-scrollbar-thumb{background:#2a2a2a}[data-theme=dark] .rfp-footer{background:#1e1e1e;border-top-color:#2a2a2a}[data-theme=dark] .rfp-section-label{color:#555}[data-theme=dark] .rfp-dropzone{background:#252525;border-color:#3a3a3a}[data-theme=dark] .rfp-dropzone:hover,[data-theme=dark] .rfp-dropzone.drag-over,[data-theme=dark] .rfp-dropzone.has-file{background:#2a2a2a;border-color:#f0f0f0}[data-theme=dark] .rfp-dropzone-main{color:#f0f0f0}[data-theme=dark] .rfp-dropzone-hint{color:#555}[data-theme=dark] .rfp-file-name{color:#f0f0f0}[data-theme=dark] .rfp-file-size{color:#555}[data-theme=dark] .rfp-file-remove{background:#252525;border-color:#3a3a3a;color:#555}[data-theme=dark] .rfp-file-remove:hover{border-color:#f0f0f0;color:#f0f0f0}.staff-assignments{max-width:100%}.assignments-header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:20px;border-bottom:1px solid #e8e8e8;margin-bottom:20px;gap:16px}.assignments-header h3{margin:0;font-size:20px;font-weight:800;color:#111;letter-spacing:-.02em}.assignments-header .subtitle{margin:0;font-size:12px;color:#888;font-weight:600}.sa-type-badge,.sa-status-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.sa-status-badge.active{background:#dcfce7;color:#166634}.sa-status-badge.inactive{background:#f0f0f0;color:#888}.sa-panel-body{flex:1;min-height:0;overflow-y:auto;padding:20px 24px}.sa-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:640px){.assignments-header{flex-direction:column;gap:14px}.sa-grid{grid-template-columns:1fr}}[data-theme=dark] .assignments-header h3{color:#f0f0f0}[data-theme=dark] .assignments-header .subtitle{color:#555}[data-theme=dark] .assignments-header{border-bottom-color:#2a2a2a}[data-theme=dark] .sa-status-badge.inactive{background:#252525;color:#555}.staffActivity{max-width:100%}.actHeader{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:20px;border-bottom:1px solid #e8e8e8;margin-bottom:20px;gap:16px}.actHeaderLeft{flex:1;display:flex;flex-direction:column;gap:3px}.actTitle{margin:0;font-size:20px;font-weight:800;color:#111;letter-spacing:-.02em}.actSubtitle{margin:0;font-size:12px;color:#888;font-weight:600}@media(max-width:640px){.actHeader{flex-direction:column;gap:14px}.act-detail-grid{grid-template-columns:1fr}}[data-theme=dark] .actTitle{color:#f0f0f0}[data-theme=dark] .actSubtitle{color:#555}[data-theme=dark] .actHeader{border-bottom-color:#2a2a2a}.staffPerformance{max-width:100%}.performanceHeader{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:20px;border-bottom:1px solid #e8e8e8;margin-bottom:20px;gap:16px}.performanceHeaderLeft{flex:1;display:flex;flex-direction:column;gap:3px}.performanceTitle{margin:0;font-size:20px;font-weight:800;color:#111;letter-spacing:-.02em}.performanceSubtitle{margin:0;font-size:12px;color:#888;font-weight:600}.perf-rating-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.03em}.perf-status{font-size:13px;font-weight:700}.perf-eval-name{font-weight:700;font-size:13px;color:#111;margin:0 0 2px}.perf-eval-role{font-size:11px;color:#888;margin:0}.perf-eval-type{font-weight:700;font-size:13px;color:#111;margin:0 0 2px}.perf-eval-period{font-size:11px;color:#888;margin:0}.perf-panel{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;background:#fff}.perf-panel-header{position:relative;padding:22px 24px 20px;flex-shrink:0;overflow:hidden}.perf-panel-header.default{background:#111}.perf-panel-header.danger{background:#c33}.perf-panel-header:before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;border:18px solid rgba(255,255,255,.05);top:-40px;right:-24px;pointer-events:none}.perf-panel-deco{position:absolute;width:60px;height:60px;border-radius:50%;border:10px solid rgba(255,255,255,.04);bottom:-20px;left:-12px;pointer-events:none}.perf-panel-header-content{position:relative;z-index:1;display:flex;align-items:flex-start;gap:14px}.perf-panel-header-icon{width:40px;height:40px;border-radius:10px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.perf-panel-header-text h2{margin:0 0 3px;font-size:14px;font-weight:800;color:#fff;letter-spacing:-.01em}.perf-panel-header-text p{margin:0;font-size:12px;color:#ffffff8c}.perf-panel-body{flex:1;min-height:0;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:20px}.perf-panel-body::-webkit-scrollbar{width:3px}.perf-panel-body::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:2px}.perf-panel-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 24px;border-top:1px solid #e8e8e8;background:#f7f7f7;flex-shrink:0}.perf-section{display:flex;flex-direction:column;gap:10px}.perf-section-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#888;padding-bottom:8px;border-bottom:1px solid #f0f0f0;margin:0;display:block}.perf-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.perf-cat-card{padding:12px 14px;background:#f7f7f7;border:1px solid #e8e8e8;border-radius:10px;display:flex;flex-direction:column;gap:6px}.perf-cat-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.perf-cat-name{font-weight:700;font-size:13px;color:#111}.perf-cat-meta{display:flex;align-items:center;gap:8px}.perf-cat-score{font-size:11px;color:#888;font-weight:600}.perf-cat-comment{font-size:12px;color:#888;margin:0;line-height:1.5}.perf-list{display:flex;flex-direction:column;gap:5px}.perf-list-item{display:flex;align-items:flex-start;gap:8px;padding:8px 12px;border-radius:8px;font-size:13px;color:#333;line-height:1.5}.perf-list-item.strength{background:#f0fdf4;border-left:3px solid #22c55e}.perf-list-item.improvement{background:#fffbeb;border-left:3px solid #f59e0b}.perf-list-item.goal{background:#eff6ff;border-left:3px solid #3b82f6}.perf-comments{padding:12px 14px;background:#f7f7f7;border:1px solid #e8e8e8;border-radius:8px;font-size:13px;color:#555;line-height:1.6;margin:0}.perf-form-section-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#888;padding-bottom:8px;border-bottom:1px solid #f0f0f0;margin:0 0 14px;display:block}.perf-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px}.perf-cat-editor-add{display:flex;gap:8px;margin-bottom:12px}.perf-cat-editor-input{flex:1;padding:8px 12px;border:1px solid #e8e8e8;border-radius:8px;font-size:13px;color:#111;background:#fafafa;outline:none;transition:border-color .15s}.perf-cat-editor-input:focus{border-color:#111;background:#fff}.perf-cat-editor-btn{padding:8px 14px;background:#f4f4f4;border:1px solid #e8e8e8;border-radius:8px;font-size:12px;font-weight:700;color:#111;cursor:pointer;transition:background .15s}.perf-cat-editor-btn:hover{background:#111;color:#fff;border-color:#111}.perf-cat-editor-empty{font-size:12px;color:#aaa;margin:0}.perf-cat-editor-list{display:flex;flex-direction:column;gap:10px}.perf-cat-editor-item{padding:12px 14px;background:#f7f7f7;border:1px solid #e8e8e8;border-radius:10px}.perf-cat-editor-item-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.perf-cat-editor-item-name{font-weight:700;font-size:13px;color:#111}.perf-cat-editor-remove{background:none;border:none;cursor:pointer;color:#aaa;font-size:18px;line-height:1;padding:0;transition:color .15s}.perf-cat-editor-remove:hover{color:#c33}.perf-cat-editor-item-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.perf-list-editor{margin-bottom:8px}.perf-list-editor-label{font-size:12px;font-weight:700;color:#555;display:block;margin-bottom:6px}.perf-list-editor-add{display:flex;gap:8px;margin-bottom:8px}.perf-list-editor-input{flex:1;padding:7px 10px;border:1px solid #e8e8e8;border-radius:8px;font-size:13px;color:#111;background:#fafafa;outline:none;transition:border-color .15s}.perf-list-editor-input:focus{border-color:#111;background:#fff}.perf-list-editor-btn{padding:7px 12px;background:#f4f4f4;border:1px solid #e8e8e8;border-radius:8px;font-size:12px;font-weight:700;color:#111;cursor:pointer;transition:background .15s}.perf-list-editor-btn:hover{background:#111;color:#fff;border-color:#111}.perf-list-editor-items{display:flex;flex-direction:column;gap:4px}.perf-list-editor-item{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background:#f7f7f7;border:1px solid #e8e8e8;border-radius:6px;font-size:13px;color:#333}.perf-list-editor-item-remove{background:none;border:none;cursor:pointer;color:#aaa;font-size:16px;line-height:1;padding:0}.perf-list-editor-item-remove:hover{color:#c33}.perf-delete-name{padding:12px 14px;background:#f4f4f4;border:1px solid #e8e8e8;border-radius:10px;font-size:14px;font-weight:800;color:#111}.perf-delete-warn{padding:11px 14px;border-radius:8px;background:#fef9c3;border:1px solid #fde68a;border-left:3px solid #f59e0b;font-size:12px;font-weight:600;color:#854d0e;line-height:1.5}@media(max-width:640px){.performanceHeader{flex-direction:column;gap:14px}.perf-detail-grid,.perf-form-grid,.perf-cat-editor-item-grid{grid-template-columns:1fr}}[data-theme=dark] .performanceTitle{color:#f0f0f0}[data-theme=dark] .performanceSubtitle{color:#555}[data-theme=dark] .performanceHeader{border-bottom-color:#2a2a2a}[data-theme=dark] .perf-eval-name,[data-theme=dark] .perf-eval-type{color:#f0f0f0}[data-theme=dark] .perf-eval-role,[data-theme=dark] .perf-eval-period{color:#555}[data-theme=dark] .perf-panel{background:#1a1a1a}[data-theme=dark] .perf-panel-header.default{background:#0a0a0a}[data-theme=dark] .perf-panel-body{background:#1a1a1a}[data-theme=dark] .perf-panel-body::-webkit-scrollbar-thumb{background:#2a2a2a}[data-theme=dark] .perf-panel-footer{background:#1e1e1e;border-top-color:#2a2a2a}[data-theme=dark] .perf-section-title{color:#555;border-bottom-color:#2a2a2a}[data-theme=dark] .perf-cat-card{background:#252525;border-color:#2a2a2a}[data-theme=dark] .perf-cat-name{color:#f0f0f0}[data-theme=dark] .perf-cat-comment{color:#555}[data-theme=dark] .perf-list-item{color:#ccc}[data-theme=dark] .perf-comments{background:#252525;border-color:#2a2a2a;color:#888}[data-theme=dark] .perf-form-section-title{color:#555;border-bottom-color:#2a2a2a}[data-theme=dark] .perf-cat-editor-input,[data-theme=dark] .perf-list-editor-input,[data-theme=dark] .perf-cat-editor-btn,[data-theme=dark] .perf-list-editor-btn{background:#252525;border-color:#3a3a3a;color:#e0e0e0}[data-theme=dark] .perf-cat-editor-item,[data-theme=dark] .perf-list-editor-item{background:#1e1e1e;border-color:#2a2a2a;color:#ccc}[data-theme=dark] .perf-cat-editor-item-name{color:#f0f0f0}[data-theme=dark] .perf-delete-name{background:#1e1e1e;border-color:#2a2a2a;color:#f0f0f0}[data-theme=dark] .perf-delete-warn{background:#1c1200;border-color:#3a2a00;border-left-color:#f59e0b;color:#fcd34d}.aic-card{background:#fff;border:1px solid #e8e8e8;border-radius:16px;overflow:hidden;width:100%;box-sizing:border-box}.aic-banner{position:relative;height:80px;background:#111;overflow:hidden}.aic-banner:before{content:"";position:absolute;width:160px;height:160px;border-radius:50%;border:28px solid rgba(255,255,255,.05);top:-70px;right:-40px;pointer-events:none}.aic-banner:after{content:"";position:absolute;width:50px;height:50px;border-radius:8px;border:1.5px solid rgba(255,255,255,.07);bottom:-18px;right:100px;transform:rotate(18deg);pointer-events:none}.aic-banner-deco{position:absolute;width:80px;height:80px;border-radius:50%;border:12px solid rgba(255,255,255,.04);bottom:-30px;left:-20px;pointer-events:none}.aic-header{padding:0 20px 16px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.aic-avatar-wrap{position:relative;margin-top:-40px;flex-shrink:0}.aic-avatar{width:80px;height:80px;border-radius:20px;object-fit:cover;border:3px solid #ffffff;box-shadow:0 4px 12px #0000001f;display:block}.aic-avatar-fallback{width:80px;height:80px;border-radius:20px;background:#111;color:#fff;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:800;text-transform:uppercase;border:3px solid #ffffff;box-shadow:0 4px 12px #0000001f}.aic-header-info{flex:1;min-width:0;padding-top:8px}.aic-name{margin:0 0 4px;font-size:17px;font-weight:800;color:#111;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aic-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.aic-admin-id{font-size:12px;font-weight:600;color:#888;font-family:monospace}.aic-status-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.aic-status-badge.active{background:#dcfce7;color:#166634}.aic-status-badge.inactive{background:#fecaca;color:#991b1b}.aic-actions-wrap{position:relative;flex-shrink:0;padding-top:8px}.aic-actions-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:8px;border:1px solid #e8e8e8;background:#f4f4f4;font-size:12px;font-weight:700;color:#111;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.aic-actions-btn:hover{background:#111;color:#fff;border-color:#111}.aic-dropdown{position:absolute;top:calc(100% + 6px);right:0;background:#fff;border:1px solid #e8e8e8;border-radius:12px;box-shadow:0 8px 24px #0000001f;min-width:220px;z-index:9999;overflow:hidden;animation:aic-fade .15s ease-out}@keyframes aic-fade{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.aic-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:11px 16px;border:none;background:transparent;font-size:13px;font-weight:600;color:#111;cursor:pointer;transition:background .15s;text-align:left}.aic-dropdown-item:hover{background:#f4f4f4}.aic-dropdown-item.danger{color:#c33}.aic-dropdown-item.danger:hover{background:#fff0f0}.aic-dropdown-item.success{color:#16a34a}.aic-dropdown-item.success:hover{background:#f0fdf4}.aic-dropdown-item.disabled{color:#aaa;cursor:not-allowed}.aic-dropdown-item.disabled:hover{background:transparent}.aic-dropdown-divider{height:1px;background:#f0f0f0;margin:4px 0}.aic-body{padding:0 20px 20px;display:flex;flex-direction:column;gap:20px}.aic-section-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#888;padding-bottom:8px;border-bottom:1px solid #f0f0f0;margin:0 0 12px;display:block}.aic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px 14px}.aic-staff-link{display:flex;flex-direction:column;gap:8px}.aic-staff-link-desc{margin:0;font-size:12px;color:#888;font-weight:500}.aic-staff-link-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;border:1px solid #e8e8e8;background:#f4f4f4;font-size:12px;font-weight:700;color:#111;cursor:pointer;transition:background .15s,border-color .15s;align-self:flex-start}.aic-staff-link-btn:hover{background:#111;color:#fff;border-color:#111}[data-theme=dark] .aic-card{background:#1a1a1a;border-color:#2a2a2a}[data-theme=dark] .aic-banner{background:#0a0a0a}[data-theme=dark] .aic-avatar-fallback{background:#f0f0f0;color:#111;border-color:#1a1a1a}[data-theme=dark] .aic-avatar{border-color:#1a1a1a}[data-theme=dark] .aic-name{color:#f0f0f0}[data-theme=dark] .aic-admin-id{color:#555}[data-theme=dark] .aic-actions-btn{background:#252525;border-color:#3a3a3a;color:#e0e0e0}[data-theme=dark] .aic-actions-btn:hover{background:#f0f0f0;color:#111;border-color:#f0f0f0}[data-theme=dark] .aic-dropdown{background:#1e1e1e;border-color:#2a2a2a;box-shadow:0 8px 24px #0006}[data-theme=dark] .aic-dropdown-item{color:#e0e0e0}[data-theme=dark] .aic-dropdown-item:hover{background:#252525}[data-theme=dark] .aic-dropdown-item.danger{color:#f87171}[data-theme=dark] .aic-dropdown-item.danger:hover{background:#2a1a1a}[data-theme=dark] .aic-dropdown-item.success{color:#4ade80}[data-theme=dark] .aic-dropdown-item.success:hover{background:#052e16}[data-theme=dark] .aic-dropdown-item.disabled{color:#444}[data-theme=dark] .aic-dropdown-divider{background:#2a2a2a}[data-theme=dark] .aic-section-title{color:#555;border-bottom-color:#2a2a2a}[data-theme=dark] .aic-staff-link-btn{background:#252525;border-color:#3a3a3a;color:#e0e0e0}[data-theme=dark] .aic-staff-link-btn:hover{background:#f0f0f0;color:#111;border-color:#f0f0f0}[data-theme=dark] .aic-staff-link-desc{color:#555}.acred-wrap{padding:20px 24px}.acred-empty{padding:40px;text-align:center;color:#888;font-size:13px}.acred-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #e8e8e8}.acred-header-left{display:flex;align-items:flex-start;gap:12px;flex:1}.acred-header-icon{width:40px;height:40px;border-radius:10px;background:#f4f4f4;border:1px solid #e8e8e8;display:flex;align-items:center;justify-content:center;color:#555;flex-shrink:0}.acred-title{margin:0 0 3px;font-size:18px;font-weight:800;color:#111;letter-spacing:-.02em}.acred-subtitle{margin:0;font-size:13px;color:#888}.acred-scope-label{font-weight:700;color:#111}.acred-scope-label.full{color:#7c3aed}.acred-header-actions{display:flex;gap:8px;flex-shrink:0}.acred-scope-row{display:flex;align-items:center;gap:14px;margin-bottom:16px;font-size:13px}.acred-scope-row-label{font-weight:600;color:#555}.acred-scope-option{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:13px;color:#333;font-weight:500}.acred-table{border:1px solid #e8e8e8;border-radius:10px;overflow:hidden}.acred-table-head{display:grid;grid-template-columns:1fr 80px 80px 80px 80px 70px;background:#f7f7f7;border-bottom:1px solid #e8e8e8;padding:9px 16px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#888}.acred-table-row{display:grid;grid-template-columns:1fr 80px 80px 80px 80px 70px;padding:10px 16px;align-items:center;border-bottom:1px solid #f4f4f4;background:#fff;transition:background .1s}.acred-table-row.last{border-bottom:none}.acred-table-row.any-on{background:#fafafa}.acred-table-row.all-on{background:#f0fdf4}.acred-col-action,.acred-col-all{display:flex;align-items:center;justify-content:center}.acred-mod-label{font-size:13px;font-weight:600;color:#333}.acred-col-read{color:#8b5cf6}.acred-col-create{color:#10b981}.acred-col-edit{color:#3b82f6}.acred-col-delete{color:#ef4444}.acred-check-label{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.acred-check-label.locked{cursor:not-allowed;opacity:.5}.acred-check-input{display:none}.acred-check-box{width:20px;height:20px;border-radius:4px;border:2px solid #d1d5db;background:#fff;display:inline-flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}.acred-check-read.checked{border-color:#8b5cf6;background:#f5f3ff;color:#8b5cf6}.acred-check-create.checked{border-color:#10b981;background:#f0fdf4;color:#10b981}.acred-check-edit.checked{border-color:#3b82f6;background:#eff6ff;color:#3b82f6}.acred-check-delete.checked{border-color:#ef4444;background:#fef2f2;color:#ef4444}.acred-check-all.checked{border-color:#7c3aed;background:#ede9fe;color:#7c3aed}.acred-check-box.empty{border-color:#e5e7eb;background:#f9fafb;color:#d1d5db}.acred-legend{display:flex;gap:20px;margin-top:14px;font-size:12px;color:#888;flex-wrap:wrap}.acred-legend-item{display:flex;align-items:center;gap:5px}.acred-legend-dot{width:12px;height:12px;border-radius:3px;display:inline-block;border:1.5px solid transparent}[data-theme=dark] .acred-title{color:#f0f0f0}[data-theme=dark] .acred-subtitle{color:#555}[data-theme=dark] .acred-header{border-bottom-color:#2a2a2a}[data-theme=dark] .acred-header-icon{background:#252525;border-color:#3a3a3a;color:#888}[data-theme=dark] .acred-scope-label{color:#e0e0e0}[data-theme=dark] .acred-scope-option{color:#ccc}[data-theme=dark] .acred-scope-row-label{color:#888}[data-theme=dark] .acred-table{border-color:#2a2a2a}[data-theme=dark] .acred-table-head{background:#1e1e1e;border-bottom-color:#2a2a2a;color:#555}[data-theme=dark] .acred-table-row{background:#1a1a1a;border-bottom-color:#252525}[data-theme=dark] .acred-table-row.any-on{background:#1e1e1e}[data-theme=dark] .acred-table-row.all-on{background:#052e16}[data-theme=dark] .acred-mod-label{color:#ccc}[data-theme=dark] .acred-check-box{border-color:#3a3a3a;background:#252525}[data-theme=dark] .acred-check-box.empty{border-color:#2a2a2a;background:#1e1e1e;color:#3a3a3a}[data-theme=dark] .acred-legend{color:#555}.asec-wrap{padding:20px 24px;max-width:560px}.asec-empty{padding:40px;text-align:center;color:#888;font-size:13px}.asec-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #e8e8e8}.asec-header-icon{width:40px;height:40px;border-radius:10px;background:#f4f4f4;border:1px solid #e8e8e8;display:flex;align-items:center;justify-content:center;color:#555;flex-shrink:0}.asec-title{margin:0 0 3px;font-size:18px;font-weight:800;color:#111;letter-spacing:-.02em}.asec-subtitle{margin:0;font-size:13px;color:#888}.asec-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px;border:1px solid #e8e8e8;border-radius:12px;background:#fff}.asec-card-left{flex:1}.asec-card-title{margin:0 0 6px;font-size:15px;font-weight:700;color:#111}.asec-card-desc{margin:0 0 10px;font-size:13px;color:#888;line-height:1.6}.asec-badge{display:inline-block;padding:3px 12px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.asec-badge.enabled{background:#dcfce7;color:#166634}.asec-badge.disabled{background:#f0f0f0;color:#888}.asec-toggle{flex-shrink:0;width:52px;height:28px;border-radius:14px;border:none;cursor:pointer;position:relative;transition:background .2s}.asec-toggle.on{background:#111}.asec-toggle.off{background:#d1d5db}.asec-toggle:disabled{opacity:.6;cursor:not-allowed}.asec-toggle-thumb{position:absolute;top:4px;width:20px;height:20px;border-radius:50%;background:#fff;transition:left .2s;box-shadow:0 1px 3px #0003}.asec-toggle-thumb.on{left:28px}.asec-toggle-thumb.off{left:4px}[data-theme=dark] .asec-header{border-bottom-color:#2a2a2a}[data-theme=dark] .asec-header-icon{background:#252525;border-color:#3a3a3a;color:#888}[data-theme=dark] .asec-title{color:#f0f0f0}[data-theme=dark] .asec-subtitle{color:#555}[data-theme=dark] .asec-card{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .asec-card-title{color:#f0f0f0}[data-theme=dark] .asec-card-desc{color:#555}[data-theme=dark] .asec-badge.disabled{background:#252525;color:#555}[data-theme=dark] .asec-toggle.on{background:#f0f0f0}[data-theme=dark] .asec-toggle-thumb,[data-theme=dark] .asec-toggle.on .asec-toggle-thumb{background:#111}[data-theme=dark] .asec-toggle.off .asec-toggle-thumb{background:#fff}.adminActivity{max-width:100%}.aaHeader{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:20px;border-bottom:1px solid #e8e8e8;margin-bottom:20px;gap:16px}.aaHeaderLeft{flex:1;display:flex;flex-direction:column;gap:3px}.aaTitle{margin:0;font-size:20px;font-weight:800;color:#111;letter-spacing:-.02em}.aaSubtitle{margin:0;font-size:12px;color:#888;font-weight:600}.act-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;text-transform:capitalize;letter-spacing:.03em}.act-action-label{font-size:13px;font-weight:700;color:#111}.act-panel{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;background:#fff}.act-panel-header{position:relative;padding:22px 24px 20px;background:#111;flex-shrink:0;overflow:hidden}.act-panel-header:before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;border:18px solid rgba(255,255,255,.05);top:-40px;right:-24px;pointer-events:none}.act-panel-deco{position:absolute;width:60px;height:60px;border-radius:50%;border:10px solid rgba(255,255,255,.04);bottom:-20px;left:-12px;pointer-events:none}.act-panel-header-content{position:relative;z-index:1;display:flex;align-items:flex-start;gap:14px}.act-panel-header-icon{width:40px;height:40px;border-radius:10px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.act-panel-header-text h2{margin:0 0 3px;font-size:14px;font-weight:800;color:#fff;letter-spacing:-.01em}.act-panel-header-text p{margin:0;font-size:12px;color:#ffffff8c}.act-panel-body{flex:1;min-height:0;overflow-y:auto;padding:20px 24px}.act-panel-body::-webkit-scrollbar{width:3px}.act-panel-body::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:2px}.act-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.act-panel-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 24px;border-top:1px solid #e8e8e8;background:#f7f7f7;flex-shrink:0}@media(max-width:640px){.aaHeader{flex-direction:column;gap:14px}.act-detail-grid{grid-template-columns:1fr}}[data-theme=dark] .aaTitle{color:#f0f0f0}[data-theme=dark] .aaSubtitle{color:#555}[data-theme=dark] .aaHeader{border-bottom-color:#2a2a2a}[data-theme=dark] .act-action-label{color:#f0f0f0}[data-theme=dark] .act-panel{background:#1a1a1a}[data-theme=dark] .act-panel-header{background:#0a0a0a}[data-theme=dark] .act-panel-body{background:#1a1a1a}[data-theme=dark] .act-panel-body::-webkit-scrollbar-thumb{background:#2a2a2a}[data-theme=dark] .act-panel-footer{background:#1e1e1e;border-top-color:#2a2a2a}.std-header{margin-bottom:20px}.std-header h2{margin:0 0 4px;font-size:22px;font-weight:800;color:#111;letter-spacing:-.02em}.std-header p{margin:0;font-size:13px;color:#888;font-weight:500}.std-mono{font-family:monospace;font-size:12px;font-weight:600;color:#888}.std-name{font-size:13px;font-weight:700;color:#111}.std-avatar-wrap{display:flex;justify-content:center}.std-avatar{width:30px;height:30px;border-radius:50%;object-fit:cover;border:1.5px solid #e8e8e8}.std-avatar-fallback{width:30px;height:30px;border-radius:50%;background:#111;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;text-transform:uppercase}.std-badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;line-height:1;box-shadow:inset 0 1px #fff6,0 1px 2px #0000000d}.std-badge-green{background:#dcfce7;color:#166534}.std-badge-blue{background:#dbeafe;color:#1e40af}.std-badge-yellow{background:#fef9c3;color:#854d0e}.std-badge-danger{background:#fecaca;color:#991b1b}.std-badge-gray{background:#f4f4f4;color:#555}.std-class-cell{display:flex;flex-direction:column;gap:3px}.std-class-past{padding:6px 8px;border-radius:8px;background:#fef9c3;border:1px solid #f59e0b}.std-class-name{font-size:13px;font-weight:700;color:#111}.std-class-session{font-size:10px;color:#888;font-weight:500;font-style:italic}.std-class-session-warn{color:#854d0e}.std-view-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:8px;border:1px solid #e8e8e8;background:#f4f4f4;font-size:12px;font-weight:700;color:#111;cursor:pointer;transition:background .15s,color .15s;white-space:nowrap}.std-view-btn:hover{background:#111;color:#fff;border-color:#111}[data-theme=dark] .std-header h2{color:#f0f0f0}[data-theme=dark] .std-header p,[data-theme=dark] .std-mono{color:#555}[data-theme=dark] .std-name{color:#e0e0e0}[data-theme=dark] .std-avatar{border-color:#3a3a3a}[data-theme=dark] .std-avatar-fallback{background:#f0f0f0;color:#111}[data-theme=dark] .std-class-name{color:#e0e0e0}[data-theme=dark] .std-class-session{color:#555}[data-theme=dark] .std-class-past{background:#1e1a0a;border-color:#3a2a00}[data-theme=dark] .std-class-session-warn{color:#fcd34d}[data-theme=dark] .std-view-btn{background:#252525;border-color:#3a3a3a;color:#e0e0e0}[data-theme=dark] .std-view-btn:hover{background:#f0f0f0;color:#111;border-color:#f0f0f0}.ns-container{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;background:#fff}.ns-header{position:relative;padding:24px 28px 22px;background:#111;flex-shrink:0;overflow:hidden}.ns-header:before{content:"";position:absolute;width:160px;height:160px;border-radius:50%;border:26px solid rgba(255,255,255,.05);top:-60px;right:-40px;pointer-events:none}.ns-header:after{content:"";position:absolute;width:48px;height:48px;border-radius:8px;border:1.5px solid rgba(255,255,255,.07);bottom:-16px;right:90px;transform:rotate(18deg);pointer-events:none}.ns-header-deco{position:absolute;width:80px;height:80px;border-radius:50%;border:12px solid rgba(255,255,255,.04);bottom:-26px;left:-16px;pointer-events:none}.ns-header-deco2{position:absolute;width:26px;height:26px;border-radius:4px;border:1.5px solid rgba(255,255,255,.06);top:14px;left:200px;transform:rotate(12deg);pointer-events:none}.ns-header-content{position:relative;z-index:1;display:flex;align-items:center;gap:16px}.ns-header-icon{width:48px;height:48px;border-radius:14px;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.ns-header-text h2{margin:0 0 4px;font-size:16px;font-weight:800;color:#fff;letter-spacing:-.02em}.ns-header-text p{margin:0;font-size:12px;color:#ffffff80}.ns-body{flex:1;min-height:0;overflow-y:auto;padding:24px 28px;display:flex;flex-direction:column;gap:16px}.ns-body::-webkit-scrollbar{width:3px}.ns-body::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:2px}.ns-loading-session{text-align:center;padding:24px 0}.ns-info-box{padding:12px 16px;border-radius:10px;font-size:12px;font-weight:500;line-height:1.7}.ns-info-box--blue,.ns-info-box--green{background:#f4f4f4;border:1px solid #e8e8e8;border-left:3px solid #111111;color:#333}.ns-info-box--warn{background:#fff8f0;border:1px solid #fde8cc;border-left:3px solid #cc6600;color:#7a3a00}.ns-info-box strong{font-weight:800;color:#111}.ns-session-outer{display:flex;flex-direction:column;gap:0}.ns-no-session{padding:32px 24px;background:#f4f4f4;border:1px solid #e8e8e8;border-radius:12px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.ns-no-session-icon{font-size:44px}.ns-no-session h3{margin:0;font-size:16px;font-weight:800;color:#111}.ns-no-session p{margin:0;font-size:13px;color:#555;line-height:1.6;max-width:340px}.ns-session-warn-box{padding:20px;background:#f4f4f4;border:1px solid #e8e8e8;border-radius:12px;display:flex;flex-direction:column;gap:14px}.ns-session-warn-title{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:800;color:#111}.ns-session-warn-sub{margin:0;font-size:12px;color:#555}.ns-session-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ns-session-card{padding:16px;border:2px solid #e8e8e8;border-radius:12px;cursor:pointer;background:#fff;transition:border-color .15s,box-shadow .15s;display:flex;flex-direction:column;gap:5px}.ns-session-card:hover{border-color:#555;box-shadow:0 4px 12px #00000014}.ns-session-card--selected{border-color:#111!important;background:#f4f4f4!important;box-shadow:0 4px 16px #0000001f!important}.ns-session-card-type{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em}.ns-session-card-type.past{color:#c33}.ns-session-card-type.upcoming{color:#166534}.ns-session-card-name{font-size:15px;font-weight:800;color:#111;letter-spacing:-.01em}.ns-session-card-code{font-size:11px;color:#888;font-weight:600;font-family:monospace}.ns-session-card-dates{font-size:11px;color:#aaa;border-top:1px solid #f0f0f0;padding-top:8px;margin-top:4px}.ns-subsession-picker{display:flex;flex-direction:column;gap:10px}.ns-field-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#888}.ns-subsession-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.ns-subsession-card{padding:12px 14px;border:1.5px solid #e8e8e8;border-radius:10px;cursor:pointer;background:#fff;text-align:center;transition:border-color .15s,box-shadow .15s}.ns-subsession-card:hover{border-color:#555;box-shadow:0 2px 8px #00000012}.ns-subsession-card--selected{border-color:#111!important;background:#f4f4f4!important}.ns-subsession-card-name{font-size:13px;font-weight:800;color:#111}.ns-subsession-card-code{font-size:11px;color:#888;margin-top:3px;font-family:monospace}.ns-warn-box{padding:12px 16px;background:#f4f4f4;border:1px solid #e8e8e8;border-left:3px solid #888888;border-radius:8px;font-size:12px;color:#555;font-weight:600;line-height:1.5}.ns-method-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ns-method-card{padding:24px 18px;border:2px solid #e8e8e8;border-radius:14px;cursor:pointer;background:#fff;text-align:center;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex;flex-direction:column;align-items:center;gap:12px}.ns-method-card:hover{border-color:#111;box-shadow:0 6px 20px #0000001a;transform:translateY(-2px)}.ns-method-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center}.ns-method-icon--blue,.ns-method-icon--green{background:#111;color:#fff}.ns-method-card h3{margin:0;font-size:14px;font-weight:800;color:#111;letter-spacing:-.01em}.ns-method-card p{margin:0;font-size:12px;color:#888;line-height:1.5}.ns-enroll-form{display:flex;flex-direction:column;gap:0}.ns-form-info-box{padding:16px 18px;border-radius:10px;margin-bottom:20px}.ns-form-info-box--blue,.ns-form-info-box--green{background:#f4f4f4;border:1px solid #e8e8e8;border-left:4px solid #111111}.ns-form-info-box strong{display:block;font-size:13px;font-weight:800;color:#111;margin-bottom:4px}.ns-form-info-box p{margin:0;font-size:12px;color:#555;line-height:1.6}.ns-search-row{display:flex;gap:10px;align-items:flex-end;margin-bottom:20px}.ns-search-input-wrap{flex:1;min-width:0}.ns-search-row>.btn{flex-shrink:0;height:38px;align-self:flex-end;white-space:nowrap;padding:0 20px;border-radius:8px;font-size:13px;font-weight:700;box-sizing:border-box}.ns-found-student{background:#f4f4f4;border:1px solid #e8e8e8;border-radius:12px;overflow:hidden;margin-bottom:20px}.ns-found-student-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:#111}.ns-found-title{font-size:13px;font-weight:800;color:#fff}.ns-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}.ns-info-section{padding:16px 18px;display:flex;flex-direction:column;gap:10px}.ns-info-section:first-child{border-right:1px solid #e8e8e8}.ns-section-title{margin:0 0 6px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#888}.ns-info-row{display:flex;flex-direction:column;gap:2px}.ns-info-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#aaa}.ns-info-value{font-size:13px;font-weight:600;color:#111}.ns-info-extra{padding:14px 18px;border-top:1px solid #e8e8e8;display:flex;flex-direction:column;gap:10px;background:#fff}.ns-class-select{padding:14px 18px;border-top:1px solid #e8e8e8;background:#fff}.ns-form-sections{display:flex;flex-direction:column;gap:0}.ns-form-section{margin-bottom:24px}.ns-form-section-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#888;padding-bottom:10px;border-bottom:1px solid #f0f0f0;margin-bottom:16px;display:block}.ns-invite-note{display:flex;align-items:flex-start;gap:14px;padding:16px;border-radius:12px;background:#f7f7f7;border:1px solid #e8e8e8}.ns-invite-note-icon{width:40px;height:40px;border-radius:10px;flex-shrink:0;background:#111;color:#fff;display:flex;align-items:center;justify-content:center}.ns-invite-note-text{min-width:0;flex:1}.ns-invite-note-title{margin:0 0 4px;font-size:13px;font-weight:700;color:#111;letter-spacing:-.02em}.ns-invite-note-body{margin:0;font-size:12.5px;font-weight:500;color:#666;line-height:1.55}.ns-invite-note-body strong{color:#111;font-weight:700}.ns-invite-note-meta{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-size:11px;font-weight:700;color:#888;letter-spacing:.02em}.ns-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.ns-form-row:last-child{margin-bottom:0}.ns-guardian-card{background:#f4f4f4;border:1.5px solid #e8e8e8;border-radius:12px;overflow:hidden;margin-bottom:12px}.ns-guardian-card--primary{border-color:#111}.ns-guardian-card-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fff;border-bottom:1px solid #f0f0f0}.ns-guardian-card--primary .ns-guardian-card-header{background:#111;border-bottom-color:#ffffff1a}.ns-guardian-card-title{font-size:12px;font-weight:800;color:#111}.ns-guardian-card--primary .ns-guardian-card-title{color:#fff}.ns-guardian-primary-badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:#fff3;color:#fff;padding:3px 9px;border-radius:20px}.ns-guardian-actions{display:flex;gap:6px}.ns-guardian-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:7px;border:1px solid #e8e8e8;background:#f4f4f4;font-size:11px;font-weight:700;color:#555;cursor:pointer;transition:background .15s,color .15s}.ns-guardian-btn:hover{background:#e8e8e8;color:#111}.ns-guardian-card--primary .ns-guardian-btn{background:#ffffff26;border-color:#fff3;color:#fff}.ns-guardian-card--primary .ns-guardian-btn:hover{background:#ffffff40}.ns-guardian-btn-danger:hover{background:#fecaca!important;color:#991b1b!important;border-color:#fecaca!important}.ns-guardian-card-body{padding:16px;display:flex;flex-direction:column;gap:12px}.ns-add-guardian-btn{display:flex;align-items:center;justify-content:center;gap:7px;padding:12px;border-radius:10px;border:1.5px dashed #cccccc;background:transparent;font-size:13px;font-weight:700;color:#888;cursor:pointer;transition:border-color .15s,color .15s;width:100%;margin-top:4px}.ns-add-guardian-btn:hover{border-color:#111;color:#111}.ns-form-actions{display:flex;gap:10px;justify-content:flex-end;padding-top:16px;border-top:1px solid #f0f0f0;margin-top:8px}@media(max-width:640px){.ns-method-grid{grid-template-columns:1fr;padding:0 16px 20px}.ns-enroll-form{padding:0 16px 20px}.ns-session-cards,.ns-info-grid{grid-template-columns:1fr}.ns-info-section:first-child{border-right:none;border-bottom:1px solid #e8e8e8}.ns-form-row{grid-template-columns:1fr}.ns-search-row{flex-direction:column}.ns-form-actions{flex-direction:column-reverse}}[data-theme=dark] .ns-container{background:#1a1a1a}[data-theme=dark] .ns-header{background:#0a0a0a}[data-theme=dark] .ns-body{background:#1a1a1a}[data-theme=dark] .ns-body::-webkit-scrollbar-thumb{background:#2a2a2a}[data-theme=dark] .ns-info-box--blue,[data-theme=dark] .ns-info-box--green{background:#1e1e1e;border-color:#2a2a2a;border-left-color:#f0f0f0;color:#e0e0e0}[data-theme=dark] .ns-info-box strong{color:#f0f0f0}[data-theme=dark] .ns-no-session{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .ns-no-session h3{color:#f0f0f0}[data-theme=dark] .ns-no-session p{color:#888}[data-theme=dark] .ns-session-warn-box{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .ns-session-warn-title{color:#f0f0f0}[data-theme=dark] .ns-session-warn-sub{color:#888}[data-theme=dark] .ns-session-card{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .ns-session-card:hover{border-color:#555}[data-theme=dark] .ns-session-card--selected{background:#252525!important;border-color:#f0f0f0!important}[data-theme=dark] .ns-session-card-name{color:#f0f0f0}[data-theme=dark] .ns-session-card-code{color:#555}[data-theme=dark] .ns-session-card-dates{border-top-color:#2a2a2a;color:#555}[data-theme=dark] .ns-subsession-card{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .ns-subsession-card:hover{border-color:#555}[data-theme=dark] .ns-subsession-card--selected{background:#252525!important;border-color:#f0f0f0!important}[data-theme=dark] .ns-subsession-card-name{color:#f0f0f0}[data-theme=dark] .ns-subsession-card-code{color:#555}[data-theme=dark] .ns-warn-box{background:#1e1e1e;border-color:#2a2a2a;border-left-color:#555;color:#888}[data-theme=dark] .ns-method-card{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .ns-method-card:hover{border-color:#f0f0f0}[data-theme=dark] .ns-method-card h3{color:#f0f0f0}[data-theme=dark] .ns-method-card p{color:#555}[data-theme=dark] .ns-form-info-box--blue,[data-theme=dark] .ns-form-info-box--green{background:#1e1e1e;border-color:#2a2a2a;border-left-color:#f0f0f0}[data-theme=dark] .ns-form-info-box strong{color:#f0f0f0}[data-theme=dark] .ns-form-info-box p{color:#888}[data-theme=dark] .ns-found-student{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .ns-found-student-header{background:#0a0a0a}[data-theme=dark] .ns-info-section:first-child{border-right-color:#2a2a2a}[data-theme=dark] .ns-section-title,[data-theme=dark] .ns-info-label{color:#555}[data-theme=dark] .ns-info-value{color:#e0e0e0}[data-theme=dark] .ns-info-extra,[data-theme=dark] .ns-class-select{background:#252525;border-top-color:#2a2a2a}[data-theme=dark] .ns-form-section-title{color:#555;border-bottom-color:#2a2a2a}[data-theme=dark] .ns-invite-note{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .ns-invite-note-icon{background:#f0f0f0;color:#111}[data-theme=dark] .ns-invite-note-title{color:#f0f0f0}[data-theme=dark] .ns-invite-note-body{color:#888}[data-theme=dark] .ns-invite-note-body strong{color:#f0f0f0}[data-theme=dark] .ns-invite-note-meta{color:#555}[data-theme=dark] .ns-guardian-card{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .ns-guardian-card--primary{border-color:#f0f0f0}[data-theme=dark] .ns-guardian-card-header{background:#252525;border-bottom-color:#2a2a2a}[data-theme=dark] .ns-guardian-card--primary .ns-guardian-card-header{background:#0a0a0a}[data-theme=dark] .ns-guardian-card-title{color:#e0e0e0}[data-theme=dark] .ns-guardian-btn{background:#2a2a2a;border-color:#3a3a3a;color:#888}[data-theme=dark] .ns-guardian-btn:hover{background:#3a3a3a;color:#f0f0f0}[data-theme=dark] .ns-guardian-card-body{background:#1e1e1e}[data-theme=dark] .ns-add-guardian-btn{border-color:#3a3a3a;color:#555}[data-theme=dark] .ns-add-guardian-btn:hover{border-color:#f0f0f0;color:#f0f0f0}[data-theme=dark] .ns-form-actions{border-top-color:#2a2a2a}.ns-form-gate{position:relative;display:flex;flex-direction:column;gap:16px}.ns-form-gate--blocked{pointer-events:none;-webkit-user-select:none;user-select:none}.ns-form-gate--blocked>*:not(.ns-form-gate-overlay){opacity:.25;filter:blur(2px)}.ns-form-gate-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;pointer-events:none}.ns-form-gate-msg{display:flex;align-items:center;gap:10px;padding:12px 20px;background:#111;color:#fff;font-size:13px;font-weight:700;border-radius:10px;box-shadow:0 4px 20px #0000002e;white-space:nowrap}[data-theme=dark] .ns-form-gate-msg{background:#f0f0f0;color:#111}.ns-guardian-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.ns-guardian-title-row{display:flex;align-items:center;gap:8px}.ns-photo-upload{display:flex;align-items:center;gap:16px;margin-bottom:16px;padding:14px;background:#f9fafb;border:1px solid #e8e8e8;border-radius:10px}.ns-photo-preview{width:72px;height:72px;border-radius:50%;border:2px solid #e8e8e8;overflow:hidden;cursor:pointer;flex-shrink:0;background:#f0f0f0;display:flex;align-items:center;justify-content:center;transition:border-color .15s}.ns-photo-preview:hover{border-color:#111}.ns-photo-img{width:100%;height:100%;object-fit:cover}.ns-photo-placeholder{display:flex;flex-direction:column;align-items:center;gap:3px;color:#aaa;font-size:10px;font-weight:600}.ns-photo-info{display:flex;flex-direction:column;gap:2px}.ns-photo-label{font-size:13px;font-weight:700;color:#111;margin:0}.ns-photo-hint{font-size:11px;color:#888;margin:0}.ns-photo-btn{font-size:12px;font-weight:600;padding:5px 12px;border-radius:6px;border:1px solid #e8e8e8;background:#fff;color:#111;cursor:pointer;transition:background .15s,border-color .15s}.ns-photo-btn:hover{background:#f0f0f0;border-color:#ccc}.ns-photo-btn--remove{color:#c33;border-color:#fecaca;background:#fff5f5}.ns-photo-btn--remove:hover{background:#fee2e2;border-color:#f87171}[data-theme=dark] .ns-photo-upload{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .ns-photo-preview{border-color:#3a3a3a;background:#252525}[data-theme=dark] .ns-photo-preview:hover{border-color:#f0f0f0}[data-theme=dark] .ns-photo-placeholder{color:#555}[data-theme=dark] .ns-photo-label{color:#e0e0e0}[data-theme=dark] .ns-photo-hint{color:#555}[data-theme=dark] .ns-photo-btn{background:#2a2a2a;border-color:#3a3a3a;color:#e0e0e0}[data-theme=dark] .ns-photo-btn:hover{background:#3a3a3a}.cls-header{margin-bottom:20px}.cls-header h2{margin:0 0 4px;font-size:22px;font-weight:800;color:#111;letter-spacing:-.02em}.cls-header p{margin:0;font-size:13px;color:#888;font-weight:500}.cls-mono{font-family:monospace;font-size:12px;font-weight:600;color:#888}.cls-code{font-family:monospace;font-size:12px;font-weight:700;color:#111;background:#f4f4f4;padding:2px 8px;border-radius:6px}.cls-name{font-size:13px;font-weight:700;color:#111}.cls-teacher{font-size:13px;font-weight:600;color:#111}.cls-unassigned{font-size:13px;font-weight:500;color:#aaa;font-style:italic}.cls-count{font-size:13px;font-weight:700;color:#111}.cls-room{font-size:13px;color:#555;font-weight:500}.cls-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;line-height:1;box-shadow:inset 0 1px #fff6,0 1px 2px #0000000d}.cls-badge-active{background:#dcfce7;color:#166534}.cls-badge-inactive{background:#fecaca;color:#991b1b}[data-theme=dark] .cls-header h2{color:#f0f0f0}[data-theme=dark] .cls-header p,[data-theme=dark] .cls-mono{color:#555}[data-theme=dark] .cls-code{background:#252525;color:#e0e0e0}[data-theme=dark] .cls-name,[data-theme=dark] .cls-teacher{color:#e0e0e0}[data-theme=dark] .cls-unassigned{color:#555}[data-theme=dark] .cls-count{color:#e0e0e0}[data-theme=dark] .cls-room{color:#888}.acp-container{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;background:#fff}.acp-header{position:relative;padding:22px 24px 20px;background:#111;flex-shrink:0;overflow:hidden}.acp-header:before{content:"";position:absolute;width:140px;height:140px;border-radius:50%;border:22px solid rgba(255,255,255,.05);top:-50px;right:-30px;pointer-events:none}.acp-header:after{content:"";position:absolute;width:44px;height:44px;border-radius:8px;border:1.5px solid rgba(255,255,255,.07);bottom:-14px;right:80px;transform:rotate(18deg);pointer-events:none}.acp-header-deco{position:absolute;width:70px;height:70px;border-radius:50%;border:10px solid rgba(255,255,255,.04);bottom:-22px;left:-14px;pointer-events:none}.acp-header-deco2{position:absolute;width:24px;height:24px;border-radius:4px;border:1.5px solid rgba(255,255,255,.06);top:12px;left:180px;transform:rotate(12deg);pointer-events:none}.acp-header-content{position:relative;z-index:1;display:flex;align-items:center;gap:14px}.acp-header-icon{width:44px;height:44px;border-radius:12px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.acp-header-text h2{margin:0 0 3px;font-size:15px;font-weight:800;color:#fff;letter-spacing:-.02em}.acp-header-text p{margin:0;font-size:12px;color:#ffffff80}.acp-body{flex:1;min-height:0;overflow-y:auto;padding:22px 24px;display:flex;flex-direction:column;gap:16px}.acp-body::-webkit-scrollbar{width:3px}.acp-body::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:2px}.acp-loading{padding:24px 0;text-align:center}.acp-section-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#888;padding-bottom:10px;border-bottom:1px solid #f0f0f0}.acp-form{display:flex;flex-direction:column;gap:12px}.acp-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.acp-teacher-field{display:flex;flex-direction:column;gap:6px}.acp-teacher-label{font-size:13px;font-weight:600;color:#111}.acp-teacher-hint{margin:0;font-size:11px;color:#888}.acp-teacher-card{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;background:#f4f4f4;border:1px solid #e8e8e8;margin-top:4px}.acp-teacher-avatar{width:38px;height:38px;border-radius:50%;flex-shrink:0;background:#111;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;text-transform:uppercase}.acp-teacher-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.acp-teacher-name{font-size:13px;font-weight:700;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.acp-teacher-meta{font-size:11px;color:#888;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.acp-teacher-role-badge{flex-shrink:0;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;background:#111;color:#fff;padding:3px 9px;border-radius:20px}.acp-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 24px;border-top:1px solid #e8e8e8;background:#f7f7f7;flex-shrink:0}@media(max-width:480px){.acp-form-row{grid-template-columns:1fr}.acp-footer{flex-direction:column-reverse}}[data-theme=dark] .acp-container{background:#1a1a1a}[data-theme=dark] .acp-header{background:#0a0a0a}[data-theme=dark] .acp-body{background:#1a1a1a}[data-theme=dark] .acp-body::-webkit-scrollbar-thumb{background:#2a2a2a}[data-theme=dark] .acp-section-title{color:#555;border-bottom-color:#2a2a2a}[data-theme=dark] .acp-teacher-label{color:#e0e0e0}[data-theme=dark] .acp-teacher-hint{color:#555}[data-theme=dark] .acp-teacher-card{background:#252525;border-color:#3a3a3a}[data-theme=dark] .acp-teacher-avatar{background:#f0f0f0;color:#111}[data-theme=dark] .acp-teacher-name{color:#e0e0e0}[data-theme=dark] .acp-teacher-meta{color:#555}[data-theme=dark] .acp-teacher-role-badge{background:#f0f0f0;color:#111}[data-theme=dark] .acp-footer{background:#1e1e1e;border-top-color:#2a2a2a}.tch-header{margin-bottom:20px}.tch-header h2{margin:0 0 4px;font-size:22px;font-weight:800;color:#111;letter-spacing:-.02em}.tch-header p{margin:0;font-size:13px;color:#888;font-weight:500}.tch-mono{font-family:monospace;font-size:12px;font-weight:600;color:#888}.tch-code{font-family:monospace;font-size:12px;font-weight:700;color:#111;background:#f4f4f4;padding:2px 8px;border-radius:6px}.tch-name{font-size:13px;font-weight:700;color:#111}.tch-email{font-size:12px;color:#888;font-weight:500}.tch-date{font-size:12px;color:#555;font-weight:500}.tch-unassigned{font-size:13px;color:#aaa;font-style:italic}.tch-appointed-by{display:flex;flex-direction:column;gap:2px}.tch-appointed-name{font-size:13px;font-weight:700;color:#111}.tch-appointed-role{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#888}.tch-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;line-height:1;box-shadow:inset 0 1px #fff6,0 1px 2px #0000000d}.tch-badge-active{background:#dcfce7;color:#166534}.tch-badge-inactive{background:#fecaca;color:#991b1b}[data-theme=dark] .tch-header h2{color:#f0f0f0}[data-theme=dark] .tch-header p,[data-theme=dark] .tch-mono{color:#555}[data-theme=dark] .tch-code{background:#252525;color:#e0e0e0}[data-theme=dark] .tch-name{color:#e0e0e0}[data-theme=dark] .tch-email{color:#555}[data-theme=dark] .tch-date{color:#888}[data-theme=dark] .tch-unassigned{color:#555}[data-theme=dark] .tch-appointed-name{color:#e0e0e0}[data-theme=dark] .tch-appointed-role{color:#555}.ctp-container{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;background:#fff}.ctp-header{position:relative;padding:22px 24px 20px;background:#111;flex-shrink:0;overflow:hidden}.ctp-header:before{content:"";position:absolute;width:140px;height:140px;border-radius:50%;border:22px solid rgba(255,255,255,.05);top:-50px;right:-30px;pointer-events:none}.ctp-header:after{content:"";position:absolute;width:44px;height:44px;border-radius:8px;border:1.5px solid rgba(255,255,255,.07);bottom:-14px;right:80px;transform:rotate(18deg);pointer-events:none}.ctp-header-deco{position:absolute;width:70px;height:70px;border-radius:50%;border:10px solid rgba(255,255,255,.04);bottom:-22px;left:-14px;pointer-events:none}.ctp-header-deco2{position:absolute;width:24px;height:24px;border-radius:4px;border:1.5px solid rgba(255,255,255,.06);top:12px;left:180px;transform:rotate(12deg);pointer-events:none}.ctp-header-content{position:relative;z-index:1;display:flex;align-items:center;gap:14px}.ctp-header-icon{width:44px;height:44px;border-radius:12px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.ctp-header-text h2{margin:0 0 3px;font-size:15px;font-weight:800;color:#fff;letter-spacing:-.02em}.ctp-header-text p{margin:0;font-size:12px;color:#ffffff80}.ctp-body{flex:1;min-height:0;overflow-y:auto;padding:22px 24px;display:flex;flex-direction:column;gap:18px}.ctp-body::-webkit-scrollbar{width:3px}.ctp-body::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:2px}.ctp-loading{padding:32px 0;text-align:center}.ctp-field-group{display:flex;flex-direction:column;gap:6px}.ctp-hint{margin:0;font-size:11px;color:#888}.ctp-warn{margin:0;font-size:12px;color:#c33;font-weight:600}.ctp-staff-card{background:#f4f4f4;border:1px solid #e8e8e8;border-radius:12px;overflow:hidden}.ctp-staff-card-header{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#111}.ctp-staff-avatar{width:40px;height:40px;border-radius:50%;flex-shrink:0;background:#ffffff26;border:1px solid rgba(255,255,255,.2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:800;text-transform:uppercase}.ctp-staff-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.ctp-staff-name{font-size:13px;font-weight:800;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ctp-staff-meta{font-size:11px;color:#ffffff80;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ctp-staff-badge{flex-shrink:0;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;background:#ffffff26;color:#fff;padding:3px 9px;border-radius:20px;border:1px solid rgba(255,255,255,.2)}.ctp-staff-details{padding:14px 16px;display:flex;flex-direction:column;gap:8px}.ctp-detail-row{display:flex;align-items:baseline;gap:8px}.ctp-detail-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#888;flex-shrink:0;min-width:80px}.ctp-detail-value{font-size:13px;font-weight:600;color:#111}.ctp-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 24px;border-top:1px solid #e8e8e8;background:#f7f7f7;flex-shrink:0}[data-theme=dark] .ctp-container{background:#1a1a1a}[data-theme=dark] .ctp-header{background:#0a0a0a}[data-theme=dark] .ctp-body{background:#1a1a1a}[data-theme=dark] .ctp-body::-webkit-scrollbar-thumb{background:#2a2a2a}[data-theme=dark] .ctp-hint{color:#555}[data-theme=dark] .ctp-staff-card{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .ctp-staff-card-header{background:#0a0a0a}[data-theme=dark] .ctp-staff-details{background:#1e1e1e}[data-theme=dark] .ctp-detail-label{color:#555}[data-theme=dark] .ctp-detail-value{color:#e0e0e0}[data-theme=dark] .ctp-footer{background:#1e1e1e;border-top-color:#2a2a2a}.sub-header{margin-bottom:20px}.sub-header h2{margin:0 0 4px;font-size:22px;font-weight:800;color:#111;letter-spacing:-.02em}.sub-header p{margin:0;font-size:13px;color:#888;font-weight:500}.sub-mono{font-family:monospace;font-size:12px;font-weight:600;color:#888}.sub-code{font-family:monospace;font-size:12px;font-weight:700;color:#111;background:#f4f4f4;padding:2px 8px;border-radius:6px}.sub-name{font-size:13px;font-weight:700;color:#111}.sub-stream{font-size:12px;font-weight:600;color:#555;text-transform:capitalize}.sub-unassigned{font-size:12px;color:#aaa;font-style:italic}.sub-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;line-height:1;box-shadow:inset 0 1px #fff6,0 1px 2px #0000000d}.sub-badge-active{background:#dcfce7;color:#166534}.sub-badge-inactive{background:#fecaca;color:#991b1b}[data-theme=dark] .sub-header h2{color:#f0f0f0}[data-theme=dark] .sub-header p,[data-theme=dark] .sub-mono{color:#555}[data-theme=dark] .sub-code{background:#252525;color:#e0e0e0}[data-theme=dark] .sub-name{color:#e0e0e0}[data-theme=dark] .sub-stream{color:#888}[data-theme=dark] .sub-unassigned{color:#555}.asp-container{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;background:#fff}.asp-header{position:relative;padding:22px 24px 20px;background:#111;flex-shrink:0;overflow:hidden}.asp-header:before{content:"";position:absolute;width:140px;height:140px;border-radius:50%;border:22px solid rgba(255,255,255,.05);top:-50px;right:-30px;pointer-events:none}.asp-header:after{content:"";position:absolute;width:44px;height:44px;border-radius:8px;border:1.5px solid rgba(255,255,255,.07);bottom:-14px;right:80px;transform:rotate(18deg);pointer-events:none}.asp-header-deco{position:absolute;width:70px;height:70px;border-radius:50%;border:10px solid rgba(255,255,255,.04);bottom:-22px;left:-14px;pointer-events:none}.asp-header-deco2{position:absolute;width:24px;height:24px;border-radius:4px;border:1.5px solid rgba(255,255,255,.06);top:12px;left:180px;transform:rotate(12deg);pointer-events:none}.asp-header-content{position:relative;z-index:1;display:flex;align-items:center;gap:14px}.asp-header-icon{width:44px;height:44px;border-radius:12px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.asp-header-text h2{margin:0 0 3px;font-size:15px;font-weight:800;color:#fff;letter-spacing:-.02em}.asp-header-text p{margin:0;font-size:12px;color:#ffffff80}.asp-body{flex:1;min-height:0;overflow-y:auto;padding:22px 24px;display:flex;flex-direction:column;gap:14px}.asp-body::-webkit-scrollbar{width:3px}.asp-body::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:2px}.asp-stream-select{width:100%;padding:9px 12px;border-radius:8px;border:1px solid #e8e8e8;font-size:13px;font-weight:500;color:#111;background:#fafafa;outline:none;transition:border-color .2s;box-sizing:border-box}.asp-stream-select:focus{border-color:#111;background:#fff}.asp-stream-select.invalid{border-color:#c33}.asp-stream-error{font-size:11px;color:#c33;font-weight:600;margin-top:4px}.asp-assignments-header{display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid #f0f0f0}.asp-assignments-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#888;margin:0 0 2px}.asp-assignments-hint{font-size:11px;color:#aaa;margin:0}.asp-add-row-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border-radius:8px;border:1px solid #e8e8e8;background:#f4f4f4;font-size:12px;font-weight:700;color:#111;cursor:pointer;transition:background .15s;white-space:nowrap}.asp-add-row-btn:hover{background:#111;color:#fff;border-color:#111}.asp-add-row-btn:disabled{opacity:.4;cursor:not-allowed}.asp-row-card{background:#f4f4f4;border:1px solid #e8e8e8;border-radius:10px}.asp-row-card-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#111}.asp-row-card-title{font-size:12px;font-weight:700;color:#fff}.asp-row-remove-btn{background:#ffffff1f;border:1px solid rgba(255,255,255,.18);border-radius:6px;color:#fff;font-size:11px;font-weight:700;padding:3px 10px;cursor:pointer;transition:background .15s}.asp-row-remove-btn:hover{background:#ffffff38}.asp-row-card-body{padding:14px;display:flex;flex-direction:column;gap:10px}.asp-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 24px;border-top:1px solid #e8e8e8;background:#f7f7f7;flex-shrink:0}@media(max-width:480px){.asp-footer{flex-direction:column-reverse}}[data-theme=dark] .asp-container{background:#1a1a1a}[data-theme=dark] .asp-header{background:#0a0a0a}[data-theme=dark] .asp-body{background:#1a1a1a}[data-theme=dark] .asp-body::-webkit-scrollbar-thumb{background:#2a2a2a}[data-theme=dark] .asp-stream-select{background:#252525;border-color:#3a3a3a;color:#e0e0e0}[data-theme=dark] .asp-stream-select:focus{border-color:#f0f0f0;background:#2a2a2a}[data-theme=dark] .asp-assignments-header{border-top-color:#2a2a2a}[data-theme=dark] .asp-add-row-btn{background:#252525;border-color:#3a3a3a;color:#e0e0e0}[data-theme=dark] .asp-add-row-btn:hover{background:#f0f0f0;color:#111;border-color:#f0f0f0}[data-theme=dark] .asp-row-card{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .asp-row-card-header{background:#0a0a0a}[data-theme=dark] .asp-row-card-body{background:#1e1e1e}[data-theme=dark] .asp-footer{background:#1e1e1e;border-top-color:#2a2a2a}.adm-header{margin-bottom:20px}.adm-header h2{margin:0 0 4px;font-size:22px;font-weight:800;color:#111;letter-spacing:-.02em}.adm-header p{margin:0;font-size:13px;color:#888;font-weight:500}.adm-mono{font-family:monospace;font-size:12px;font-weight:600;color:#888}.adm-name-cell{display:flex;flex-direction:column;gap:2px}.adm-name{font-size:13px;font-weight:700;color:#111}.adm-staff-id{font-size:10px;color:#aaa;font-family:monospace}.adm-email{font-size:12px;color:#888;font-weight:500}.adm-position{font-size:13px;font-weight:600;color:#111;text-transform:capitalize}.adm-phone{font-size:12px;color:#555}.adm-unassigned{font-size:12px;color:#aaa;font-style:italic}.adm-avatar-wrap{display:flex;justify-content:center}.adm-avatar{width:30px;height:30px;border-radius:50%;object-fit:cover;border:1.5px solid #e8e8e8}.adm-avatar-fallback{width:30px;height:30px;border-radius:50%;background:#111;color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;text-transform:uppercase}.adm-role-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;text-transform:capitalize;white-space:nowrap;line-height:1;box-shadow:inset 0 1px #fff6}.adm-role-super{background:#fef9c3;color:#854d0e}.adm-role-senior{background:#dbeafe;color:#1e40af}.adm-role-default{background:#f4f4f4;color:#555}.adm-scope-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;text-transform:capitalize;white-space:nowrap;line-height:1;box-shadow:inset 0 1px #fff6}.adm-scope-full{background:#dcfce7;color:#166534}.adm-scope-dept{background:#fef9c3;color:#854d0e}.adm-scope-limited{background:#fecaca;color:#991b1b}.adm-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;line-height:1;box-shadow:inset 0 1px #fff6,0 1px 2px #0000000d}.adm-badge-active{background:#dcfce7;color:#166534}.adm-badge-inactive{background:#fecaca;color:#991b1b}[data-theme=dark] .adm-header h2{color:#f0f0f0}[data-theme=dark] .adm-header p,[data-theme=dark] .adm-mono{color:#555}[data-theme=dark] .adm-name{color:#e0e0e0}[data-theme=dark] .adm-staff-id,[data-theme=dark] .adm-email{color:#555}[data-theme=dark] .adm-position{color:#e0e0e0}[data-theme=dark] .adm-phone{color:#888}[data-theme=dark] .adm-unassigned{color:#555}[data-theme=dark] .adm-avatar{border-color:#3a3a3a}[data-theme=dark] .adm-avatar-fallback{background:#f0f0f0;color:#111}.psp-container{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;background:#fff}.psp-header{position:relative;padding:22px 24px 20px;background:#111;flex-shrink:0;overflow:hidden}.psp-header:before{content:"";position:absolute;width:140px;height:140px;border-radius:50%;border:22px solid rgba(255,255,255,.05);top:-50px;right:-30px;pointer-events:none}.psp-header:after{content:"";position:absolute;width:44px;height:44px;border-radius:8px;border:1.5px solid rgba(255,255,255,.07);bottom:-14px;right:80px;transform:rotate(18deg);pointer-events:none}.psp-header-deco{position:absolute;width:70px;height:70px;border-radius:50%;border:10px solid rgba(255,255,255,.04);bottom:-22px;left:-14px;pointer-events:none}.psp-header-deco2{position:absolute;width:24px;height:24px;border-radius:4px;border:1.5px solid rgba(255,255,255,.06);top:12px;left:180px;transform:rotate(12deg);pointer-events:none}.psp-header-content{position:relative;z-index:1;display:flex;align-items:center;gap:14px}.psp-header-icon{width:44px;height:44px;border-radius:12px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.psp-header-text h2{margin:0 0 3px;font-size:15px;font-weight:800;color:#fff;letter-spacing:-.02em}.psp-header-text p{margin:0;font-size:12px;color:#ffffff80}.psp-body{flex:1;min-height:0;overflow-y:auto;padding:22px 24px;display:flex;flex-direction:column;gap:22px}.psp-body::-webkit-scrollbar{width:3px}.psp-body::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:2px}.psp-section{display:flex;flex-direction:column;gap:12px}.psp-section-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#888;padding-bottom:10px;border-bottom:1px solid #f0f0f0}.psp-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.psp-staff-card{background:#f4f4f4;border:1px solid #e8e8e8;border-radius:10px;overflow:hidden}.psp-staff-card-header{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#111}.psp-staff-avatar{width:38px;height:38px;border-radius:50%;flex-shrink:0;background:#ffffff26;border:1px solid rgba(255,255,255,.2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;text-transform:uppercase}.psp-staff-info{flex:1;min-width:0}.psp-staff-name{font-size:13px;font-weight:800;color:#fff;display:block}.psp-staff-meta{font-size:11px;color:#ffffff80;display:block}.psp-staff-details{padding:12px 16px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.psp-detail-row{display:flex;flex-direction:column;gap:1px}.psp-detail-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#888}.psp-detail-value{font-size:13px;font-weight:600;color:#111}.psp-2fa-label{display:flex;align-items:center;gap:10px;cursor:pointer;padding:12px 14px;background:#f4f4f4;border:1px solid #e8e8e8;border-radius:8px}.psp-2fa-label input{width:16px;height:16px;cursor:pointer;accent-color:#111111;flex-shrink:0}.psp-2fa-title{font-size:13px;font-weight:700;color:#111;margin:0 0 2px}.psp-2fa-hint{font-size:11px;color:#888;margin:0}.psp-perms-hint{font-size:12px;color:#888;margin:0}.psp-perms-table{border:1px solid #e8e8e8;border-radius:10px;overflow:hidden}.psp-perms-head{display:grid;grid-template-columns:1fr 72px 72px 72px 72px 64px;background:#f4f4f4;border-bottom:1px solid #e8e8e8;padding:8px 14px}.psp-perms-head-cell{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#888;text-align:center}.psp-perms-head-cell:first-child{text-align:left}.psp-perms-row{display:grid;grid-template-columns:1fr 72px 72px 72px 72px 64px;padding:10px 14px;align-items:center;border-bottom:1px solid #f4f4f4;transition:background .1s}.psp-perms-row:last-child{border-bottom:none}.psp-perms-row.all-on{background:#f4f4f4}.psp-module-label{font-size:13px;font-weight:600;color:#111}.psp-check-cell{display:flex;align-items:center;justify-content:center}.psp-checkbox{width:20px;height:20px;border-radius:5px;border:2px solid #e8e8e8;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;flex-shrink:0}.psp-checkbox.locked{cursor:not-allowed;opacity:.5}.psp-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 24px;border-top:1px solid #e8e8e8;background:#f7f7f7;flex-shrink:0}@media(max-width:640px){.psp-form-row,.psp-staff-details{grid-template-columns:1fr}.psp-footer{flex-direction:column-reverse}}[data-theme=dark] .psp-container{background:#1a1a1a}[data-theme=dark] .psp-header{background:#0a0a0a}[data-theme=dark] .psp-body{background:#1a1a1a}[data-theme=dark] .psp-body::-webkit-scrollbar-thumb{background:#2a2a2a}[data-theme=dark] .psp-section-title{color:#555;border-bottom-color:#2a2a2a}[data-theme=dark] .psp-staff-card{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .psp-staff-card-header{background:#0a0a0a}[data-theme=dark] .psp-staff-details{background:#1e1e1e}[data-theme=dark] .psp-detail-label{color:#555}[data-theme=dark] .psp-detail-value{color:#e0e0e0}[data-theme=dark] .psp-2fa-label{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .psp-2fa-title{color:#e0e0e0}[data-theme=dark] .psp-2fa-hint{color:#555}[data-theme=dark] .psp-perms-table{border-color:#2a2a2a}[data-theme=dark] .psp-perms-head{background:#141414;border-bottom-color:#2a2a2a}[data-theme=dark] .psp-perms-row{border-bottom-color:#252525;background:#1a1a1a}[data-theme=dark] .psp-perms-row.all-on{background:#1e1e1e}[data-theme=dark] .psp-module-label{color:#e0e0e0}[data-theme=dark] .psp-checkbox{border-color:#3a3a3a}[data-theme=dark] .psp-footer{background:#1e1e1e;border-top-color:#2a2a2a}.tas-wrap{display:flex;flex-direction:column;gap:14px}.tas-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;overflow-y:auto;padding-right:2px}.tas-grid::-webkit-scrollbar{width:3px}.tas-grid::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:2px}.tas-option{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1.5px solid #e8e8e8;border-radius:10px;background:#fff;cursor:pointer;transition:border-color .15s,background .15s;position:relative}.tas-option:hover{border-color:#111;background:#fafafa}.tas-option.selected{border-color:#111;background:#f4f4f4}.tas-option-icon{width:34px;height:34px;border-radius:8px;background:#f0f0f0;color:#555;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s,color .15s}.tas-option.selected .tas-option-icon{background:#111;color:#fff}.tas-option-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.tas-option-label{font-size:12px;font-weight:700;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tas-option-desc{font-size:10px;color:#888;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tas-option-check{width:18px;height:18px;border-radius:50%;background:#111;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tas-summary{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#f4f4f4;border:1px solid #e8e8e8;border-radius:8px;font-size:13px;color:#333}.tas-summary svg{flex-shrink:0;color:#888}.tas-summary strong{color:#111}.tas-recipients{display:flex;flex-direction:column;gap:8px}.tas-recipients-title{margin:0;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#888}.tas-recipients-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;max-height:240px;overflow-y:auto;padding:2px}.tas-recipients-grid::-webkit-scrollbar{width:3px}.tas-recipients-grid::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:2px}.tas-recipient-card{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;background:#f7f7f7;border:1px solid #e8e8e8;border-radius:8px;transition:background .1s}.tas-recipient-card:hover{background:#f0f0f0}.tas-recipient-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.tas-recipient-row{display:flex;align-items:center;gap:5px}.tas-recipient-name{font-size:12px;font-weight:700;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tas-recipient-sub{font-size:10px;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tas-type-badge{font-size:9px;font-weight:700;padding:1px 6px;border-radius:8px;flex-shrink:0;white-space:nowrap}.tas-remove-btn{background:none;border:none;color:#aaa;cursor:pointer;padding:3px;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:color .15s,background .15s}.tas-remove-btn:hover{color:#c33;background:#fff0f0}.tas-loading{margin:0;font-size:12px;color:#888;padding:4px 0}.tas-selection{display:flex;flex-direction:column;gap:12px}.tas-searchable{display:flex;flex-direction:column;gap:6px}.tas-year-section{display:flex;flex-direction:column;gap:10px}.tas-section-label{margin:0;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#888}.tas-year-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.tas-year-option{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 10px;text-align:center;border:1.5px solid #e8e8e8;border-radius:10px;background:#fff;cursor:pointer;transition:border-color .15s,background .15s}.tas-year-option:hover{border-color:#111;background:#fafafa}.tas-year-option.selected{border-color:#111;background:#f4f4f4}.tas-year-label{font-size:13px;font-weight:700;color:#111}.tas-year-option.selected .tas-year-label{color:#111}.tas-year-count{font-size:11px;color:#888}@media(max-width:640px){.tas-grid{grid-template-columns:1fr;max-height:none}.tas-recipients-grid,.tas-year-grid{grid-template-columns:1fr}}@media(max-width:420px){.tas-grid,.tas-recipients-grid,.tas-year-grid{grid-template-columns:1fr}}[data-theme=dark] .tas-option{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .tas-grid::-webkit-scrollbar-thumb{background:#2a2a2a}[data-theme=dark] .tas-option:hover,[data-theme=dark] .tas-option.selected{border-color:#f0f0f0;background:#252525}[data-theme=dark] .tas-option-icon{background:#2a2a2a;color:#888}[data-theme=dark] .tas-option.selected .tas-option-icon{background:#f0f0f0;color:#111}[data-theme=dark] .tas-option-label{color:#e0e0e0}[data-theme=dark] .tas-option-desc{color:#555}[data-theme=dark] .tas-option-check{background:#f0f0f0;color:#111}[data-theme=dark] .tas-summary{background:#1e1e1e;border-color:#2a2a2a;color:#ccc}[data-theme=dark] .tas-summary strong{color:#f0f0f0}[data-theme=dark] .tas-recipients-title{color:#555}[data-theme=dark] .tas-recipients-grid::-webkit-scrollbar-thumb{background:#2a2a2a}[data-theme=dark] .tas-recipient-card{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .tas-recipient-card:hover{background:#252525}[data-theme=dark] .tas-recipient-name{color:#e0e0e0}[data-theme=dark] .tas-recipient-sub,[data-theme=dark] .tas-remove-btn{color:#555}[data-theme=dark] .tas-remove-btn:hover{color:#f87171;background:#2a1a1a}[data-theme=dark] .tas-loading,[data-theme=dark] .tas-section-label{color:#555}[data-theme=dark] .tas-year-option{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .tas-year-option:hover,[data-theme=dark] .tas-year-option.selected{border-color:#f0f0f0;background:#252525}[data-theme=dark] .tas-year-label{color:#e0e0e0}[data-theme=dark] .tas-year-count{color:#555}.sa-wrap{max-width:100%}.sa-header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:20px;border-bottom:1px solid #e8e8e8;margin-bottom:20px;gap:16px}.sa-header-left{display:flex;flex-direction:column;gap:3px}.sa-title{margin:0;font-size:20px;font-weight:800;color:#111;letter-spacing:-.02em}.sa-subtitle{margin:0;font-size:12px;color:#888;font-weight:600}.sa-loading{padding:40px;text-align:center}.sa-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:60px 20px;text-align:center;background:#f7f7f7;border:1px solid #e8e8e8;border-radius:12px}.sa-empty-icon{width:48px;height:48px;border-radius:12px;background:#f0f0f0;color:#888;display:flex;align-items:center;justify-content:center}.sa-empty-title{margin:0;font-size:15px;font-weight:800;color:#111}.sa-empty-sub{margin:0;font-size:13px;color:#888}.sa-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.sa-card{background:#fff;border:1px solid #e8e8e8;border-radius:14px;overflow:hidden;cursor:pointer;transition:box-shadow .15s;display:flex;flex-direction:column}.sa-card:hover{box-shadow:0 4px 16px #00000014}.sa-card-header{padding:14px 16px;background:#f7f7f7;border-bottom:1px solid #e8e8e8;display:flex;align-items:flex-start;gap:12px}.sa-card-icon{width:36px;height:36px;border-radius:8px;background:#111;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sa-card-info{flex:1;min-width:0}.sa-card-name{margin:0 0 2px;font-size:13px;font-weight:800;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sa-card-desc{margin:0;font-size:11px;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sa-card-badges{display:flex;flex-direction:column;gap:4px;align-items:flex-end;flex-shrink:0}.sa-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:20px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.sa-badge.default{background:#fef3c7;color:#92400e}.sa-badge.status.active{background:#dcfce7;color:#166634}.sa-badge.status.inactive{background:#fee2e2;color:#dc2626}.sa-card-body{padding:12px 16px;flex:1;display:flex;flex-direction:column;gap:8px}.sa-card-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.sa-card-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#aaa;flex-shrink:0}.sa-card-value{font-size:12px;font-weight:600;color:#333}.sa-card-balance{font-size:13px;font-weight:800;color:#166634}.sa-card-acct-wrap{display:flex;align-items:center;gap:6px}.sa-card-acct{font-size:12px;font-weight:600;color:#333;font-family:monospace;letter-spacing:.05em}.sa-type-badge{font-size:10px;font-weight:700;padding:2px 8px;border-radius:8px}.sa-type-badge.savings{background:#dbeafe;color:#1e40af}.sa-type-badge.current{background:#dcfce7;color:#166634}.sa-type-badge.fixed\ deposit{background:#fef3c7;color:#92400e}.sa-eye-btn{background:none;border:none;color:#888;cursor:pointer;padding:2px;border-radius:4px;display:flex;align-items:center;transition:color .15s}.sa-eye-btn:hover{color:#111}.sa-card-actions{padding:10px 16px;border-top:1px solid #f0f0f0;display:flex;gap:6px;flex-wrap:wrap}.sa-action-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:7px;font-size:11px;font-weight:700;cursor:pointer;border:1px solid transparent;transition:background .15s,color .15s}.sa-action-btn:disabled{opacity:.4;cursor:not-allowed}.sa-action-btn.star{background:#fef9c3;border-color:#fde68a;color:#92400e}.sa-action-btn.star:hover:not(:disabled){background:#fef3c7}.sa-action-btn.edit{background:#f4f4f4;border-color:#e8e8e8;color:#111}.sa-action-btn.edit:hover:not(:disabled){background:#111;color:#fff;border-color:#111}.sa-action-btn.delete{background:#fff0f0;border-color:#fca5a5;color:#c33}.sa-action-btn.delete:hover:not(:disabled){background:#fecaca}.sa-panel{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;background:#fff}.sa-panel-header{position:relative;padding:22px 24px 20px;background:#111;flex-shrink:0;overflow:hidden}.sa-panel-header:before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;border:18px solid rgba(255,255,255,.05);top:-40px;right:-24px;pointer-events:none}.sa-panel-deco{position:absolute;width:60px;height:60px;border-radius:50%;border:10px solid rgba(255,255,255,.04);bottom:-20px;left:-12px;pointer-events:none}.sa-panel-header-content{position:relative;z-index:1;display:flex;align-items:flex-start;gap:14px}.sa-panel-header-icon{width:40px;height:40px;border-radius:10px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.sa-panel-header-text h2{margin:0 0 3px;font-size:14px;font-weight:800;color:#fff;letter-spacing:-.01em}.sa-panel-header-text p{margin:0;font-size:12px;color:#ffffff8c}.sa-panel-body{flex:1;min-height:0;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:16px}.sa-panel-body::-webkit-scrollbar{width:3px}.sa-panel-body::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:2px}.sa-panel-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 24px;border-top:1px solid #e8e8e8;background:#f7f7f7;flex-shrink:0}.sa-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sa-detail-section{display:flex;flex-direction:column;gap:10px}.sa-detail-section-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#888;padding-bottom:8px;border-bottom:1px solid #f0f0f0;display:block}.sa-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sa-detail-item{display:flex;flex-direction:column;gap:3px}.sa-detail-full{grid-column:1 / -1}.sa-detail-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#aaa}.sa-detail-value{font-size:13px;font-weight:600;color:#111}.sa-acct-display{display:flex;align-items:center;gap:6px}.sa-acct-num{font-size:13px;font-weight:600;color:#111;font-family:monospace;letter-spacing:.05em}.sa-detail-actions{display:flex;gap:8px;flex-wrap:wrap;padding-top:4px}.sa-verify-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.sa-verify-modal{background:#fff;border-radius:16px;padding:32px;max-width:420px;width:90%;box-shadow:0 20px 60px #0003;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.sa-verify-icon{width:56px;height:56px;border-radius:14px;background:#111;color:#fff;display:flex;align-items:center;justify-content:center}.sa-verify-title{margin:0;font-size:18px;font-weight:800;color:#111}.sa-verify-sub{margin:0;font-size:13px;color:#888}.sa-verify-card{width:100%;background:#f7f7f7;border:1px solid #e8e8e8;border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:10px;text-align:left}.sa-verify-row{display:flex;flex-direction:column;gap:2px}.sa-verify-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#aaa}.sa-verify-value{font-size:15px;font-weight:800;color:#111}.sa-verify-btns{display:flex;gap:10px;width:100%}.sa-verify-btns>*{flex:1}@media(max-width:768px){.sa-grid,.sa-form-row,.sa-detail-grid{grid-template-columns:1fr}.sa-header{flex-direction:column;gap:14px}}[data-theme=dark] .sa-title{color:#f0f0f0}[data-theme=dark] .sa-subtitle{color:#555}[data-theme=dark] .sa-header{border-bottom-color:#2a2a2a}[data-theme=dark] .sa-empty{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .sa-empty-icon{background:#2a2a2a;color:#555}[data-theme=dark] .sa-empty-title{color:#f0f0f0}[data-theme=dark] .sa-empty-sub{color:#555}[data-theme=dark] .sa-card{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .sa-card:hover{box-shadow:0 4px 16px #0000004d}[data-theme=dark] .sa-card-header{background:#252525;border-bottom-color:#2a2a2a}[data-theme=dark] .sa-card-icon{background:#f0f0f0;color:#111}[data-theme=dark] .sa-card-name{color:#f0f0f0}[data-theme=dark] .sa-card-desc{color:#555}[data-theme=dark] .sa-card-value,[data-theme=dark] .sa-card-acct{color:#ccc}[data-theme=dark] .sa-card-actions{border-top-color:#2a2a2a}[data-theme=dark] .sa-action-btn.edit{background:#252525;border-color:#3a3a3a;color:#e0e0e0}[data-theme=dark] .sa-action-btn.edit:hover:not(:disabled){background:#f0f0f0;color:#111;border-color:#f0f0f0}[data-theme=dark] .sa-eye-btn{color:#555}[data-theme=dark] .sa-eye-btn:hover{color:#f0f0f0}[data-theme=dark] .sa-panel{background:#1a1a1a}[data-theme=dark] .sa-panel-header{background:#0a0a0a}[data-theme=dark] .sa-panel-body{background:#1a1a1a}[data-theme=dark] .sa-panel-body::-webkit-scrollbar-thumb{background:#2a2a2a}[data-theme=dark] .sa-panel-footer{background:#1e1e1e;border-top-color:#2a2a2a}[data-theme=dark] .sa-detail-section-title{color:#555;border-bottom-color:#2a2a2a}[data-theme=dark] .sa-detail-value,[data-theme=dark] .sa-acct-num{color:#e0e0e0}[data-theme=dark] .sa-verify-modal{background:#1a1a1a}[data-theme=dark] .sa-verify-title{color:#f0f0f0}[data-theme=dark] .sa-verify-sub{color:#555}[data-theme=dark] .sa-verify-card{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .sa-verify-value{color:#f0f0f0}[data-theme=dark] .sa-verify-icon{background:#f0f0f0;color:#111}.fee-billing-dashboard{padding:24px;height:100vh;overflow-y:auto;box-sizing:border-box}.fbpts{margin-bottom:24px}.fbpts h2{font-size:28px;font-weight:600;color:#1f2937;margin:0 0 8px}.fbpts .subtitle{font-size:16px;color:#6b7280;margin:0 0 24px}.billing-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:32px}.summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;display:flex;align-items:center;gap:16px;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.summary-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.summary-icon{font-size:32px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:12px;flex-shrink:0}.summary-card.total .summary-icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.summary-card.collected .summary-icon{background:linear-gradient(135deg,#10b981,#059669)}.summary-card.pending .summary-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.summary-card.overdue .summary-icon{background:linear-gradient(135deg,#ef4444,#dc2626)}.summary-content{flex:1}.summary-content h3{font-size:14px;font-weight:500;color:#6b7280;margin:0 0 4px;text-transform:uppercase;letter-spacing:.5px}.summary-content .amount{font-size:24px;font-weight:700;color:#1f2937;margin:0 0 4px}.summary-content .label{font-size:12px;color:#9ca3af;font-weight:500}.category-badge{display:inline-block;white-space:nowrap}.category-badge.academic{background-color:#dbeafe!important;color:#1e40af!important}.category-badge.uniform{background-color:#f3e8ff!important;color:#6b21a8!important}.category-badge.transport{background-color:#d1fae5!important;color:#065f46!important}.category-badge.technology{background-color:#fef3c7!important;color:#92400e!important}.category-badge.health{background-color:#fecaca!important;color:#991b1b!important}.category-badge.extracurricular{background-color:#e0e7ff!important;color:#3730a3!important}.type-badge{display:inline-block;white-space:nowrap}.type-badge.mandatory{background-color:#fef3c7!important;color:#92400e!important}.type-badge.optional{background-color:#e0e7ff!important;color:#3730a3!important}.status-badge{display:inline-block;white-space:nowrap}.status-badge.paid{background-color:#dcfce7!important;color:#166534!important}.status-badge.partial{background-color:#fef3c7!important;color:#92400e!important}.status-badge.overdue{background-color:#fecaca!important;color:#991b1b!important}.status-badge.pending{background-color:#e0e7ff!important;color:#3730a3!important}.action-buttons{display:flex;gap:8px;align-items:center}.action-btn{background:none;border:1px solid #e5e7eb;border-radius:6px;padding:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.action-btn:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.action-btn.view{color:#3b82f6;border-color:#3b82f6}.action-btn.view:hover{background:#3b82f6;color:#fff}.action-btn.download{color:#10b981;border-color:#10b981}.action-btn.download:hover{background:#10b981;color:#fff}.action-btn.edit{color:#f59e0b;border-color:#f59e0b}.action-btn.edit:hover{background:#f59e0b;color:#fff}.action-btn.copy{color:#8b5cf6;border-color:#8b5cf6}.action-btn.copy:hover{background:#8b5cf6;color:#fff}.action-dropdown{position:relative;display:inline-block}.dropdown-trigger{background:none;border:none;padding:8px;border-radius:4px;cursor:pointer;color:#6b7280;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px;position:relative}.dropdown-trigger:hover{background:#f3f4f6;color:#374151;transform:scale(1.05)}.dropdown-trigger:focus{outline:none;background:#f3f4f6;color:#374151}.dropdown-trigger:active{transform:scale(.95)}.dropdown-menu{position:absolute;top:100%;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;z-index:1000;min-width:160px;padding:4px 0;margin-top:4px;animation:dropdownFadeIn .15s ease-out;transform-origin:top right}.dropdown-menu:before{content:"";position:absolute;top:-5px;right:12px;width:10px;height:10px;background:#fff;border:1px solid #e5e7eb;border-bottom:none;border-right:none;transform:rotate(45deg);z-index:-1}.dropdown-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 16px;background:none;border:none;text-align:left;cursor:pointer;font-size:14px;color:#374151;transition:all .2s ease}.dropdown-item:hover{background:#f3f4f6}.dropdown-item.danger{color:#dc2626}.dropdown-item.danger:hover{background:#fef2f2;color:#b91c1c}.action-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0}.action-label{flex:1;font-weight:500}.dropdown-divider{height:1px;background:#e5e7eb;margin:4px 0}@keyframes dropdownFadeIn{0%{opacity:0;transform:scale(.95) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(max-width:768px){.billing-summary{grid-template-columns:1fr;gap:16px;margin-bottom:24px}.summary-card{padding:20px}.summary-icon{font-size:28px;width:50px;height:50px}.summary-content .amount{font-size:20px}.fbpts h2{font-size:24px}.fbpts .subtitle{font-size:14px}.action-buttons{flex-direction:column;gap:4px}.action-btn{width:28px;height:28px;padding:6px}}@media(max-width:480px){.billing-summary{grid-template-columns:1fr}.summary-card{flex-direction:column;text-align:center;gap:12px}.summary-content .amount{font-size:18px}}.create-fee-container{display:flex;flex-direction:column;height:100%}.create-fee-header{padding:20px;border-bottom:1px solid #e5e7eb}.create-fee-header h2{font-size:20px;font-weight:600;color:#111827;margin:0 0 4px}.create-fee-header p{font-size:14px;color:#6b7280;margin:0}.create-fee-form{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.form-label{font-size:14px;font-weight:500;color:#374151;margin-bottom:6px;display:block}.target-audience-section .form-label{margin-bottom:12px}.create-fee-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px;border-top:1px solid #e5e7eb}@media(max-width:768px){.form-row{grid-template-columns:1fr;gap:12px}.create-fee-form{padding:16px;gap:12px}.create-fee-header{padding:16px}.create-fee-footer{padding:16px;flex-direction:column;gap:8px}}@media(max-width:480px){.create-fee-form,.create-fee-header{padding:12px}.create-fee-header h2{font-size:18px}.create-fee-footer{padding:12px}}.sub-tabs{display:flex;gap:16px;margin-bottom:24px;border-bottom:1px solid #e5e7eb}.sub-tab{padding:12px 24px;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-weight:500;color:#6b7280;transition:all .2s ease}.sub-tab:hover{color:#374151}.sub-tab.active{color:#3b82f6;border-bottom-color:#3b82f6}.chart-section{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;border:1px solid #e5e7eb}.chart-section h3{margin:0 0 20px;font-size:1.125rem;font-weight:600;color:#1f2937}.add-transaction-container,.add-account-container{padding:24px}.add-transaction-header,.add-account-header{margin-bottom:24px}.add-transaction-header h2,.add-account-header h2{margin:0 0 8px;font-size:1.5rem;font-weight:600;color:#1f2937}.add-transaction-header p,.add-account-header p{margin:0;color:#6b7280}.add-transaction-form,.add-account-form{display:flex;flex-direction:column;gap:20px}.add-transaction-footer,.add-account-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:24px;border-top:1px solid #e5e7eb}.income-expenses-tab,.school-accounts-tab,.fee-billing-tab{padding:0}@media(max-width:768px){.sub-tabs{flex-direction:column;gap:8px}.sub-tab{padding:8px 16px;border-bottom:none;border-left:2px solid transparent}.sub-tab.active{border-bottom:none;border-left-color:#3b82f6;background:#f8fafc}.chart-section,.add-transaction-container,.add-account-container{padding:16px}}.income-expenses-tab{width:100%}.income-expenses-header{margin-bottom:24px}.sub-tabs-container{display:flex;gap:8px;margin-bottom:24px}.sub-tab-button{padding:12px 24px;border:2px solid #e5e7eb;background:#fff;color:#6b7280;border-radius:8px;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s ease}.sub-tab-button:hover{border-color:#d1d5db;background:#f9fafb}.sub-tab-button.active{border-color:#3b82f6;background:#3b82f6;color:#fff}.chart-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;margin-bottom:24px}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.chart-title{font-size:18px;font-weight:600;color:#1f2937;margin:0}.chart-legend{display:flex;gap:24px}.legend-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#6b7280}.chart-container{width:100%;height:300px}.table-section{margin-top:0}.add-transaction-container{padding:24px}.add-transaction-header{margin-bottom:24px;border-bottom:1px solid #e5e7eb;padding-bottom:16px}.add-transaction-header h2{font-size:20px;font-weight:600;color:#1f2937;margin:0 0 8px}.add-transaction-header p{color:#6b7280;margin:0;font-size:14px}.add-transaction-form{display:flex;flex-direction:column;gap:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.add-transaction-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid #e5e7eb}@media(max-width:768px){.sub-tabs-container{flex-direction:column}.sub-tab-button{width:100%;text-align:center}.chart-header{flex-direction:column;align-items:flex-start;gap:16px}.form-row{grid-template-columns:1fr}.add-transaction-footer{flex-direction:column}}.fee-billing-tab{width:100%}.create-fee-header{margin-bottom:24px;border-bottom:1px solid #e5e7eb;padding-bottom:16px}.create-fee-header h2{font-size:20px;font-weight:600;color:#1f2937;margin:0 0 8px}.create-fee-header p{color:#6b7280;margin:0;font-size:14px}.create-fee-form{display:flex;flex-direction:column;gap:16px}.create-fee-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid #e5e7eb}.target-audience-section{margin:16px 0}.form-label{display:block;font-weight:500;color:#374151;margin-bottom:8px;font-size:14px}.school-accounts-tab{width:100%}.add-account-container{padding:24px}.add-account-header{margin-bottom:24px;border-bottom:1px solid #e5e7eb;padding-bottom:16px}.add-account-header h2{font-size:20px;font-weight:600;color:#1f2937;margin:0 0 8px}.add-account-header p{color:#6b7280;margin:0;font-size:14px}.add-account-form{display:flex;flex-direction:column;gap:16px}.add-account-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid #e5e7eb}.category-badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:capitalize}.category-badge.academic{background-color:#dbeafe;color:#1e40af}.category-badge.uniform{background-color:#f3e8ff;color:#6b21a8}.category-badge.transport{background-color:#d1fae5;color:#065f46}.category-badge.technology{background-color:#fef3c7;color:#92400e}.category-badge.health{background-color:#fecaca;color:#991b1b}.category-badge.extracurricular{background-color:#e0e7ff;color:#3730a3}.type-badge{display:inline-block;padding:3px 8px;border-radius:12px;font-size:11px;font-weight:600}.type-badge.mandatory{background-color:#fef3c7;color:#92400e}.type-badge.optional{background-color:#e0e7ff;color:#3730a3}.status-badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600}.status-badge.active{background-color:#dcfce7;color:#166534}.status-badge.inactive{background-color:#fecaca;color:#991b1b}.accounts-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.accounts-title-section{flex:1}.accounts-title{font-size:20px;font-weight:600;color:#1f2937;margin:0 0 8px}.accounts-subtitle{color:#6b7280;margin:0;font-size:14px}.add-account-btn{background:#3b82f6;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:500;cursor:pointer;transition:background-color .2s}.add-account-btn:hover{background:#2563eb}.accounts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px;margin-bottom:32px}.account-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;transition:all .2s ease;position:relative}.account-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.account-card.default-account{border-color:#10b981;background:linear-gradient(135deg,#fff,#f0fdf4)}.account-card.default-account:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#10b981,#059669);border-radius:12px 12px 0 0}.account-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.account-info{flex:1}.account-name{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 8px}.account-description{color:#6b7280;margin:0;font-size:14px;line-height:1.4}.account-badges{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.default-badge{background:#dcfce7;color:#166534;padding:4px 12px;border-radius:16px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.account-details{margin-bottom:24px}.account-detail-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f3f4f6}.account-detail-row:last-child{border-bottom:none}.balance-row{background:#f8fafc;margin:0 -24px 24px;padding:16px 24px;border-radius:8px;border:none}.detail-label{font-size:14px;color:#6b7280;font-weight:500}.detail-value{font-size:14px;color:#1f2937;font-weight:500}.account-number{font-family:Courier New,monospace;background:#f3f4f6;padding:4px 8px;border-radius:4px;font-size:13px}.account-type-badge{padding:4px 12px;border-radius:12px;font-size:11px;font-weight:600}.account-type-badge.current{background:#dbeafe;color:#1e40af}.account-type-badge.savings{background:#f3e8ff;color:#6b21a8}.account-type-badge.fixed{background:#fef3c7;color:#92400e}.balance-amount{font-size:20px;font-weight:700;color:#10b981}.account-actions{display:flex;gap:8px;justify-content:flex-end}.action-btn{padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid}.edit-btn{background:#fff;color:#3b82f6;border-color:#3b82f6}.edit-btn:hover{background:#3b82f6;color:#fff}.default-btn{background:#fff;color:#10b981;border-color:#10b981}.default-btn:hover{background:#10b981;color:#fff}.delete-btn{background:#fff;color:#ef4444;border-color:#ef4444}.delete-btn:hover:not(:disabled){background:#ef4444;color:#fff}.delete-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.accounts-header{flex-direction:column;gap:16px;align-items:stretch}.add-account-btn{width:100%;text-align:center}.accounts-grid{grid-template-columns:1fr}.account-card-header{flex-direction:column;gap:16px}.account-badges{flex-direction:row;align-items:flex-start}.account-actions{justify-content:stretch}.action-btn{flex:1;text-align:center}}.account-number-container{display:flex;align-items:center;gap:8px}.eye-button{background:none;border:none;cursor:pointer;font-size:16px;padding:4px;border-radius:4px;transition:background-color .2s;display:flex;align-items:center;justify-content:center}.eye-button:hover{background:#f3f4f6}.eye-button:active{transform:scale(.95)}.account-card.default-account{border-color:#e5e7eb;background:#fff}.account-card.default-account:before{display:none}.default-badge,.balance-row,.balance-amount{display:none}.clickable-card{cursor:pointer;transition:all .3s ease}.clickable-card:hover{transform:translateY(-4px);box-shadow:0 12px 20px -5px #00000026,0 8px 16px -8px #0000001a}.account-actions .action-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid;min-width:90px;justify-content:center}.account-actions .btn-icon{font-size:14px}.account-actions .edit-btn{background:#fff;color:#3b82f6;border-color:#3b82f6}.account-actions .edit-btn:hover{background:#3b82f6;color:#fff;transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.account-actions .delete-btn{background:#fff;color:#ef4444;border-color:#ef4444}.account-actions .delete-btn:hover{background:#ef4444;color:#fff;transform:translateY(-1px);box-shadow:0 4px 8px #ef44444d}.account-detail-container{padding:24px;max-height:80vh;overflow-y:auto}.account-detail-header{margin-bottom:32px;border-bottom:1px solid #e5e7eb;padding-bottom:16px}.account-detail-header h2{font-size:24px;font-weight:600;color:#1f2937;margin:0 0 8px}.account-detail-header p{color:#6b7280;margin:0;font-size:14px}.account-detail-content{display:flex;flex-direction:column;gap:32px}.detail-section{background:#f9fafb;border-radius:12px;padding:24px}.detail-section h3{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 20px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.detail-item{display:flex;flex-direction:column;gap:6px}.detail-item.full-width{grid-column:1 / -1}.detail-item label{font-size:12px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.detail-item span{font-size:14px;color:#1f2937;font-weight:500}.account-number-display{display:flex;align-items:center;gap:8px;font-family:Courier New,monospace;background:#fff;padding:8px 12px;border-radius:6px;border:1px solid #e5e7eb}.eye-button-small{background:none;border:none;cursor:pointer;font-size:14px;padding:2px;border-radius:4px;transition:background-color .2s}.eye-button-small:hover{background:#f3f4f6}.detail-actions{display:flex;gap:12px;flex-wrap:wrap}.detail-action-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid;min-width:140px;justify-content:center}.detail-action-btn.edit-btn{background:#3b82f6;color:#fff;border-color:#3b82f6}.detail-action-btn.edit-btn:hover{background:#2563eb;border-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.detail-action-btn.delete-btn{background:#ef4444;color:#fff;border-color:#ef4444}.detail-action-btn.delete-btn:hover{background:#dc2626;border-color:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef444466}@media(max-width:768px){.detail-grid{grid-template-columns:1fr}.detail-actions{flex-direction:column}.detail-action-btn{width:100%}.account-detail-container{padding:16px}}.fbt-header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:20px;border-bottom:1px solid #e8e8e8;margin-bottom:20px}.fbt-header-left{display:flex;flex-direction:column;gap:3px}.fbt-title{margin:0;font-size:20px;font-weight:800;color:#111;letter-spacing:-.02em}.fbt-subtitle{margin:0;font-size:12px;color:#888;font-weight:600}.create-fee-container{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;background:#fff}.cf-panel-header{position:relative;padding:22px 24px 20px;background:#111;flex-shrink:0;overflow:hidden}.cf-panel-header:before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;border:18px solid rgba(255,255,255,.05);top:-40px;right:-24px;pointer-events:none}.cf-panel-deco{position:absolute;width:60px;height:60px;border-radius:50%;border:10px solid rgba(255,255,255,.04);bottom:-20px;left:-12px;pointer-events:none}.cf-panel-header-content{position:relative;z-index:1;display:flex;align-items:flex-start;gap:14px}.cf-panel-header-icon{width:40px;height:40px;border-radius:10px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.cf-panel-header-text h2{margin:0 0 3px;font-size:14px;font-weight:800;color:#fff;letter-spacing:-.01em}.cf-panel-header-text p{margin:0;font-size:12px;color:#ffffff8c}[data-theme=dark] .fbt-title{color:#f0f0f0}[data-theme=dark] .fbt-subtitle{color:#555}[data-theme=dark] .fbt-header{border-bottom-color:#2a2a2a}[data-theme=dark] .create-fee-container{background:#1a1a1a}[data-theme=dark] .cf-panel-header{background:#0a0a0a}.fbt-col-code{font-family:monospace;font-weight:700;font-size:13px;color:#111}.fbt-col-name{display:flex;flex-direction:column;gap:2px}.fbt-col-name-main{font-weight:700;font-size:13px;color:#111}.fbt-col-name-sub{font-size:11px;color:#888}.fbt-col-amount{font-weight:700;font-size:13px;color:#111}.fbt-col-target{font-size:11px;font-weight:600;background:#f4f4f4;color:#555;padding:2px 8px;border-radius:8px;text-transform:capitalize;white-space:nowrap}.fbt-col-recipients{display:flex;flex-direction:column;gap:2px}.fbt-col-recipients-total{font-weight:700;font-size:13px;color:#111}.fbt-col-recipients-paid{font-size:11px;color:#888}.fbt-col-recipients-paid.has-paid{color:#166634}.fbt-col-status{display:inline-flex;align-items:center;padding:3px 10px;border-radius:10px;font-size:11px;font-weight:700}.fbt-col-status.active{background:#dcfce7;color:#166634}.fbt-col-status.inactive{background:#fee2e2;color:#dc2626}.fbt-col-status.draft{background:#fef3c7;color:#92400e}[data-theme=dark] .fbt-col-code,[data-theme=dark] .fbt-col-name-main{color:#e0e0e0}[data-theme=dark] .fbt-col-name-sub{color:#555}[data-theme=dark] .fbt-col-amount{color:#e0e0e0}[data-theme=dark] .fbt-col-target{background:#252525;color:#888}[data-theme=dark] .fbt-col-recipients-total{color:#e0e0e0}[data-theme=dark] .fbt-col-recipients-paid{color:#555}[data-theme=dark] .fbt-col-recipients-paid.has-paid{color:#4ade80}.bo-wrap{display:flex;flex-direction:column;gap:16px;max-width:800px;padding:20px 24px}.bo-actions-row{display:flex;justify-content:flex-end;gap:8px}.bo-meta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.bo-meta-card{background:#f7f7f7;border:1px solid #e8e8e8;border-radius:10px;padding:12px 16px;display:flex;flex-direction:column;gap:4px}.bo-meta-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#aaa}.bo-meta-value{font-size:13px;font-weight:700;color:#111;text-transform:capitalize}.bo-section{background:#fff;border:1px solid #e8e8e8;border-radius:10px;padding:16px 20px;display:flex;flex-direction:column;gap:8px}.bo-section-alt{background:#f7f7f7}.bo-section-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#888;padding-bottom:8px;border-bottom:1px solid #f0f0f0;display:block}.bo-amount{margin:0;font-size:22px;font-weight:800;color:#111;letter-spacing:-.02em}.bo-installment-note{margin:0;font-size:12px;color:#888}.bo-description-text{margin:0;font-size:14px;color:#333;line-height:1.7}.bo-items-list{display:flex;flex-direction:column;gap:4px}.bo-item-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;padding:6px 0;border-bottom:1px solid #f0f0f0}.bo-item-name{color:#333}.bo-item-amount{font-weight:700;color:#111}.bo-item-total{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:800;color:#111;padding:8px 0 0}.bo-created-row{display:flex;gap:24px;font-size:13px;color:#888}.bo-confirm-panel{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;background:#fff}.bo-confirm-header{position:relative;padding:22px 24px 20px;flex-shrink:0;overflow:hidden}.bo-confirm-header.danger{background:#c33}.bo-confirm-header.success{background:#16a34a}.bo-confirm-header:before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;border:18px solid rgba(255,255,255,.07);top:-40px;right:-24px;pointer-events:none}.bo-confirm-deco{position:absolute;width:60px;height:60px;border-radius:50%;border:10px solid rgba(255,255,255,.05);bottom:-20px;left:-12px;pointer-events:none}.bo-confirm-header-content{position:relative;z-index:1;display:flex;align-items:flex-start;gap:14px}.bo-confirm-icon{width:40px;height:40px;border-radius:10px;background:#ffffff26;border:1px solid rgba(255,255,255,.22);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.bo-confirm-header-text h3{margin:0 0 3px;font-size:14px;font-weight:800;color:#fff}.bo-confirm-header-text p{margin:0;font-size:12px;color:#fff9}.bo-confirm-body{flex:1;min-height:0;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:12px}.bo-confirm-name{padding:12px 14px;background:#f4f4f4;border:1px solid #e8e8e8;border-radius:10px;font-size:14px;font-weight:800;color:#111}.bo-confirm-warn{padding:11px 14px;border-radius:8px;background:#fef9c3;border:1px solid #fde68a;border-left:3px solid #f59e0b;font-size:12px;font-weight:600;color:#854d0e;line-height:1.5}.bo-confirm-info{padding:11px 14px;border-radius:8px;background:#f0fdf4;border:1px solid #bbf7d0;border-left:3px solid #22c55e;font-size:12px;font-weight:600;color:#166534;line-height:1.5}.bo-confirm-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 24px;border-top:1px solid #e8e8e8;background:#f7f7f7;flex-shrink:0}@media(max-width:640px){.bo-meta-grid{grid-template-columns:1fr 1fr}}[data-theme=dark] .bo-meta-card{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .bo-meta-value{color:#e0e0e0}[data-theme=dark] .bo-section{background:#1a1a1a;border-color:#2a2a2a}[data-theme=dark] .bo-section-alt{background:#1e1e1e}[data-theme=dark] .bo-section-title{color:#555;border-bottom-color:#2a2a2a}[data-theme=dark] .bo-amount{color:#f0f0f0}[data-theme=dark] .bo-installment-note{color:#555}[data-theme=dark] .bo-description-text{color:#ccc}[data-theme=dark] .bo-item-row{border-bottom-color:#2a2a2a}[data-theme=dark] .bo-item-name{color:#ccc}[data-theme=dark] .bo-item-amount{color:#e0e0e0}[data-theme=dark] .bo-item-total{color:#f0f0f0}[data-theme=dark] .bo-created-row{color:#555}[data-theme=dark] .bo-confirm-panel,[data-theme=dark] .bo-confirm-body{background:#1a1a1a}[data-theme=dark] .bo-confirm-name{background:#1e1e1e;border-color:#2a2a2a;color:#f0f0f0}[data-theme=dark] .bo-confirm-warn{background:#1c1200;border-color:#3a2a00;border-left-color:#f59e0b;color:#fcd34d}[data-theme=dark] .bo-confirm-info{background:#052e16;border-color:#166534;border-left-color:#22c55e;color:#4ade80}[data-theme=dark] .bo-confirm-footer{background:#1e1e1e;border-top-color:#2a2a2a}.br-wrap{display:flex;flex-direction:column;gap:16px;max-width:900px;padding:20px 24px}.br-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.br-stat-card{background:#f7f7f7;border:1px solid #e8e8e8;border-radius:10px;padding:12px 16px;display:flex;flex-direction:column;gap:4px}.br-stat-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#aaa}.br-stat-value{font-size:18px;font-weight:800;color:#111;letter-spacing:-.02em}.br-stat-sub{font-size:11px;color:#888}.br-section{background:#fff;border:1px solid #e8e8e8;border-radius:10px;padding:16px 20px;display:flex;flex-direction:column;gap:10px}.br-section-alt{background:#f7f7f7}.br-section-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#888;padding-bottom:8px;border-bottom:1px solid #f0f0f0;display:block}.br-status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.br-status-card{border-radius:10px;padding:12px 16px;text-align:center;display:flex;flex-direction:column;gap:4px}.br-status-card.paid{background:#dcfce7}.br-status-card.partial{background:#fef3c7}.br-status-card.unpaid{background:#fee2e2}.br-status-count{font-size:24px;font-weight:800;margin:0}.br-status-card.paid .br-status-count{color:#166634}.br-status-card.partial .br-status-count{color:#92400e}.br-status-card.unpaid .br-status-count{color:#dc2626}.br-status-label{font-size:12px;font-weight:700}.br-status-card.paid .br-status-label{color:#166634}.br-status-card.partial .br-status-label{color:#92400e}.br-status-card.unpaid .br-status-label{color:#dc2626}.br-status-pct{font-size:11px;opacity:.8}.br-status-card.paid .br-status-pct{color:#166634}.br-status-card.partial .br-status-pct{color:#92400e}.br-status-card.unpaid .br-status-pct{color:#dc2626}.br-type-list{display:flex;flex-direction:column;gap:6px}.br-type-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f0f0f0;font-size:13px;gap:12px}.br-type-name{font-weight:700;color:#111;text-transform:capitalize;flex:1}.br-type-detail{color:#888}.br-type-paid{color:#166634;font-weight:600}.br-type-collected{color:#111;font-weight:700}.br-method-list{display:flex;flex-direction:column;gap:6px}.br-method-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid #f0f0f0;font-size:13px;gap:12px}.br-method-name{color:#333;font-weight:600;flex:1}.br-method-count{color:#888}.br-method-amount{font-weight:700;color:#111}.br-empty{background:#f7f7f7;border:1px solid #e8e8e8;border-radius:10px;padding:20px;text-align:center;color:#aaa;font-size:13px}@media(max-width:640px){.br-stats-grid{grid-template-columns:1fr 1fr}.br-status-grid{grid-template-columns:1fr}}[data-theme=dark] .br-stat-card{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .br-stat-value{color:#e0e0e0}[data-theme=dark] .br-section{background:#1a1a1a;border-color:#2a2a2a}[data-theme=dark] .br-section-alt{background:#1e1e1e}[data-theme=dark] .br-section-title{color:#555;border-bottom-color:#2a2a2a}[data-theme=dark] .br-status-card.paid{background:#052e16}[data-theme=dark] .br-status-card.partial{background:#1c1200}[data-theme=dark] .br-status-card.unpaid{background:#2a1a1a}[data-theme=dark] .br-type-row{border-bottom-color:#2a2a2a}[data-theme=dark] .br-type-name{color:#e0e0e0}[data-theme=dark] .br-type-detail{color:#555}[data-theme=dark] .br-type-paid{color:#4ade80}[data-theme=dark] .br-type-collected{color:#e0e0e0}[data-theme=dark] .br-method-row{border-bottom-color:#2a2a2a}[data-theme=dark] .br-method-name{color:#ccc}[data-theme=dark] .br-method-count{color:#555}[data-theme=dark] .br-method-amount{color:#e0e0e0}[data-theme=dark] .br-empty{background:#1e1e1e;border-color:#2a2a2a;color:#555}.bd-page{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.bd-loading{padding:40px;text-align:center;color:#888;font-size:13px}.bd-banner{position:relative;background:#111;padding:22px 28px 20px;flex-shrink:0;overflow:hidden}.bd-banner:before{content:"";position:absolute;width:200px;height:200px;border-radius:50%;border:30px solid rgba(255,255,255,.04);top:-80px;right:-50px;pointer-events:none}.bd-banner-deco{position:absolute;width:80px;height:80px;border-radius:50%;border:14px solid rgba(255,255,255,.03);bottom:-30px;left:-20px;pointer-events:none}.bd-banner-content{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.bd-banner-left{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.bd-back-btn{display:inline-flex;align-items:center;gap:5px;background:none;border:none;color:#ffffff80;cursor:pointer;font-size:12px;font-weight:600;padding:0;transition:color .15s;align-self:flex-start}.bd-back-btn:hover{color:#fff}.bd-banner-title{margin:0;font-size:18px;font-weight:800;color:#fff;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bd-banner-sub{margin:0;font-size:12px;color:#ffffff80;font-weight:500}.bd-status-pill{font-size:11px;font-weight:700;padding:2px 10px;border-radius:10px;display:inline-block}.bd-tabs-bar{display:flex;background:#fff;border-bottom:1px solid #e8e8e8;padding:0 20px;flex-shrink:0;overflow:hidden;position:relative}.bd-tabs-bar:before{content:"";position:absolute;width:200px;height:200px;border-radius:50%;border:26px solid rgba(0,0,0,.04);top:-60px;right:-40px;pointer-events:none}.bd-tabs-nav{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;padding:0;position:relative;z-index:1}.bd-tabs-nav::-webkit-scrollbar{display:none}.bd-tab{display:flex;align-items:center;padding:9px 16px 10px;border:1px solid transparent;border-bottom:none;background:transparent;font-size:13px;font-weight:600;color:#888;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background .15s,color .15s}.bd-tab:hover{background:#0000000d}.bd-tab.active{background:#111;border-color:#111;color:#fff;font-weight:700}.bd-content{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;background:#f5f5f5}.bd-content::-webkit-scrollbar{width:4px}.bd-content::-webkit-scrollbar-thumb{background:#d0d0d0;border-radius:2px}.bd-pay-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:10px;font-size:11px;font-weight:700;text-transform:capitalize}.bd-pay-badge.paid{background:#dcfce7;color:#166634}.bd-pay-badge.partial{background:#fef3c7;color:#92400e}.bd-pay-badge.unpaid{background:#fee2e2;color:#dc2626}.bd-recipient-panel{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;background:#fff}.bd-rp-header{position:relative;padding:22px 24px 20px;background:#111;flex-shrink:0;overflow:hidden}.bd-rp-header:before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;border:18px solid rgba(255,255,255,.05);top:-40px;right:-24px;pointer-events:none}.bd-rp-deco{position:absolute;width:60px;height:60px;border-radius:50%;border:10px solid rgba(255,255,255,.04);bottom:-20px;left:-12px;pointer-events:none}.bd-rp-header-content{position:relative;z-index:1;display:flex;align-items:flex-start;gap:14px}.bd-rp-header-icon{width:40px;height:40px;border-radius:10px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.bd-rp-header-text h2{margin:0 0 3px;font-size:14px;font-weight:800;color:#fff}.bd-rp-header-text p{margin:0;font-size:12px;color:#ffffff8c}.bd-rp-body{flex:1;min-height:0;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:16px}.bd-rp-body::-webkit-scrollbar{width:3px}.bd-rp-body::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:2px}.bd-rp-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.bd-rp-summary-card{background:#f7f7f7;border:1px solid #e8e8e8;border-radius:8px;padding:10px 14px;display:flex;flex-direction:column;gap:3px}.bd-rp-summary-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#aaa}.bd-rp-summary-value{font-size:14px;font-weight:700;color:#111;text-transform:capitalize}.bd-rp-section{background:#fff;border:1px solid #e8e8e8;border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:10px}.bd-rp-section-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#888;padding-bottom:8px;border-bottom:1px solid #f0f0f0;display:block}.bd-rp-empty{font-size:13px;color:#aaa;margin:0}.bd-rp-payments{display:flex;flex-direction:column;gap:10px}.bd-rp-payment-item{padding:10px 12px;background:#f7f7f7;border-radius:8px;border:1px solid #f0f0f0;display:flex;flex-direction:column;gap:4px}.bd-rp-payment-top{display:flex;justify-content:space-between;align-items:center}.bd-rp-payment-amount{font-weight:800;font-size:15px;color:#166634}.bd-rp-payment-date{font-size:12px;color:#888}.bd-rp-payment-meta{display:flex;gap:12px;font-size:12px;color:#888}.bd-rp-payment-note{font-size:12px;color:#333;margin:4px 0 0}.bd-rp-issued{font-size:12px;color:#aaa;margin:0;text-align:center}.bd-rp-pay-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.bd-rp-pay-field{display:flex;flex-direction:column;gap:5px}.bd-rp-pay-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#888}.bd-rp-pay-input{width:100%;padding:8px 10px;border:1px solid #e0e0e0;border-radius:7px;font-size:13px;color:#111;background:#fafafa;outline:none;transition:border-color .15s;box-sizing:border-box}.bd-rp-pay-input:focus{border-color:#111;background:#fff}.bd-rp-pay-textarea{resize:none;font-family:inherit;line-height:1.5}.bd-rp-pay-error{font-size:12px;font-weight:600;color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;padding:7px 10px;margin:0}.bd-rp-pay-btn{width:100%;padding:10px 16px;background:#111;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;transition:background .15s}.bd-rp-pay-btn:hover:not(:disabled){background:#333}.bd-rp-pay-btn:disabled{opacity:.5;cursor:not-allowed}[data-theme=dark] .bd-rp-pay-label{color:#555}[data-theme=dark] .bd-rp-pay-input{background:#1e1e1e;border-color:#2a2a2a;color:#e0e0e0}[data-theme=dark] .bd-rp-pay-input:focus{border-color:#f0f0f0;background:#252525}[data-theme=dark] .bd-rp-pay-error{background:#2a0a0a;border-color:#7f1d1d;color:#f87171}[data-theme=dark] .bd-rp-pay-btn{background:#f0f0f0;color:#111}[data-theme=dark] .bd-rp-pay-btn:hover:not(:disabled){background:#fff}@media(max-width:640px){.bd-banner{padding:16px 20px}.bd-banner-title{font-size:15px}.bd-rp-summary-grid{grid-template-columns:1fr}}[data-theme=dark] .bd-banner{background:#0a0a0a}[data-theme=dark] .bd-tabs-bar{background:#1a1a1a;border-bottom-color:#2a2a2a}[data-theme=dark] .bd-tabs-bar:before{border-color:#ffffff0a}[data-theme=dark] .bd-tab{color:#555}[data-theme=dark] .bd-tab:hover{background:#ffffff0f;color:#f0f0f0}[data-theme=dark] .bd-tab.active{background:#f0f0f0;border-color:#f0f0f0;color:#111}[data-theme=dark] .bd-content{background:#141414}[data-theme=dark] .bd-loading{color:#555}[data-theme=dark] .bd-recipient-panel{background:#1a1a1a}[data-theme=dark] .bd-rp-header{background:#0a0a0a}[data-theme=dark] .bd-rp-body{background:#1a1a1a}[data-theme=dark] .bd-rp-body::-webkit-scrollbar-thumb{background:#2a2a2a}[data-theme=dark] .bd-rp-summary-card{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .bd-rp-summary-value{color:#e0e0e0}[data-theme=dark] .bd-rp-section{background:#1a1a1a;border-color:#2a2a2a}[data-theme=dark] .bd-rp-section-title{color:#555;border-bottom-color:#2a2a2a}[data-theme=dark] .bd-rp-empty{color:#555}[data-theme=dark] .bd-rp-payment-item{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .bd-rp-payment-amount{color:#4ade80}[data-theme=dark] .bd-rp-payment-date,[data-theme=dark] .bd-rp-payment-meta{color:#555}[data-theme=dark] .bd-rp-payment-note{color:#ccc}[data-theme=dark] .bd-rp-issued{color:#555}.bd-rp-payment-actions{display:flex;align-items:center;gap:6px;margin-top:8px;padding-top:8px;border-top:1px solid #f0f0f0}.bd-rp-action-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700;border:1px solid #e0e0e0;background:#f7f7f7;color:#555;cursor:pointer;transition:background .13s,color .13s}.bd-rp-action-btn:hover{background:#eee;color:#111}.bd-rp-action-btn.edit:hover{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.bd-rp-action-btn.danger{border-color:#fecaca;color:#dc2626;background:#fff5f5}.bd-rp-action-btn.danger:hover{background:#fef2f2;border-color:#f87171}.bd-rp-delete-confirm{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:#dc2626}.bd-rp-edit-form{display:flex;flex-direction:column;gap:10px;background:#f7f9ff;border:1px solid #dbeafe;border-radius:8px;padding:12px}.bd-rp-edit-actions{display:flex;justify-content:flex-end;gap:8px}.bd-rp-edit-cancel-btn{padding:7px 14px;border-radius:7px;font-size:12px;font-weight:700;border:1px solid #e0e0e0;background:#f7f7f7;color:#555;cursor:pointer;transition:background .13s}.bd-rp-edit-cancel-btn:hover:not(:disabled){background:#eee}.bd-rp-edit-save-btn{padding:7px 16px;border-radius:7px;font-size:12px;font-weight:700;border:none;background:#111;color:#fff;cursor:pointer;transition:background .13s}.bd-rp-edit-save-btn:hover:not(:disabled){background:#333}.bd-rp-edit-save-btn:disabled,.bd-rp-edit-cancel-btn:disabled{opacity:.5;cursor:not-allowed}[data-theme=dark] .bd-rp-payment-actions{border-top-color:#2a2a2a}[data-theme=dark] .bd-rp-action-btn{background:#1e1e1e;border-color:#2a2a2a;color:#888}[data-theme=dark] .bd-rp-action-btn:hover{background:#252525;color:#e0e0e0}[data-theme=dark] .bd-rp-action-btn.edit:hover{background:#0f1f3d;border-color:#1e3a6e;color:#60a5fa}[data-theme=dark] .bd-rp-action-btn.danger{background:#1a0a0a;border-color:#7f1d1d;color:#f87171}[data-theme=dark] .bd-rp-action-btn.danger:hover{background:#2a0a0a}[data-theme=dark] .bd-rp-edit-form{background:#0f1929;border-color:#1e3a5f}[data-theme=dark] .bd-rp-edit-cancel-btn{background:#1e1e1e;border-color:#2a2a2a;color:#888}[data-theme=dark] .bd-rp-edit-save-btn{background:#f0f0f0;color:#111}.mm-alumni-dashboard{max-width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.mm-alumni-dashboard>.lkk{flex:1;min-height:0;overflow:hidden}.mm-year-filter{background:#fff;border-bottom:1px solid #e8e8e8}.mm-year-filter-top{padding:20px 20px 0}.mm-year-filter-text{display:flex;flex-direction:column;gap:3px}.mm-year-tabs{display:flex;gap:4px;flex-wrap:wrap;padding:10px 20px 0;overflow-x:auto;scrollbar-width:none}.mm-year-tabs::-webkit-scrollbar{display:none}.mm-year-tab{padding:8px 16px 10px;border-radius:8px 8px 0 0;border:1px solid transparent;border-bottom:none;background:transparent;font-size:13px;font-weight:600;color:#888;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background .15s,color .15s}.mm-year-tab:hover{background:#0000000d}.mm-year-tab.active{background:#111;border-color:#111;color:#fff;font-weight:700}.mm-alumni-title{margin:0;font-size:20px;font-weight:800;color:#111;letter-spacing:-.02em}.mm-alumni-subtitle{margin:0;font-size:12px;color:#888;font-weight:600}.mm-alumni-stats{display:flex;gap:14px;margin-bottom:20px}.mm-stat-card{background:#f7f7f7;border:1px solid #e8e8e8;border-radius:10px;padding:14px 20px;display:flex;flex-direction:column;gap:4px;flex:1;min-width:120px}.mm-stat-number{font-size:22px;font-weight:800;color:#111;letter-spacing:-.02em}.mm-stat-label{font-size:11px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.05em}.mm-col-name,.mm-col-year{font-size:13px;font-weight:700;color:#111}.mm-col-class{font-size:13px;font-weight:500;color:#333}.mm-col-gender{font-size:13px;color:#555}.mm-col-contact{display:flex;flex-direction:column;gap:2px}.mm-col-contact-email{font-size:13px;font-weight:500;color:#111}.mm-col-contact-phone{font-size:11px;color:#888}.mm-create-panel{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;background:#fff}.mm-create-panel-header{position:relative;padding:22px 24px 20px;background:#111;flex-shrink:0;overflow:hidden}.mm-create-panel-header:before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;border:18px solid rgba(255,255,255,.05);top:-40px;right:-24px;pointer-events:none}.mm-create-panel-deco{position:absolute;width:60px;height:60px;border-radius:50%;border:10px solid rgba(255,255,255,.04);bottom:-20px;left:-12px;pointer-events:none}.mm-create-panel-header-content{position:relative;z-index:1;display:flex;align-items:flex-start;gap:14px}.mm-create-panel-header-icon{width:40px;height:40px;border-radius:10px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.mm-create-panel-header-text h2{margin:0 0 3px;font-size:14px;font-weight:800;color:#fff}.mm-create-panel-header-text p{margin:0;font-size:12px;color:#ffffff8c}.mm-create-panel-body{flex:1;min-height:0;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:14px}.mm-create-panel-body::-webkit-scrollbar{width:3px}.mm-create-panel-body::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:2px}.mm-create-panel-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 24px;border-top:1px solid #e8e8e8;background:#f7f7f7;flex-shrink:0}.mm-selected-student{background:#f7f7f7;border:1px solid #e8e8e8;border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:8px}.mm-selected-student-name{margin:0;font-size:14px;font-weight:800;color:#111}.mm-selected-student-details{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px}.mm-selected-student-details span{font-size:12px;color:#888;font-weight:500}.mm-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:640px){.mm-alumni-stats{flex-wrap:wrap}.mm-form-row,.mm-selected-student-details{grid-template-columns:1fr}}[data-theme=dark] .mm-alumni-dashboard{background:#141414}[data-theme=dark] .mm-year-filter{background:#1a1a1a;border-bottom-color:#2a2a2a}[data-theme=dark] .mm-year-tabs{background:transparent;border-bottom-color:transparent}[data-theme=dark] .mm-year-tab{color:#555}[data-theme=dark] .mm-year-tab:hover{background:#ffffff0f;color:#f0f0f0}[data-theme=dark] .mm-year-tab.active{background:#f0f0f0;border-color:#f0f0f0;color:#111}[data-theme=dark] .mm-alumni-title{color:#f0f0f0}[data-theme=dark] .mm-alumni-subtitle{color:#555}[data-theme=dark] .mm-stat-card{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .mm-stat-number{color:#f0f0f0}[data-theme=dark] .mm-stat-label{color:#555}[data-theme=dark] .mm-col-name,[data-theme=dark] .mm-col-year{color:#e0e0e0}[data-theme=dark] .mm-col-class{color:#ccc}[data-theme=dark] .mm-col-gender{color:#888}[data-theme=dark] .mm-col-contact-email{color:#e0e0e0}[data-theme=dark] .mm-col-contact-phone{color:#555}[data-theme=dark] .mm-create-panel{background:#1a1a1a}[data-theme=dark] .mm-create-panel-header{background:#0a0a0a}[data-theme=dark] .mm-create-panel-body{background:#1a1a1a}[data-theme=dark] .mm-create-panel-body::-webkit-scrollbar-thumb{background:#2a2a2a}[data-theme=dark] .mm-create-panel-footer{background:#1e1e1e;border-top-color:#2a2a2a}[data-theme=dark] .mm-selected-student{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .mm-selected-student-name{color:#f0f0f0}[data-theme=dark] .mm-selected-student-details span{color:#555}.alumni-notifications-tab{max-width:100%}.ant-header{padding-bottom:20px;border-bottom:1px solid #e8e8e8;margin-bottom:20px;display:flex;flex-direction:column;gap:3px}.ant-title{margin:0;font-size:20px;font-weight:800;color:#111;letter-spacing:-.02em}.ant-subtitle{margin:0;font-size:12px;color:#888;font-weight:600}.ant-title-cell{display:flex;flex-direction:column;gap:2px}.ant-title-main{font-size:13px;font-weight:700;color:#111}.ant-title-meta{font-size:11px;color:#888}.ant-target-badge{font-size:11px;font-weight:600;background:#f4f4f4;color:#555;padding:2px 8px;border-radius:8px;text-transform:capitalize}.ant-read-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:10px;font-size:11px;font-weight:700}.ant-read-badge.read{background:#dcfce7;color:#166634}.ant-read-badge.unread{background:#fee2e2;color:#dc2626}[data-theme=dark] .ant-header{border-bottom-color:#2a2a2a}[data-theme=dark] .ant-title{color:#f0f0f0}[data-theme=dark] .ant-subtitle{color:#555}[data-theme=dark] .ant-title-main{color:#e0e0e0}[data-theme=dark] .ant-title-meta{color:#555}[data-theme=dark] .ant-target-badge{background:#252525;color:#888}.alumni-profile{height:100vh;overflow:hidden;background-color:#f8fafc}.alumni-profile-loading{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f8fafc}.loading-spinner{font-size:18px;color:#6b7280;font-weight:500}.alumni-profile-error{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background-color:#f8fafc;text-align:center;padding:20px}.alumni-profile-error h2{font-size:24px;color:#1f2937;margin-bottom:12px}.alumni-profile-error p{font-size:16px;color:#6b7280;margin-bottom:24px}.alumni-profile-error button{background-color:#111;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .15s}.alumni-profile-error button:hover{background-color:#333}[data-theme=dark] .alumni-profile,[data-theme=dark] .alumni-profile-loading{background-color:#141414}[data-theme=dark] .loading-spinner{color:#555}[data-theme=dark] .alumni-profile-error{background-color:#141414}[data-theme=dark] .alumni-profile-error h2{color:#f0f0f0}[data-theme=dark] .alumni-profile-error p{color:#555}[data-theme=dark] .alumni-profile-error button{background-color:#f0f0f0;color:#111}[data-theme=dark] .alumni-profile-error button:hover{background-color:#ccc}@media(max-width:768px){.alumni-profile-error h2{font-size:20px}.alumni-profile-error p{font-size:14px}.alumni-profile-error button{padding:10px 20px;font-size:13px}}.bio-preview img{max-width:400px;max-height:300px;width:auto;height:auto;object-fit:contain;border-radius:6px;margin:8px 0;display:block}.ProseMirror img{max-width:400px;max-height:300px;width:auto;height:auto;object-fit:contain;border-radius:6px;margin:8px 0}.sd-wrap{max-width:100%}.sd-tab-section{display:flex;flex-direction:column;gap:20px}.sd-tab-header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:20px;border-bottom:1px solid #e8e8e8;gap:16px}.sd-tab-title{margin:0;font-size:20px;font-weight:800;color:#111;letter-spacing:-.02em}.sd-tab-subtitle{margin:0;font-size:12px;color:#888;font-weight:600}.sd-profile-hero{display:flex;align-items:center;gap:16px;padding:20px;background:#f7f7f7;border:1px solid #e8e8e8;border-radius:14px}.sd-logo-wrap{flex-shrink:0}.sd-logo-img{width:72px;height:72px;border-radius:14px;object-fit:cover;border:1px solid #e8e8e8}.sd-logo-placeholder{width:72px;height:72px;border-radius:14px;background:#f0f0f0;border:1px solid #e8e8e8;display:flex;align-items:center;justify-content:center;color:#aaa}.sd-profile-hero-text{flex:1;min-width:0}.sd-school-name{margin:0 0 4px;font-size:18px;font-weight:800;color:#111;letter-spacing:-.01em}.sd-school-slogan{margin:0;font-size:13px;color:#888}.sd-info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.sd-info-card{background:#f7f7f7;border:1px solid #e8e8e8;border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:4px}.sd-info-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#aaa}.sd-info-value{font-size:13px;font-weight:600;color:#111;word-break:break-word}.sd-info-link{display:block;font-size:13px;font-weight:600;color:#111;text-decoration:underline;text-underline-offset:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.sd-info-link:hover{color:#374151}.sd-social-section{margin-top:4px;padding:16px;border:1px solid #e8e8e8;border-radius:12px;background:#fafafa;display:flex;flex-direction:column;gap:10px}.sd-social-section--edit{background:#fff}.sd-website-under-social{margin-top:8px;display:flex;flex-direction:column;gap:16px}.sd-website-under-social .sw-wrap{gap:16px}.sd-social-title{margin:0;font-size:13px;font-weight:800;color:#111;letter-spacing:-.01em}.sd-social-hint,.sd-social-empty{margin:0;font-size:12px;color:#888}.sd-social-list{display:flex;flex-wrap:wrap;gap:8px}.sd-social-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid #e5e7eb;background:#fff;text-decoration:none;color:inherit}.sd-social-chip--edit{border-radius:10px}.sd-social-chip-platform{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#111}.sd-social-chip-handle{font-size:12px;font-weight:600;color:#555}.sd-social-remove{border:none;background:transparent;color:#b91c1c;font-size:11px;font-weight:700;cursor:pointer;padding:0}.sd-social-add-row{display:grid;grid-template-columns:160px 1fr auto;gap:8px;align-items:center}.sd-social-select,.sd-social-handle-input{height:40px;border:1px solid #e5e7eb;border-radius:8px;padding:0 12px;font-size:13px;background:#fff;color:#111}.sd-social-handle-input:focus,.sd-social-select:focus{outline:none;border-color:#111}.sd-edit-form{display:flex;flex-direction:column;gap:14px}.sd-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sd-form-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:4px}.sd-bio-preview{padding:16px 20px;border:1px solid #e8e8e8;border-radius:10px;background:#fff;min-height:80px;font-size:14px;line-height:.5;color:#333}.sd-bio-empty{color:#aaa;font-style:italic}.sd-editor-wrap{border:1px solid #e8e8e8;border-radius:10px;overflow:hidden}.sd-editor-toolbar{display:flex;flex-wrap:wrap;gap:4px;padding:8px 10px;border-bottom:1px solid #e8e8e8;background:#f7f7f7}.sd-toolbar-btn{padding:5px 9px;border-radius:5px;border:1px solid #e8e8e8;background:#fff;color:#555;cursor:pointer;font-size:13px;display:flex;align-items:center;transition:background .1s,color .1s}.sd-toolbar-btn:hover{background:#f0f0f0;color:#111}.sd-toolbar-btn.active{background:#dbeafe;border-color:#93c5fd;color:#1d4ed8}.sd-toolbar-sep{width:1px;background:#e8e8e8;margin:0 2px}.sd-editor-content{padding:16px;min-height:280px;font-size:14px;line-height:.5}.sd-editor-content:focus-within{outline:none}.sd-search-wrap{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid #e8e8e8;border-radius:10px;background:#fff;color:#888}.sd-search-input{flex:1;border:none;outline:none;font-size:13px;color:#111;background:transparent}.sd-search-input::placeholder{color:#aaa}.sd-search-clear{background:none;border:none;color:#888;cursor:pointer;display:flex;align-items:center;padding:2px;border-radius:4px;transition:color .15s}.sd-search-clear:hover{color:#111}.sd-filter-tabs{display:flex;gap:4px;flex-wrap:wrap}.sd-filter-tab{padding:6px 14px;border:1px solid #e8e8e8;border-radius:20px;background:#f4f4f4;font-size:12px;font-weight:700;color:#888;cursor:pointer;transition:background .15s,color .15s,border-color .15s;white-space:nowrap}.sd-filter-tab:hover{border-color:#111;color:#111}.sd-filter-tab.active{background:#111;color:#fff;border-color:#111}.sd-resources-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.sd-loading{padding:40px;text-align:center;color:#888;font-size:13px}.sd-empty{text-align:center;padding:60px 20px;display:flex;flex-direction:column;align-items:center;gap:8px}.sd-empty h3{margin:0;font-size:15px;font-weight:800;color:#111}.sd-empty p{margin:0;font-size:13px;color:#888}.sd-gallery-filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.sd-gallery-cats{display:flex;gap:6px;flex-wrap:wrap}.sd-gallery-grid{columns:4 180px;gap:10px}.sd-gallery-item{break-inside:avoid;margin-bottom:10px;border-radius:10px;overflow:hidden;cursor:pointer;position:relative;background:#f0f0f0}.sd-gallery-img{width:100%;display:block;transition:transform .2s}.sd-gallery-item:hover .sd-gallery-img{transform:scale(1.03)}.sd-gallery-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.65) 0%,transparent 55%);opacity:0;transition:opacity .2s;display:flex;flex-direction:column;justify-content:flex-end;padding:10px}.sd-gallery-item:hover .sd-gallery-overlay{opacity:1}.sd-gallery-caption{margin:0;font-size:12px;font-weight:700;color:#fff}.sd-gallery-cat{margin:0;font-size:11px;color:#ffffffb3}.sd-gallery-empty{color:#888}.sd-gallery-empty svg{color:#ccc}.sd-gallery-pagination{display:flex;justify-content:center;align-items:center;gap:10px;padding-top:8px}.sd-gallery-page{font-size:13px;color:#888}.sd-panel{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;background:#fff}.sd-panel-header{position:relative;padding:22px 24px 20px;background:#111;flex-shrink:0;overflow:hidden}.sd-panel-header:before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;border:18px solid rgba(255,255,255,.05);top:-40px;right:-24px;pointer-events:none}.sd-panel-deco{position:absolute;width:60px;height:60px;border-radius:50%;border:10px solid rgba(255,255,255,.04);bottom:-20px;left:-12px;pointer-events:none}.sd-panel-header-content{position:relative;z-index:1;display:flex;align-items:flex-start;gap:14px}.sd-panel-header-icon{width:40px;height:40px;border-radius:10px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.sd-panel-header-text h2{margin:0 0 3px;font-size:14px;font-weight:800;color:#fff}.sd-panel-header-text p{margin:0;font-size:12px;color:#ffffff8c}.sd-panel-body{flex:1;min-height:0;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:14px}.sd-panel-body::-webkit-scrollbar{width:3px}.sd-panel-body::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:2px}.sd-panel-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 24px;border-top:1px solid #e8e8e8;background:#f7f7f7;flex-shrink:0}.sd-drop-zone{border:2px dashed #e8e8e8;border-radius:10px;padding:24px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s;display:flex;flex-direction:column;align-items:center;gap:4px}.sd-drop-zone:hover{border-color:#111;background:#f7f7f7}.sd-drop-zone.has-files{border-color:#86efac;background:#f0fdf4}.sd-drop-icon{font-size:28px;color:#888}.sd-drop-text{margin:0;font-size:13px;font-weight:700;color:#111}.sd-drop-hint{margin:0;font-size:11px;color:#888}.sd-drop-filename{margin:0;font-size:13px;font-weight:700;color:#111}.sd-drop-size{margin:0;font-size:11px;color:#888}.sd-field-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#888;display:block;margin-bottom:6px}.sd-visibility-row{display:flex;gap:8px}.sd-visibility-btn{flex:1;padding:9px 0;border-radius:8px;border:1.5px solid #e8e8e8;background:#f4f4f4;color:#888;font-size:13px;font-weight:700;cursor:pointer;transition:all .15s}.sd-visibility-btn:hover{border-color:#111;color:#111}.sd-visibility-btn.active-public{border-color:#86efac;background:#f0fdf4;color:#166634}.sd-visibility-btn.active-private{border-color:#c7d2fe;background:#eef2ff;color:#4338ca}.sd-visibility-hint{margin:4px 0 0;font-size:11px;color:#888}.sd-gallery-upload-fields{display:grid;grid-template-columns:1fr 160px;gap:12px}.sd-upload-field{display:flex;flex-direction:column;gap:5px}.sd-field-input{padding:9px 12px;border-radius:8px;border:1px solid #e8e8e8;font-size:13px;color:#111;background:#fafafa;outline:none;transition:border-color .15s;width:100%;box-sizing:border-box;font-family:inherit}.sd-field-input:focus{border-color:#111;background:#fff}.sd-upload-previews{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:8px}.sd-upload-preview-thumb{width:72px;height:72px;object-fit:cover;border-radius:6px}.sd-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000eb;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}.sd-lightbox-inner{position:relative;max-width:90vw;max-height:90vh;text-align:center}.sd-lightbox-img{max-width:90vw;max-height:75vh;object-fit:contain;border-radius:8px;display:block}.sd-lightbox-caption{color:#fff;font-size:14px;font-weight:700;margin:10px 0 2px}.sd-lightbox-meta{color:#fff9;font-size:12px;margin:0 0 14px}.sd-lightbox-actions{display:flex;justify-content:center;gap:10px}.sd-lightbox-delete-btn{padding:8px 18px;border-radius:8px;border:none;background:#dc2626;color:#fff;cursor:pointer;font-size:13px;font-weight:600}.sd-lightbox-close-btn{padding:8px 18px;border-radius:8px;border:1px solid rgba(255,255,255,.3);background:transparent;color:#fff;cursor:pointer;font-size:13px}@media(max-width:768px){.sd-form-grid,.sd-social-add-row,.sd-resources-grid{grid-template-columns:1fr}.sd-gallery-grid{columns:2 140px}.sd-gallery-filters{flex-direction:column}.sd-gallery-upload-fields{grid-template-columns:1fr}.sd-tab-header{flex-direction:column;gap:14px}.sd-profile-hero{flex-direction:column;align-items:flex-start}}[data-theme=dark] .sd-tab-title{color:#f0f0f0}[data-theme=dark] .sd-tab-subtitle{color:#555}[data-theme=dark] .sd-tab-header{border-bottom-color:#2a2a2a}[data-theme=dark] .sd-profile-hero{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .sd-logo-placeholder{background:#2a2a2a;border-color:#3a3a3a;color:#555}[data-theme=dark] .sd-logo-img{border-color:#2a2a2a}[data-theme=dark] .sd-school-name{color:#f0f0f0}[data-theme=dark] .sd-school-slogan{color:#555}[data-theme=dark] .sd-info-card{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .sd-info-value{color:#e0e0e0}[data-theme=dark] .sd-info-link{color:#f0f0f0}[data-theme=dark] .sd-info-link:hover{color:#ccc}[data-theme=dark] .sd-social-section{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .sd-social-section--edit{background:#1a1a1a}[data-theme=dark] .sd-social-title{color:#f0f0f0}[data-theme=dark] .sd-social-hint,[data-theme=dark] .sd-social-empty{color:#888}[data-theme=dark] .sd-social-chip{background:#252525;border-color:#3a3a3a}[data-theme=dark] .sd-social-chip-platform{color:#f0f0f0}[data-theme=dark] .sd-social-chip-handle{color:#ccc}[data-theme=dark] .sd-social-select,[data-theme=dark] .sd-social-handle-input{background:#252525;border-color:#3a3a3a;color:#e0e0e0}[data-theme=dark] .sd-bio-preview{background:#1a1a1a;border-color:#2a2a2a;color:#ccc}[data-theme=dark] .sd-editor-wrap{border-color:#2a2a2a}[data-theme=dark] .sd-editor-toolbar{background:#252525;border-bottom-color:#2a2a2a}[data-theme=dark] .sd-toolbar-btn{background:#2a2a2a;border-color:#3a3a3a;color:#888}[data-theme=dark] .sd-toolbar-btn:hover{background:#333;color:#f0f0f0}[data-theme=dark] .sd-toolbar-btn.active{background:#1e3a6e;border-color:#2563eb;color:#93c5fd}[data-theme=dark] .sd-toolbar-sep{background:#2a2a2a}[data-theme=dark] .sd-editor-content{background:#1a1a1a;color:#ccc}[data-theme=dark] .sd-search-wrap{background:#1e1e1e;border-color:#2a2a2a;color:#555}[data-theme=dark] .sd-search-input{color:#e0e0e0}[data-theme=dark] .sd-filter-tab{background:#1e1e1e;border-color:#2a2a2a;color:#555}[data-theme=dark] .sd-filter-tab:hover{border-color:#f0f0f0;color:#f0f0f0}[data-theme=dark] .sd-filter-tab.active{background:#f0f0f0;color:#111;border-color:#f0f0f0}[data-theme=dark] .sd-loading{color:#555}[data-theme=dark] .sd-empty h3{color:#f0f0f0}[data-theme=dark] .sd-empty p{color:#555}[data-theme=dark] .sd-gallery-item{background:#252525}[data-theme=dark] .sd-gallery-page{color:#555}[data-theme=dark] .sd-panel{background:#1a1a1a}[data-theme=dark] .sd-panel-header{background:#0a0a0a}[data-theme=dark] .sd-panel-body{background:#1a1a1a}[data-theme=dark] .sd-panel-body::-webkit-scrollbar-thumb{background:#2a2a2a}[data-theme=dark] .sd-panel-footer{background:#1e1e1e;border-top-color:#2a2a2a}[data-theme=dark] .sd-drop-zone{border-color:#2a2a2a}[data-theme=dark] .sd-drop-zone:hover{border-color:#f0f0f0;background:#252525}[data-theme=dark] .sd-drop-zone.has-files{border-color:#166634;background:#052e16}[data-theme=dark] .sd-drop-text,[data-theme=dark] .sd-drop-filename{color:#e0e0e0}[data-theme=dark] .sd-drop-icon,[data-theme=dark] .sd-field-label{color:#555}[data-theme=dark] .sd-visibility-btn{background:#252525;border-color:#3a3a3a;color:#888}[data-theme=dark] .sd-visibility-btn:hover{border-color:#f0f0f0;color:#f0f0f0}[data-theme=dark] .sd-visibility-hint{color:#555}[data-theme=dark] .sd-field-input{background:#252525;border-color:#3a3a3a;color:#e0e0e0}[data-theme=dark] .sd-field-input:focus{border-color:#f0f0f0;background:#2a2a2a}.app-wrap{height:100%;display:flex;flex-direction:column;overflow:hidden}.app-status-filter{background:#fff;border-bottom:1px solid #e8e8e8;flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.app-status-filter>.lkk{flex:1;min-height:0;overflow:hidden;background:transparent}.app-status-filter .innerlkk{height:100%;display:flex;flex-direction:column;min-height:0;padding-top:0}.app-status-filter-top{padding:20px 20px 0}.app-title{margin:0;font-size:20px;font-weight:800;color:#111;letter-spacing:-.02em}.app-subtitle{margin:4px 0 0;font-size:12px;color:#888;font-weight:600}.app-status-tabs{display:flex;gap:4px;flex-wrap:wrap;padding:10px 20px 0;margin-bottom:16px;border-bottom:1px solid #e8e8e8;overflow-x:auto;scrollbar-width:none}.app-status-tabs::-webkit-scrollbar{display:none}.app-status-tab{padding:8px 16px 10px;border-radius:8px 8px 0 0;border:1px solid transparent;border-bottom:none;background:transparent;font-size:13px;font-weight:600;color:#888;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background .15s,color .15s}.app-status-tab:hover{background:#0000000d}.app-status-tab.active{background:#111;border-color:#111;color:#fff;font-weight:700}.app-col-name-wrap{display:inline-flex;align-items:center;gap:8px;min-width:0}.app-unseen-dot{width:8px;height:8px;border-radius:50%;background:#2563eb;flex-shrink:0;box-shadow:0 0 0 2px #2563eb26}.app-col-name{font-size:13px;font-weight:700;color:#111}.app-col-muted{font-size:13px;color:#555}.app-col-contact{display:flex;flex-direction:column;gap:2px}.app-col-contact-email{font-size:13px;font-weight:500;color:#111}.app-col-contact-phone{font-size:11px;color:#888}.app-status-pill{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;text-transform:capitalize}.app-status-pill--pending{background:#fef3c7;color:#92400e}.app-status-pill--approved{background:#d1fae5;color:#065f46}.app-status-pill--rejected{background:#fee2e2;color:#991b1b}.app-detail-panel.sd-panel{flex:1;min-height:0;height:100%;overflow:hidden}.app-detail-body.sd-panel-body{flex:1 1 auto;min-height:0;overflow-y:auto}.app-detail-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px}.app-detail-meta-item{background:#f7f7f7;border:1px solid #e8e8e8;border-radius:10px;padding:12px 14px}.app-detail-meta-item span{display:block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#888;margin-bottom:4px}.app-detail-meta-item strong{font-size:13px;color:#111;font-weight:700}.app-detail-section{border:1px solid #e8e8e8;border-radius:12px;overflow:hidden;margin-bottom:14px;flex-shrink:0}.app-detail-section-head{padding:12px 14px;background:#f7f7f7;border-bottom:1px solid #e8e8e8;font-size:12px;font-weight:800;color:#111}.app-detail-rows{display:flex;flex-direction:column}.app-detail-row{display:grid;grid-template-columns:180px 1fr;gap:12px;padding:11px 14px;border-bottom:1px solid #f0f0f0;font-size:13px}.app-detail-row:last-child{border-bottom:none}.app-detail-row-label{color:#888;font-weight:600}.app-detail-row-value{color:#111;font-weight:500;word-break:break-word}.app-detail-file{display:inline-flex;align-items:center;gap:8px;color:#111;font-weight:600;text-decoration:none}.app-detail-file:hover{text-decoration:underline}.app-detail-file img{width:56px;height:56px;object-fit:cover;border-radius:8px;border:1px solid #e8e8e8}.app-detail-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 0;color:#888;font-size:13px}.app-detail-spinner{width:28px;height:28px;border:3px solid #e8e8e8;border-top-color:#111;border-radius:50%;animation:app-spin .8s linear infinite}@keyframes app-spin{to{transform:rotate(360deg)}}.app-detail-footer{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}[data-theme=dark] .app-status-filter{background:#1a1a1a;border-bottom-color:#2a2a2a}[data-theme=dark] .app-status-tabs{border-bottom-color:#2a2a2a}[data-theme=dark] .app-status-filter>.lkk{background:transparent}[data-theme=dark] .app-title{color:#f0f0f0}[data-theme=dark] .app-subtitle{color:#555}[data-theme=dark] .app-status-tab{color:#666}[data-theme=dark] .app-status-tab:hover{background:#ffffff0d}[data-theme=dark] .app-status-tab.active{background:#f0f0f0;border-color:#f0f0f0;color:#111}[data-theme=dark] .app-col-name,[data-theme=dark] .app-col-contact-email{color:#e0e0e0}[data-theme=dark] .app-unseen-dot{background:#60a5fa;box-shadow:0 0 0 2px #60a5fa33}[data-theme=dark] .app-col-muted,[data-theme=dark] .app-col-contact-phone{color:#666}[data-theme=dark] .app-status-pill--pending{background:#fbbf2426;color:#fbbf24}[data-theme=dark] .app-status-pill--approved{background:#10b98126;color:#34d399}[data-theme=dark] .app-status-pill--rejected{background:#ef444426;color:#f87171}[data-theme=dark] .app-detail-meta-item{background:#222;border-color:#2a2a2a}[data-theme=dark] .app-detail-meta-item strong{color:#e0e0e0}[data-theme=dark] .app-detail-section{border-color:#2a2a2a}[data-theme=dark] .app-detail-section-head{background:#222;border-bottom-color:#2a2a2a;color:#f0f0f0}[data-theme=dark] .app-detail-row{border-bottom-color:#2a2a2a}[data-theme=dark] .app-detail-row-value,[data-theme=dark] .app-detail-file{color:#e0e0e0}[data-theme=dark] .app-detail-spinner{border-color:#2a2a2a;border-top-color:#f0f0f0}@media(max-width:700px){.app-detail-meta{grid-template-columns:1fr}.app-detail-row{grid-template-columns:1fr;gap:4px}}.create-template-form .days-selection-section,.create-template-form .periods-section,.create-template-form .daily-schedule-section,.create-template-form .breaks-section{border:1px solid #e8e8e8;border-radius:12px;padding:16px;background:#f7f7f7;margin-bottom:0}.create-template-form .days-selection-section h3,.create-template-form .periods-section h3,.create-template-form .daily-schedule-section h3,.create-template-form .breaks-section h3,.create-template-form .breaks-header h3{font-size:13px;font-weight:800;color:#111;margin:0 0 6px;letter-spacing:-.01em}.create-template-form .days-selection-section p,.create-template-form .periods-section p,.create-template-form .daily-schedule-section p,.create-template-form .breaks-section>p{font-size:12px;color:#888;margin:0 0 12px;font-weight:600}.create-template-form .breaks-header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:4px}.create-template-form label.day-checkbox{display:flex!important;align-items:center;gap:8px;padding:10px 12px;background:#fff!important;border:1px solid #e8e8e8!important;border-radius:8px!important;cursor:pointer;transition:border-color .15s,background .15s,color .15s;font-size:12.5px;font-weight:600;color:#333!important;-webkit-user-select:none;user-select:none}.create-template-form label.day-checkbox:hover{background:#fafafa!important;border-color:#ccc!important}.create-template-form label.day-checkbox.is-checked{background:#111!important;border-color:#111!important;color:#fff!important}.create-template-form label.day-checkbox input{margin:0;accent-color:#111111}.create-template-form label.day-checkbox.is-checked span{color:#fff!important;font-weight:700}.create-template-form .period-day-item,.create-template-form .schedule-day-item{background:#fff;border:1px solid #e8e8e8;border-radius:8px}.create-template-form .schedule-day-item h4{font-size:12px;font-weight:800;color:#111;margin:0 0 12px;text-align:center;padding-bottom:8px;border-bottom:1px solid #eeeeee}.create-template-form .break-configuration{background:#fff;border:1px solid #e8e8e8;border-radius:10px;padding:16px;margin-bottom:12px;position:relative}.create-template-form .break-days-selection h5{font-size:11px;font-weight:800;color:#555;margin:0 0 8px;text-transform:uppercase;letter-spacing:.04em}.create-template-form label.break-day-checkbox{display:flex!important;align-items:center;gap:4px;padding:5px 9px;background:#f4f4f4!important;border:1px solid #e8e8e8!important;border-radius:6px!important;cursor:pointer;transition:border-color .15s,background .15s,color .15s;font-size:11.5px;font-weight:600;color:#555!important;-webkit-user-select:none;user-select:none}.create-template-form label.break-day-checkbox:hover{background:#eee!important;border-color:#ccc!important}.create-template-form label.break-day-checkbox.is-checked{background:#111!important;border-color:#111!important;color:#fff!important}.create-template-form label.break-day-checkbox input{margin:0;accent-color:#111111}.create-template-form label.break-day-checkbox.is-checked span{color:#fff!important;font-weight:700}.create-template-form .remove-break-btn{background:#fee2e2;color:#dc2626;border:1px solid #fecaca;border-radius:6px;padding:6px 10px;font-size:11.5px;font-weight:700}.create-template-form .remove-break-btn:hover{background:#fecaca}.create-template-container .timetable-preview-section{margin-top:0;border:1px solid #e8e8e8;border-radius:12px;background:#f7f7f7;overflow:hidden}.create-template-container .timetable-preview-section .preview-header{background:#111;color:#fff;padding:14px 16px}.create-template-container .timetable-preview-section .preview-header h3{font-size:13px;font-weight:800;margin:0}.create-template-container .timetable-preview-section .close-preview-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:11.5px;font-weight:700;padding:5px 10px}.create-template-container .timetable-preview-section .preview-content{background:#fff;padding:16px}body[data-theme=dark] .create-template-form .days-selection-section,body[data-theme=dark] .create-template-form .periods-section,body[data-theme=dark] .create-template-form .daily-schedule-section,body[data-theme=dark] .create-template-form .breaks-section{background:#1e1e1e;border-color:#2a2a2a}body[data-theme=dark] .create-template-form .days-selection-section h3,body[data-theme=dark] .create-template-form .periods-section h3,body[data-theme=dark] .create-template-form .daily-schedule-section h3,body[data-theme=dark] .create-template-form .breaks-section h3,body[data-theme=dark] .create-template-form .breaks-header h3{color:#e0e0e0}body[data-theme=dark] .create-template-form .days-selection-section p,body[data-theme=dark] .create-template-form .periods-section p,body[data-theme=dark] .create-template-form .daily-schedule-section p,body[data-theme=dark] .create-template-form .breaks-section>p{color:#777}body[data-theme=dark] .create-template-form label.day-checkbox{background:#252525!important;border-color:#3a3a3a!important;color:#ccc!important}body[data-theme=dark] .create-template-form label.day-checkbox:hover{background:#2e2e2e!important;border-color:#555!important}body[data-theme=dark] .create-template-form label.day-checkbox.is-checked{background:#f0f0f0!important;border-color:#f0f0f0!important;color:#111!important}body[data-theme=dark] .create-template-form label.day-checkbox.is-checked span{color:#111!important}body[data-theme=dark] .create-template-form label.day-checkbox input{accent-color:#f0f0f0}body[data-theme=dark] .create-template-form .period-day-item,body[data-theme=dark] .create-template-form .schedule-day-item,body[data-theme=dark] .create-template-form .break-configuration{background:#252525;border-color:#3a3a3a}body[data-theme=dark] .create-template-form .schedule-day-item h4{color:#e0e0e0;border-bottom-color:#333}body[data-theme=dark] .create-template-form .break-days-selection h5{color:#888}body[data-theme=dark] .create-template-form label.break-day-checkbox{background:#1a1a1a!important;border-color:#3a3a3a!important;color:#ccc!important}body[data-theme=dark] .create-template-form label.break-day-checkbox:hover{background:#2a2a2a!important;border-color:#555!important}body[data-theme=dark] .create-template-form label.break-day-checkbox.is-checked{background:#f0f0f0!important;border-color:#f0f0f0!important;color:#111!important}body[data-theme=dark] .create-template-form label.break-day-checkbox.is-checked span{color:#111!important}body[data-theme=dark] .create-template-form .remove-break-btn{background:#3a1a1a;border-color:#5a2a2a;color:#f87171}body[data-theme=dark] .create-template-form .remove-break-btn:hover{background:#4a2020}body[data-theme=dark] .create-template-container .timetable-preview-section{background:#1e1e1e;border-color:#2a2a2a}body[data-theme=dark] .create-template-container .timetable-preview-section .preview-header{background:#0a0a0a}body[data-theme=dark] .create-template-container .timetable-preview-section .preview-content{background:#1a1a1a}body[data-theme=dark] .create-template-form .validation-errors{background:#2a1515;border-color:#5a2a2a}body[data-theme=dark] .create-template-form .error-header,body[data-theme=dark] .create-template-form .validation-errors li{color:#fca5a5}@media(max-width:640px){.create-template-form .break-basic-info{grid-template-columns:1fr}}.tt-detail .template-detail-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;position:relative;z-index:1}.tt-detail .template-meta-item{display:flex;flex-direction:column;gap:2px;min-width:110px;padding:8px 10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:8px}.tt-detail .template-meta-item strong{font-size:10px;font-weight:700;color:#ffffff73;text-transform:uppercase;letter-spacing:.04em}.tt-detail .template-meta-item span{font-size:12px;font-weight:700;color:#ffffffe6}.tt-detail .template-detail-content{display:flex;flex-direction:column;gap:14px;padding:18px 20px}.tt-detail-section{background:#f7f7f7;border:1px solid #e8e8e8;border-radius:12px;padding:14px}.tt-detail-section-title{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800;color:#111;margin-bottom:12px;letter-spacing:-.01em}.tt-detail-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:18px;padding:0 6px;border-radius:99px;background:#111;color:#fff;font-size:10px;font-weight:800}.tt-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.tt-stat-card{display:flex;flex-direction:column;gap:4px;padding:12px;background:#fff;border:1px solid #e8e8e8;border-radius:10px}.tt-stat-label{font-size:10px;font-weight:700;color:#888;text-transform:uppercase;letter-spacing:.04em}.tt-stat-value{font-size:20px;font-weight:800;color:#111;letter-spacing:-.02em;line-height:1}.tt-stat-unit{font-size:11px;font-weight:700;color:#888;margin-left:3px}.tt-day-chips{display:flex;flex-wrap:wrap;gap:6px}.tt-day-chips--sm{margin-top:8px}.tt-day-chip{display:inline-flex;align-items:center;padding:5px 9px;border-radius:6px;background:#111;color:#fff;font-size:11px;font-weight:700}.tt-period-list,.tt-break-list{display:flex;flex-direction:column;gap:8px}.tt-period-row{display:grid;grid-template-columns:1.1fr 1fr 1.2fr;gap:8px;align-items:center;padding:11px 12px;background:#fff;border:1px solid #e8e8e8;border-radius:8px}.tt-period-day{font-size:12.5px;font-weight:800;color:#111}.tt-period-count{font-size:12px;font-weight:600;color:#555}.tt-period-time{font-size:12px;font-weight:700;color:#888;font-variant-numeric:tabular-nums;text-align:right}.tt-break-card{padding:12px;background:#fff;border:1px solid #e8e8e8;border-radius:10px}.tt-break-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:4px}.tt-break-name{font-size:13px;font-weight:800;color:#111}.tt-break-duration{font-size:11px;font-weight:800;color:#111;background:#f0f0f0;border-radius:99px;padding:3px 8px}.tt-break-meta{font-size:12px;font-weight:600;color:#888}.tt-empty-note{font-size:12px;font-weight:600;color:#888;padding:10px 0 2px}body[data-theme=dark] .tt-detail-section{background:#1e1e1e;border-color:#2a2a2a}body[data-theme=dark] .tt-detail-section-title{color:#e0e0e0}body[data-theme=dark] .tt-detail-count{background:#f0f0f0;color:#111}body[data-theme=dark] .tt-stat-card,body[data-theme=dark] .tt-period-row,body[data-theme=dark] .tt-break-card{background:#252525;border-color:#3a3a3a}body[data-theme=dark] .tt-stat-label,body[data-theme=dark] .tt-period-time,body[data-theme=dark] .tt-break-meta,body[data-theme=dark] .tt-empty-note{color:#777}body[data-theme=dark] .tt-stat-value,body[data-theme=dark] .tt-period-day,body[data-theme=dark] .tt-break-name{color:#f0f0f0}body[data-theme=dark] .tt-period-count{color:#bbb}body[data-theme=dark] .tt-stat-unit{color:#777}body[data-theme=dark] .tt-day-chip{background:#f0f0f0;color:#111}body[data-theme=dark] .tt-break-duration{background:#333;color:#f0f0f0}@media(max-width:640px){.tt-stat-grid{grid-template-columns:1fr}.tt-period-row{grid-template-columns:1fr;gap:4px}.tt-period-time{text-align:left}}.templates-container{max-width:100%}.templates-header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:20px;border-bottom:1px solid #e8e8e8;margin-bottom:20px;gap:16px}.templates-header-left{flex:1;display:flex;flex-direction:column;gap:3px}.templates-header-left h2{font-size:20px;font-weight:800;color:#111;margin:0;letter-spacing:-.02em}.templates-header-left p{font-size:12px;color:#888;margin:0;font-weight:600}.templates-actions{display:flex;gap:10px;flex-shrink:0}.kk-template-empty-state{padding:40px;text-align:center;color:#6b7280;background-color:#f9fafb;background-image:radial-gradient(ellipse at top right,rgba(59,130,246,.08) 0%,transparent 60%),radial-gradient(ellipse at bottom left,rgba(59,130,246,.05) 0%,transparent 60%);border-radius:8px;border:1px solid rgb(229,231,235)}.kk-template-empty-state p{margin:0 0 16px;font-size:16px}.kk-template-empty-state p+p{font-size:14px;margin-bottom:20px}[data-theme=dark] .kk-template-empty-state{background-color:#1e1e1e;background-image:radial-gradient(ellipse at top right,rgba(59,130,246,.12) 0%,transparent 60%),radial-gradient(ellipse at bottom left,rgba(59,130,246,.07) 0%,transparent 60%);border-color:#2a2a2a;color:#888}.template-section{margin-bottom:0}.template-section h3{display:none}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.template-card{background-color:#f4f4f4;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23noise)' opacity='0.08'/%3E%3C/svg%3E");background-repeat:repeat;background-size:160px 160px;border:1px solid #e8e8e8;border-radius:14px;overflow:hidden;cursor:pointer;transition:box-shadow .15s,border-color .15s;display:flex;flex-direction:column;position:relative}.template-card:hover{box-shadow:0 6px 20px #00000017;border-color:#ccc}.template-card-header{display:flex;justify-content:space-between;align-items:flex-start;padding:14px 16px 10px;background:#ffffffb3;border-bottom:1px solid rgba(0,0,0,.06);gap:10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.template-card-title{font-size:13px;font-weight:800;color:#111;margin:0;letter-spacing:-.01em;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-card-status{padding:3px 8px;border-radius:10px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.template-card-status.active{background:#dcfce7;color:#166634}.template-card-status.inactive{background:#fee2e2;color:#dc2626}.template-card-status.draft{background:#fef3c7;color:#92400e}.template-card-description{font-size:12px;color:#555;line-height:1.6;padding:10px 16px;margin:0;flex:1}.template-details{padding:0 16px 10px;display:flex;flex-direction:column;gap:4px}.template-detail-item{font-size:11px;color:#888;display:flex;gap:4px}.template-detail-item strong{color:#333;font-weight:700}.bill-items-preview,.grading-fields-preview,.report-sections-preview,.promotion-criteria-preview,.template-fields{padding:0 16px 10px;font-size:11px;color:#888}.bill-items-preview ul,.grading-fields-preview ul,.report-sections-preview ul,.promotion-criteria-preview ul{margin:4px 0 0;padding-left:14px}.bill-items-preview li,.grading-fields-preview li,.report-sections-preview li,.promotion-criteria-preview li{margin-bottom:2px;font-size:11px;color:#888}.template-card-meta{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#aaa;padding:8px 16px;border-top:1px solid rgba(0,0,0,.06);background:#ffffff80}.template-card-actions{display:flex;gap:6px;padding:10px 16px;border-top:1px solid rgba(0,0,0,.06);background:#ffffff80}.template-card-actions button{flex:1;padding:6px 10px;border:1px solid #e8e8e8;border-radius:7px;background:#fff;color:#555;font-size:11px;font-weight:700;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.template-card-actions button:hover,.template-card-actions button.primary{background:#111;color:#fff;border-color:#111}.template-card-actions button.primary:hover{background:#333;border-color:#333}.empty-state{text-align:center;padding:60px 20px;display:flex;flex-direction:column;align-items:center;gap:8px}.empty-state-icon{font-size:40px;opacity:.4;margin-bottom:4px}.empty-state h3{font-size:15px;font-weight:800;color:#111;margin:0}.empty-state p{font-size:13px;color:#888;margin:0 0 12px}.create-template-container{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;background:#fff}.create-template-header{position:relative;padding:22px 24px 20px;background:#111;flex-shrink:0;overflow:hidden}.create-template-header:before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;border:18px solid rgba(255,255,255,.05);top:-40px;right:-24px;pointer-events:none}.create-template-header:after{content:"";position:absolute;width:60px;height:60px;border-radius:50%;border:10px solid rgba(255,255,255,.04);bottom:-20px;left:-12px;pointer-events:none}.create-template-header h2{font-size:14px;font-weight:800;color:#fff;margin:0 0 3px;letter-spacing:-.01em;position:relative;z-index:1}.create-template-header p{font-size:12px;color:#ffffff8c;margin:0;position:relative;z-index:1}.create-template-form{flex:1;padding:20px 24px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.create-template-form::-webkit-scrollbar{width:3px}.create-template-form::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:2px}.create-template-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 24px;border-top:1px solid #e8e8e8;background:#f7f7f7;flex-shrink:0}.template-detail-container{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;background:#fff}.template-detail-header{position:relative;padding:22px 24px 20px;background:#111;flex-shrink:0;overflow:hidden}.template-detail-header:before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;border:18px solid rgba(255,255,255,.05);top:-40px;right:-24px;pointer-events:none}.template-detail-header:after{content:"";position:absolute;width:60px;height:60px;border-radius:50%;border:10px solid rgba(255,255,255,.04);bottom:-20px;left:-12px;pointer-events:none}.template-detail-title{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:6px;position:relative;z-index:1;gap:12px}.template-detail-title h2{font-size:14px;font-weight:800;color:#fff;margin:0;letter-spacing:-.01em}.template-detail-description{font-size:12px;color:#ffffff8c;line-height:1.5;margin:0 0 10px;position:relative;z-index:1}.template-detail-meta{display:flex;gap:16px;font-size:11px;flex-wrap:wrap;position:relative;z-index:1}.template-meta-item{color:#ffffff80}.template-meta-item strong{color:#fffc}.template-detail-content{flex:1;overflow-y:auto;padding:20px 24px}.template-detail-content::-webkit-scrollbar{width:3px}.template-detail-content::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:2px}.detail-section{margin-bottom:0}.detail-section h3{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#888;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid #f0f0f0}.template-detail-actions{display:flex;justify-content:flex-end;gap:10px;padding:14px 24px;border-top:1px solid #e8e8e8;background:#f7f7f7;flex-shrink:0}@media(max-width:768px){.templates-header{flex-direction:column;gap:14px}.template-grid{grid-template-columns:1fr;gap:12px}.template-card-actions{flex-direction:column;gap:6px}.form-row{grid-template-columns:1fr;gap:12px}.create-template-footer,.template-detail-actions{flex-direction:column;gap:8px}.template-detail-meta{flex-direction:column;gap:6px}}@media(max-width:480px){.template-card-actions{flex-direction:column;gap:6px}}[data-theme=dark] .templates-header-left h2{color:#f0f0f0}[data-theme=dark] .templates-header-left p{color:#555}[data-theme=dark] .templates-header{border-bottom-color:#2a2a2a}[data-theme=dark] .template-section{background:transparent;border-color:transparent}[data-theme=dark] .template-card{background-color:#1e1e1e;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23noise)' opacity='0.08'/%3E%3C/svg%3E");border-color:#2a2a2a}[data-theme=dark] .template-card:hover{box-shadow:0 6px 20px #0000004d;border-color:#3a3a3a}[data-theme=dark] .template-card-header{background:#ffffff0d;border-bottom-color:#ffffff0f}[data-theme=dark] .template-card-title{color:#f0f0f0}[data-theme=dark] .template-card-description{color:#888}[data-theme=dark] .template-detail-item{color:#555}[data-theme=dark] .template-detail-item strong{color:#aaa}[data-theme=dark] .bill-items-preview li,[data-theme=dark] .grading-fields-preview li,[data-theme=dark] .report-sections-preview li,[data-theme=dark] .promotion-criteria-preview li{color:#555}[data-theme=dark] .template-card-meta{color:#444;border-top-color:#ffffff0f;background:#ffffff08}[data-theme=dark] .template-card-actions{border-top-color:#ffffff0f;background:#ffffff08}[data-theme=dark] .template-card-actions button{background:#252525;border-color:#3a3a3a;color:#888}[data-theme=dark] .template-card-actions button:hover{background:#f0f0f0;color:#111;border-color:#f0f0f0}[data-theme=dark] .empty-state h3{color:#f0f0f0}[data-theme=dark] .empty-state p{color:#555}[data-theme=dark] .create-template-container{background:#1a1a1a}[data-theme=dark] .create-template-header{background:#0a0a0a}[data-theme=dark] .create-template-form{background:#1a1a1a}[data-theme=dark] .create-template-form::-webkit-scrollbar-thumb{background:#2a2a2a}[data-theme=dark] .create-template-footer{background:#1e1e1e;border-top-color:#2a2a2a}[data-theme=dark] .template-detail-container{background:#1a1a1a}[data-theme=dark] .template-detail-header{background:#0a0a0a}[data-theme=dark] .template-detail-content{background:#1a1a1a}[data-theme=dark] .template-detail-content::-webkit-scrollbar-thumb{background:#2a2a2a}[data-theme=dark] .template-detail-actions{background:#1e1e1e;border-top-color:#2a2a2a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.grade-ranges-section{border:1px solid #e5e7eb;border-radius:8px;padding:16px;background:#f9fafb}.grade-ranges-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.grade-ranges-header h3{font-size:16px;font-weight:600;color:#111827;margin:0}.grade-range-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr auto;gap:12px;align-items:end;margin-bottom:12px;padding:12px;background:#fff;border:1px solid #e5e7eb;border-radius:6px}.remove-range-btn,.remove-break-btn{background:#ef4444;color:#fff;border:none;border-radius:4px;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;width:32px;height:32px;transition:background .2s}.remove-range-btn:hover,.remove-break-btn:hover{background:#dc2626}.template-fields-section,.template-sections-section,.placeholders-section,.channels-section{border:1px solid #e5e7eb;border-radius:8px;padding:16px;background:#f9fafb}.template-fields-section h3,.template-sections-section h3,.placeholders-section h3,.channels-section h3{font-size:16px;font-weight:600;color:#111827;margin:0 0 8px}.template-fields-section p,.template-sections-section p,.placeholders-section p,.channels-section p{font-size:14px;color:#6b7280;margin:0 0 12px}.fields-grid,.sections-grid,.placeholders-grid,.channels-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;max-height:200px;overflow-y:auto}.field-checkbox,.section-checkbox,.placeholder-checkbox,.channel-checkbox,.option-checkbox{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;transition:all .2s}.field-checkbox:hover,.section-checkbox:hover,.placeholder-checkbox:hover,.channel-checkbox:hover,.option-checkbox:hover{background:#f3f4f6;border-color:#3b82f6}.field-checkbox input,.section-checkbox input,.placeholder-checkbox input,.channel-checkbox input,.option-checkbox input{margin:0}.template-content-section,.content-section{border:1px solid #8d8d8d;border-radius:8px;padding:16px;background:#f9fafb}.content-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:16px}.content-header .form-label{flex-shrink:0;margin-bottom:0}.placeholder-buttons{display:flex;gap:4px;flex-wrap:wrap;max-width:100%;justify-content:flex-end}.placeholder-buttons{display:flex;gap:4px;flex-wrap:wrap;max-width:100%}.placeholder-btn{background:#3b82f6;color:#fff;border:none;border-radius:4px;padding:4px 8px;font-size:11px;cursor:pointer;transition:background .2s;white-space:nowrap;flex-shrink:0}.placeholder-btn:hover{background:#2563eb}.template-styling-section{border:1px solid #e5e7eb;border-radius:8px;padding:16px;background:#f9fafb}.template-styling-section h3{font-size:16px;font-weight:600;color:#111827;margin:0 0 16px}.template-options-section,.schedule-options-section{border:1px solid #e5e7eb;border-radius:8px;padding:16px;background:#f9fafb}.template-options-section h3,.schedule-options-section h3{font-size:16px;font-weight:600;color:#111827;margin:0 0 12px}.options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px}.breaks-section{border:1px solid #e5e7eb;border-radius:8px;padding:16px;background:#f9fafb}.breaks-header h3{font-size:16px;font-weight:600;color:#111827;margin:0}.break-row{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:12px;align-items:end;margin-bottom:12px;padding:12px;background:#fff;border:1px solid #e5e7eb;border-radius:6px}.display-options{margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb}.display-options h4{font-size:14px;font-weight:600;color:#111827;margin:0 0 12px}.template-details{margin:12px 0;font-size:13px}.template-detail-item{margin-bottom:4px;color:#6b7280}.template-fields{margin:12px 0;font-size:13px;color:#6b7280}@media(max-width:768px){.form-row{grid-template-columns:1fr;gap:12px}.grade-range-row,.break-row{grid-template-columns:1fr;gap:8px}.fields-grid,.sections-grid,.placeholders-grid,.channels-grid,.options-grid{grid-template-columns:1fr;gap:6px}.create-template-form{padding:16px;gap:16px}.create-template-header{padding:16px}.create-template-footer{padding:16px;flex-direction:column;gap:8px}.placeholder-buttons{flex-direction:column;gap:4px}.content-header{flex-direction:column;align-items:stretch;gap:12px}.placeholder-buttons{justify-content:flex-start}}@media(max-width:480px){.create-template-form,.create-template-header,.create-template-footer{padding:12px}.template-section{padding:16px}.template-card{padding:12px}.template-card-actions{flex-direction:column;gap:6px}}.promotion-criteria-preview{margin:12px 0;font-size:13px}.promotion-criteria-preview ul{margin:4px 0 0;padding-left:16px;color:#6b7280}.promotion-criteria-preview li{margin-bottom:2px;font-size:12px}.basic-requirements-section,.promotion-criteria-section,.policies-section,.notifications-section{border:1px solid #e5e7eb;border-radius:8px;padding:16px;background:#f9fafb}.basic-requirements-section h3,.promotion-criteria-section h3,.policies-section h3,.notifications-section h3{font-size:16px;font-weight:600;color:#111827;margin:0 0 16px}.criteria-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.criteria-header h3{margin:0}.criterion-row{display:grid;grid-template-columns:2fr 2fr 1fr auto;gap:12px;align-items:end;margin-bottom:12px;padding:12px;background:#fff;border:1px solid #e5e7eb;border-radius:6px}.remove-criterion-btn{background:#ef4444;color:#fff;border:none;border-radius:4px;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;width:32px;height:32px;transition:background .2s}.remove-criterion-btn:hover{background:#dc2626}.notifications-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.notification-checkbox{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;transition:all .2s}.notification-checkbox:hover{background:#f3f4f6;border-color:#3b82f6}.notification-checkbox input{margin:0}@media(max-width:768px){.criterion-row{grid-template-columns:1fr;gap:8px}.notifications-grid{grid-template-columns:1fr;gap:6px}.promotion-criteria-preview ul{padding-left:12px}}@media(max-width:480px){.basic-requirements-section,.promotion-criteria-section,.policies-section,.notifications-section{padding:12px}.criteria-header{flex-direction:column;align-items:stretch;gap:12px}}.grading-fields-preview{margin:12px 0;font-size:13px}.grading-fields-preview ul{margin:4px 0 0;padding-left:16px;color:#6b7280}.grading-fields-preview li{margin-bottom:2px;font-size:12px}.grading-fields-section,.grading-scheme-section{border:1px solid #e5e7eb;border-radius:8px;padding:16px;background:#f9fafb}.grading-fields-header,.grading-scheme-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.grading-fields-header h3,.grading-scheme-header h3{font-size:16px;font-weight:600;color:#111827;margin:0}.grading-scheme-header p{font-size:14px;color:#6b7280;margin:0;flex-basis:100%}.weight-indicator{display:flex;align-items:center;gap:8px}.total-weight{font-size:14px;font-weight:600;padding:4px 8px;border-radius:4px;display:flex;align-items:center}.total-weight.valid{background:#dcfce7;color:#166534}.total-weight.invalid{background:#fecaca;color:#991b1b}.grading-field-row{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:12px;align-items:end;margin-bottom:12px;padding:12px;background:#fff;border:1px solid #e5e7eb;border-radius:6px}.field-options{display:flex;align-items:center;justify-content:center;padding-top:20px}.required-checkbox{display:flex;align-items:center;gap:4px;font-size:12px;cursor:pointer}.required-checkbox input{margin:0}.remove-field-btn,.remove-scheme-btn{background:#ef4444;color:#fff;border:none;border-radius:4px;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;width:32px;height:32px;transition:background .2s}.remove-field-btn:hover,.remove-scheme-btn:hover{background:#dc2626}.weight-warning{display:flex;align-items:center;gap:8px;padding:12px;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#991b1b;font-size:14px;margin-top:12px}.grading-scheme-table{display:flex;flex-direction:column;gap:8px}.scheme-table-header,.grading-scheme-row{min-width:520px}.scheme-table-header{display:grid;grid-template-columns:120px 80px 80px 80px 100px 40px;gap:8px;padding:8px 12px;background:#f3f4f6;border-radius:6px;font-size:12px;font-weight:600;color:#374151;text-align:center}.grading-scheme-row{display:grid;grid-template-columns:120px 80px 80px 80px 100px 40px;gap:8px;align-items:end;padding:8px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;transition:all .2s ease}.grading-scheme-row .form-input-container{width:100%}.grading-scheme-row input,.grading-scheme-row select{width:100%!important;min-width:unset!important;font-size:13px;padding:6px 8px}.grading-scheme-row.overlapping{background:#fef2f2;border-color:#fecaca;box-shadow:0 0 0 1px #fecaca}.grading-scheme-row.overlapping input{border-color:#f87171;background:#fef2f2}.grading-scheme-row.overlapping input:focus{border-color:#ef4444;box-shadow:0 0 0 2px #ef44441a}.range-indicator{display:flex;align-items:center;gap:8px}.total-range{font-size:14px;font-weight:600;padding:4px 8px;border-radius:4px;display:flex;align-items:center}.total-range.valid{background:#dcfce7;color:#166534}.total-range.invalid{background:#fecaca;color:#991b1b}.range-warning{display:flex;align-items:flex-start;gap:8px;padding:12px;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#991b1b;font-size:14px;margin-top:12px}.range-warning ul{margin:0;padding-left:0;list-style:none}.range-warning li{margin-bottom:4px;font-size:13px}@media(max-width:768px){.grading-field-row{grid-template-columns:1fr;gap:8px}.field-options{padding-top:0;justify-content:flex-start}.grading-fields-header,.grading-scheme-header{flex-direction:column;align-items:stretch;gap:8px}.weight-indicator,.range-indicator{justify-content:center}.scheme-table-header{display:none}.grading-scheme-row{grid-template-columns:1fr;gap:12px;padding:16px}.grading-scheme-row>div{display:flex;flex-direction:column;gap:4px}.grading-scheme-row>div:before{content:attr(data-label);font-size:12px;font-weight:600;color:#374151;margin-bottom:4px}.grading-scheme-row>div:nth-child(1):before{content:"Grade Letter"}.grading-scheme-row>div:nth-child(2):before{content:"Min Range"}.grading-scheme-row>div:nth-child(3):before{content:"Max Range"}.grading-scheme-row>div:nth-child(4):before{content:"Grade Point"}.grading-scheme-row>div:nth-child(5):before{content:"Pass/Fail"}.grading-scheme-row>div:nth-child(6){align-self:center;margin-top:12px}.grading-scheme-row>div:nth-child(6):before{display:none}.grading-scheme-row input,.grading-scheme-row select{width:100%!important;font-size:14px;padding:8px 12px}}@media(max-width:480px){.grading-fields-section,.grading-scheme-section{padding:12px}.total-weight,.total-range{font-size:12px}.weight-warning,.range-warning{font-size:12px;padding:8px}.grading-fields-preview ul{padding-left:12px}.grading-scheme-row{padding:12px;gap:8px}.grading-scheme-row input,.grading-scheme-row select{font-size:13px;padding:6px 8px}.remove-scheme-btn{width:28px;height:28px;padding:6px}}.assessment-fields-table{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.fields-table-header{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px;padding:12px 16px;background:#f3f4f6;font-size:13px;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb}.fields-table-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px;padding:12px 16px;border-bottom:1px solid #f3f4f6;font-size:14px;color:#374151}.fields-table-row:last-child{border-bottom:none}.fields-table-footer{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px;padding:12px 16px;background:#f9fafb;border-top:1px solid #e5e7eb;font-size:14px;color:#374151}.grading-scheme-table .scheme-table-header{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:16px;padding:12px 16px;background:#f3f4f6;font-size:13px;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb;border-radius:8px 8px 0 0}.grading-scheme-table .scheme-table-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:16px;padding:12px 16px;border-bottom:1px solid #f3f4f6;font-size:14px;color:#374151;background:#fff}.grading-scheme-table .scheme-table-row:last-child{border-bottom:none;border-radius:0 0 8px 8px}.grading-scheme-table{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.pass-fail{padding:2px 8px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.pass-fail.yes{background:#dcfce7;color:#166534}.pass-fail.no{background:#fecaca;color:#991b1b}.bill-items-preview{margin:12px 0;font-size:13px}.bill-items-preview ul{margin:4px 0 0;padding-left:16px;color:#6b7280}.bill-items-preview li{margin-bottom:2px;font-size:12px}.bill-items-section{border:1px solid #e5e7eb;border-radius:8px;padding:16px;background:#f9fafb}.bill-items-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.bill-items-header h3{font-size:16px;font-weight:600;color:#111827;margin:0}.total-amount-display{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#dcfce7;border-radius:6px;border:1px solid #16a34a}.total-label{font-size:14px;font-weight:600;color:#166534}.total-value{font-size:16px;font-weight:700;color:#166534}.bill-items-table{display:flex;flex-direction:column;gap:8px}.items-table-header{display:grid;grid-template-columns:40px 2fr 1fr 2fr 60px;gap:12px;padding:12px 16px;background:#f3f4f6;border-radius:6px;font-size:13px;font-weight:600;color:#374151}.bill-item-row{display:grid;grid-template-columns:10px 3fr 1fr 2fr 30px;gap:12px;align-items:end;padding:10px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;transition:all .2s ease}.bill-item-row:hover{border-color:#3b82f6;box-shadow:0 2px 4px #3b82f61a}.drag-handle{display:flex;align-items:center;justify-content:center;color:#9ca3af;cursor:grab;padding:8px 4px}.drag-handle:active{cursor:grabbing}.bill-item-row .form-input-container{width:100%}.bill-item-row input{width:100%!important;min-width:unset!important;font-size:14px;padding:8px 12px}.remove-item-btn{background:#ef4444;color:#fff;border:none;border-radius:4px;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;width:32px;height:32px;transition:background .2s}.remove-item-btn:hover{background:#dc2626}.payment-options-section,.late-fee-section{border:1px solid #e5e7eb;border-radius:8px;padding:16px;background:#f9fafb}.payment-options-section h3,.late-fee-section h3{font-size:16px;font-weight:600;color:#111827;margin:0 0 16px}.installments-section{margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb}.installment-checkbox{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#374151;cursor:pointer;margin-bottom:16px}.installment-checkbox input{margin:0}.installment-details{border-left:3px solid #3b82f6;background:#fff;padding:16px;border-radius:6px;margin-top:12px}.bill-items-detail-table{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.items-detail-header{display:grid;grid-template-columns:2fr 1fr 2fr;gap:16px;padding:12px 16px;background:#f3f4f6;font-size:13px;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb}.items-detail-row{display:grid;grid-template-columns:2fr 1fr 2fr;gap:16px;padding:12px 16px;border-bottom:1px solid #f3f4f6;font-size:14px;color:#374151}.items-detail-row:last-child{border-bottom:none}.items-detail-footer{display:grid;grid-template-columns:2fr 1fr 2fr;gap:16px;padding:12px 16px;background:#f9fafb;border-top:1px solid #e5e7eb;font-size:14px;color:#374151}.amount-cell{font-weight:600;color:#059669}.total-amount{font-weight:700;color:#059669;font-size:16px}.payment-config-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.config-item{display:flex;flex-direction:column;gap:4px;padding:12px;background:#fff;border:1px solid #e5e7eb;border-radius:6px}.config-item strong{font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.config-item span{font-size:14px;color:#374151;font-weight:500}.bill-preview-container{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px}.mock-bill{max-width:600px;margin:0 auto;font-family:Arial,sans-serif;font-size:14px;line-height:1.5}.bill-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #e5e7eb}.school-info h4{font-size:18px;font-weight:700;color:#111827;margin:0 0 4px}.school-info p{font-size:12px;color:#6b7280;margin:0}.bill-title{text-align:right}.bill-title h3{font-size:20px;font-weight:700;color:#111827;margin:0 0 4px}.bill-title p{font-size:12px;color:#6b7280;margin:0}.student-info{margin-bottom:20px;padding:12px;background:#f9fafb;border-radius:6px}.student-info p{margin:4px 0;font-size:13px}.bill-items-preview table{width:100%;border-collapse:collapse;margin-bottom:20px}.bill-items-preview th,.bill-items-preview td{padding:8px 12px;text-align:left;border-bottom:1px solid #e5e7eb}.bill-items-preview th{background:#f3f4f6;font-weight:600;color:#374151;font-size:13px}.bill-items-preview td{font-size:14px;color:#374151}.bill-items-preview td:last-child{text-align:right;font-weight:600;color:#059669}.bill-items-preview tfoot th{background:#f9fafb;font-weight:700;color:#111827;border-top:2px solid #e5e7eb}.bill-items-preview tfoot th:last-child{text-align:right;color:#059669;font-size:16px}.bill-footer{padding-top:16px;border-top:1px solid #e5e7eb;font-size:13px}.bill-footer p{margin:6px 0;color:#374151}@media(max-width:768px){.bill-items-header{flex-direction:column;align-items:stretch;gap:12px}.total-amount-display{justify-content:center}.items-table-header{display:none}.bill-item-row{grid-template-columns:1fr;gap:12px;padding:16px}.bill-item-row>div{display:flex;flex-direction:column;gap:4px}.bill-item-row>div:first-child{display:none}.bill-item-row>div:not(:first-child):not(:last-child):before{content:attr(data-label);font-size:12px;font-weight:600;color:#374151;margin-bottom:4px}.bill-item-row>div:nth-child(2):before{content:"Item Name"}.bill-item-row>div:nth-child(3):before{content:"Amount"}.bill-item-row>div:nth-child(4):before{content:"Description"}.bill-item-row>div:last-child{align-self:center;margin-top:12px}.payment-config-grid{grid-template-columns:1fr;gap:12px}.items-detail-header,.items-detail-row,.items-detail-footer{grid-template-columns:1fr;gap:8px}.items-detail-header{display:none}.items-detail-row span,.items-detail-footer span{padding:4px 0}.items-detail-row span:not(:first-child):before,.items-detail-footer span:not(:first-child):not(:last-child):before{content:attr(data-label) ": ";font-weight:600;color:#6b7280}.bill-header{flex-direction:column;gap:16px}.bill-title{text-align:left}.bill-items-preview table{font-size:12px}.bill-items-preview th,.bill-items-preview td{padding:6px 8px}}@media(max-width:480px){.bill-items-section,.payment-options-section,.late-fee-section{padding:12px}.bill-item-row{padding:12px;gap:8px}.total-amount-display{padding:6px 12px}.total-label,.total-value{font-size:13px}.config-item{padding:8px}.bill-preview-container{padding:12px}.mock-bill{font-size:12px}.bill-header{margin-bottom:16px;padding-bottom:12px}.school-info h4{font-size:16px}.bill-title h3{font-size:18px}.student-info{padding:8px;margin-bottom:16px}.bill-items-preview th,.bill-items-preview td{padding:4px 6px;font-size:11px}.bill-footer{font-size:11px}}.report-sections-preview{margin:12px 0;font-size:13px}.report-sections-preview ul{margin:4px 0 0;padding-left:16px;color:#6b7280}.report-sections-preview li{margin-bottom:2px;font-size:12px}.sections-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px}.section-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:6px}.section-number{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--primary-color, #3b82f6);color:#fff;border-radius:50%;font-size:12px;font-weight:600}.section-name{font-size:14px;color:#374151;font-weight:500}.report-card-preview-container{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;padding:20px;overflow-x:auto}.report-card-preview{max-width:800px;margin:0 auto;background:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:24px;box-shadow:0 4px 6px #0000001a;font-size:14px;line-height:1.5;min-height:600px}.report-card-preview.landscape{max-width:1000px;min-height:500px}.report-card-preview.professional{border-color:#374151;color:#111827}.report-card-preview.colorful{border-color:var(--primary-color, #3b82f6);background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.report-card-preview.minimal{border:1px solid #d1d5db;box-shadow:none}.report-card-preview.classic{border:3px double #374151;font-family:Times New Roman,serif}.report-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid var(--primary-color, #3b82f6)}.school-logo{flex-shrink:0}.logo-placeholder{width:60px;height:60px;background:var(--primary-color, #3b82f6);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.school-info{flex:1;text-align:center;margin:0 20px}.school-info h2{font-size:24px;font-weight:700;color:var(--primary-color, #3b82f6);margin:0 0 4px}.school-info p{font-size:12px;color:#6b7280;margin:0 0 8px}.school-info h3{font-size:18px;font-weight:600;color:#111827;margin:8px 0 0;text-decoration:underline}.report-session{flex-shrink:0;text-align:right;font-size:12px}.report-session p{margin:2px 0;color:#374151}.student-info-section{margin-bottom:20px;padding:16px;background:#f9fafb;border-radius:6px;border-left:4px solid var(--primary-color, #3b82f6)}.student-info-section h4{font-size:16px;font-weight:600;color:#111827;margin:0 0 12px}.student-details{display:flex;align-items:center;gap:16px}.student-photo{width:60px;height:60px;background:#e5e7eb;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#9ca3af;flex-shrink:0}.student-data p{margin:4px 0;font-size:14px;color:#374151}.academic-section{margin-bottom:20px}.academic-section h4{font-size:16px;font-weight:600;color:#111827;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid #e5e7eb}.grades-table{width:100%;border-collapse:collapse;margin-bottom:16px}.grades-table th,.grades-table td{padding:8px 12px;text-align:left;border:1px solid #e5e7eb;font-size:13px}.grades-table th{background:var(--primary-color, #3b82f6);color:#fff;font-weight:600}.grades-table td{color:#374151}.grade-cell{font-weight:600;color:var(--primary-color, #3b82f6);text-align:center}.competencies-section{margin-bottom:20px}.competencies-section h4{font-size:16px;font-weight:600;color:#111827;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid #e5e7eb}.competencies-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.competency-item{display:flex;flex-direction:column;gap:4px;padding:12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px}.competency-name{font-size:13px;font-weight:600;color:#374151}.competency-level{font-size:12px;color:#6b7280}.competency-score{font-size:14px;font-weight:600;color:var(--primary-color, #3b82f6)}.summary-section{display:flex;justify-content:space-around;margin-bottom:20px;padding:16px;background:#f9fafb;border-radius:6px;border:1px solid #e5e7eb}.gpa-section,.ranking-section{text-align:center;font-size:16px;color:var(--primary-color, #3b82f6)}.attendance-section{margin-bottom:20px}.attendance-section h4{font-size:16px;font-weight:600;color:#111827;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid #e5e7eb}.attendance-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.attendance-stats span{padding:8px 12px;background:#f3f4f6;border-radius:4px;font-size:13px;text-align:center;color:#374151}.comments-section{margin-bottom:20px}.teacher-comment,.principal-comment{margin-bottom:16px;padding:16px;background:#f9fafb;border-radius:6px;border-left:4px solid var(--primary-color, #3b82f6)}.teacher-comment h5,.principal-comment h5{font-size:14px;font-weight:600;color:#111827;margin:0 0 8px}.teacher-comment p,.principal-comment p{font-size:13px;color:#374151;margin:4px 0;line-height:1.5}.parent-section{margin-top:24px;padding-top:16px;border-top:2px solid #e5e7eb}.signature-area{display:flex;justify-content:space-between;align-items:center}.signature-area p{font-size:13px;color:#374151;margin:8px 0}@media(max-width:768px){.sections-overview{grid-template-columns:1fr;gap:6px}.report-card-preview-container{padding:12px}.report-card-preview{padding:16px;font-size:12px}.report-card-preview.landscape{max-width:100%}.report-header{flex-direction:column;gap:16px;text-align:center}.school-info{margin:0}.school-info h2{font-size:20px}.school-info h3{font-size:16px}.report-session{text-align:center}.student-details{flex-direction:column;text-align:center;gap:12px}.grades-table{font-size:11px}.grades-table th,.grades-table td{padding:6px 8px}.competencies-grid{grid-template-columns:1fr;gap:8px}.summary-section{flex-direction:column;gap:12px;text-align:center}.attendance-stats{grid-template-columns:repeat(2,1fr);gap:8px}.signature-area{flex-direction:column;gap:12px;align-items:stretch}}@media(max-width:480px){.report-card-preview{padding:12px;font-size:11px}.logo-placeholder{width:40px;height:40px}.school-info h2{font-size:18px}.school-info h3{font-size:14px}.student-photo{width:40px;height:40px}.grades-table{font-size:10px}.grades-table th,.grades-table td{padding:4px 6px}.attendance-stats{grid-template-columns:1fr;gap:6px}.teacher-comment,.principal-comment{padding:12px}.competency-item{padding:8px}}.behavioral-section{margin-bottom:20px}.behavioral-section h4{font-size:16px;font-weight:600;color:#111827;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid #e5e7eb}.behavioral-traits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.trait-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;transition:all .2s ease}.trait-item:hover{background:#f3f4f6;border-color:var(--primary-color, #3b82f6)}.trait-info{display:flex;flex-direction:column;gap:4px;flex:1}.trait-name{font-size:14px;font-weight:600;color:#374151}.trait-rating{font-size:12px;color:#6b7280;font-style:italic}.trait-score{display:flex;align-items:center;gap:8px;min-width:80px}.score-bar{width:40px;height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}.score-fill{height:100%;background:linear-gradient(90deg,#ef4444,#f59e0b,#10b981 80%,#059669);border-radius:3px;transition:width .3s ease}.score-text{font-size:12px;font-weight:600;color:#374151;min-width:30px;text-align:right}.trait-item .score-fill[style*="20%"]{background:#ef4444}.trait-item .score-fill[style*="40%"]{background:#f59e0b}.trait-item .score-fill[style*="60%"]{background:#eab308}.trait-item .score-fill[style*="80%"]{background:#10b981}.trait-item .score-fill[style*="100%"]{background:#059669}.behavioral-traits-table{width:100%;border-collapse:collapse;margin-bottom:16px}.behavioral-traits-table th,.behavioral-traits-table td{padding:8px 12px;text-align:left;border:1px solid #e5e7eb;font-size:13px}.behavioral-traits-table th{background:var(--primary-color, #3b82f6);color:#fff;font-weight:600}.behavioral-traits-table td{color:#374151}.behavioral-traits-table .rating-cell{font-weight:600;text-align:center}.behavioral-traits-table .rating-excellent{color:#059669}.behavioral-traits-table .rating-very-good{color:#10b981}.behavioral-traits-table .rating-good{color:#eab308}.behavioral-traits-table .rating-fair{color:#f59e0b}.behavioral-traits-table .rating-poor{color:#ef4444}@media(max-width:768px){.behavioral-traits-grid{grid-template-columns:1fr;gap:8px}.trait-item{flex-direction:column;align-items:stretch;gap:8px;padding:10px}.trait-score{justify-content:space-between;min-width:unset}.score-bar{flex:1;width:auto}.behavioral-traits-table{font-size:11px}.behavioral-traits-table th,.behavioral-traits-table td{padding:6px 8px}}@media(max-width:480px){.trait-item{padding:8px}.trait-name{font-size:13px}.trait-rating,.score-text{font-size:11px}.behavioral-traits-table{font-size:10px}.behavioral-traits-table th,.behavioral-traits-table td{padding:4px 6px}}.behavioral-traits-section{border:1px solid #e5e7eb;border-radius:8px;padding:16px;background:#f9fafb;margin-bottom:20px}.behavioral-traits-section h3{font-size:16px;font-weight:600;color:#111827;margin:0 0 8px}.behavioral-traits-section p{font-size:14px;color:#6b7280;margin:0 0 12px}.traits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin-bottom:16px}.trait-checkbox{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;transition:all .2s;font-size:13px}.trait-checkbox:hover{background:#f3f4f6;border-color:#3b82f6}.trait-checkbox input{margin:0}.trait-checkbox input:checked+span{color:#3b82f6;font-weight:600}.selected-traits-preview{margin-top:16px;padding:12px;background:#fff;border:1px solid #d1d5db;border-radius:6px}.selected-traits-preview strong{font-size:14px;color:#374151;display:block;margin-bottom:8px}.selected-traits-list{display:flex;flex-wrap:wrap;gap:6px}.selected-trait-tag{display:inline-block;padding:4px 8px;background:#dbeafe;color:#1e40af;border-radius:12px;font-size:12px;font-weight:500;border:1px solid #93c5fd}.behavioral-traits-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px}.trait-overview-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #838383;border-radius:6px}.trait-number{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#7a7a7a;color:#fff;border-radius:50%;font-size:12px;font-weight:600;flex-shrink:0}.trait-name{font-size:14px;color:#374151;font-weight:500}.behavioral-section .behavioral-traits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}@media(max-width:768px){.traits-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:6px}.trait-checkbox{padding:6px 10px;font-size:12px}.selected-traits-list{gap:4px}.selected-trait-tag{padding:3px 6px;font-size:11px}.behavioral-traits-overview{grid-template-columns:1fr;gap:6px}.trait-overview-item{padding:6px 10px}.trait-number{width:20px;height:20px;font-size:11px}.trait-name{font-size:13px}}@media(max-width:480px){.behavioral-traits-section{padding:12px}.traits-grid{grid-template-columns:1fr;gap:4px}.trait-checkbox{padding:5px 8px;font-size:11px}.selected-traits-preview{padding:8px}.selected-trait-tag{padding:2px 5px;font-size:10px}.trait-overview-item{padding:5px 8px}.trait-number{width:18px;height:18px;font-size:10px}.trait-name{font-size:12px}}.template-preview-section{margin-top:20px;border:2px solid #3b82f6;border-radius:8px;background:#f8fafc;overflow:hidden}.preview-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#3b82f6;color:#fff}.preview-header h3{font-size:16px;font-weight:600;margin:0}.close-preview-btn{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:4px;padding:6px 12px;font-size:12px;cursor:pointer;transition:all .2s ease}.close-preview-btn:hover{background:#ffffff4d;border-color:#ffffff80}.preview-content{padding:20px;max-height:600px;overflow-y:auto;background:#fff}.template-preview-section .report-card-preview{max-width:100%;margin:0;transform:scale(.85);transform-origin:top left;border:1px solid #e5e7eb}@media(max-width:768px){.template-preview-section{margin-top:16px}.preview-header{padding:12px 16px;flex-direction:column;gap:8px;text-align:center}.preview-content{padding:12px;max-height:400px}.template-preview-section .report-card-preview{transform:scale(.7)}}@media(max-width:480px){.preview-header{padding:10px 12px}.preview-header h3{font-size:14px}.close-preview-btn{padding:4px 8px;font-size:11px}.preview-content{padding:8px;max-height:300px}.template-preview-section .report-card-preview{transform:scale(.6);font-size:12px}}.days-selection-section{border:1px solid #e5e7eb;border-radius:8px;padding:16px;background:#f9fafb;margin-bottom:20px}.days-selection-section h3{font-size:16px;font-weight:600;color:#111827;margin:0 0 8px}.days-selection-section p{font-size:14px;color:#6b7280;margin:0 0 12px}.days-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.day-checkbox{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;transition:all .2s;font-size:14px;font-weight:500}.day-checkbox:hover{background:#f3f4f6;border-color:#3b82f6}.day-checkbox input{margin:0}.day-checkbox input:checked+span{color:#3b82f6;font-weight:600}.periods-section{border:1px solid #e5e7eb;border-radius:8px;padding:16px;background:#f9fafb;margin-bottom:20px}.periods-section h3{font-size:16px;font-weight:600;color:#111827;margin:0 0 8px}.periods-section p{font-size:14px;color:#6b7280;margin:0 0 12px}.periods-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.period-day-item{background:#fff;padding:12px;border:1px solid #e5e7eb;border-radius:6px}.daily-schedule-section{border:1px solid #e5e7eb;border-radius:8px;padding:16px;background:#f9fafb;margin-bottom:20px}.daily-schedule-section h3{font-size:16px;font-weight:600;color:#111827;margin:0 0 8px}.daily-schedule-section p{font-size:14px;color:#6b7280;margin:0 0 12px}.schedule-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.schedule-day-item{background:#fff;padding:16px;border:1px solid #e5e7eb;border-radius:6px}.schedule-day-item h4{font-size:14px;font-weight:600;color:#374151;margin:0 0 12px;text-align:center;padding-bottom:8px;border-bottom:1px solid #f3f4f6}.time-inputs{display:flex;flex-direction:column;gap:8px}.break-configuration{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;margin-bottom:16px;position:relative}.break-basic-info{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;margin-bottom:16px}.break-days-selection h5{font-size:14px;font-weight:600;color:#374151;margin:0 0 8px}.break-days-grid{display:flex;flex-wrap:wrap;gap:6px}.break-day-checkbox{display:flex;align-items:center;gap:4px;padding:4px 8px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:4px;cursor:pointer;transition:all .2s;font-size:12px}.break-day-checkbox:hover{background:#e5e7eb;border-color:#3b82f6}.break-day-checkbox input{margin:0}.break-day-checkbox input:checked+span{color:#3b82f6;font-weight:600}.remove-break-btn{position:absolute;top:12px;right:12px;background:#ef4444;color:#fff;border:none;border-radius:4px;padding:6px 10px;cursor:pointer;display:flex;align-items:center;gap:4px;font-size:12px;transition:background .2s}.remove-break-btn:hover{background:#dc2626}.breaks-section{border:1px solid #e5e7eb;border-radius:8px;padding:16px;background:#f9fafb;margin-bottom:20px}.breaks-section h3{font-size:16px;font-weight:600;color:#111827;margin:0 0 8px}.breaks-section p{font-size:14px;color:#6b7280;margin:0 0 16px}.breaks-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.validation-errors{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:16px;margin-bottom:20px}.error-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:#991b1b}.error-header strong{font-size:14px;font-weight:600}.validation-errors ul{margin:0;padding-left:20px;list-style-type:disc}.validation-errors li{color:#991b1b;font-size:14px;margin-bottom:6px;line-height:1.4}.timetable-preview-section{margin-top:20px;border:2px solid #3b82f6;border-radius:8px;background:#f8fafc;overflow:hidden}.timetable-preview-section .preview-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#3b82f6;color:#fff}.timetable-preview-section .preview-header h3{font-size:16px;font-weight:600;margin:0}.timetable-preview-section .close-preview-btn{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:4px;padding:6px 12px;font-size:12px;cursor:pointer;transition:all .2s ease}.timetable-preview-section .close-preview-btn:hover{background:#ffffff4d;border-color:#ffffff80}.timetable-preview-section .preview-content{padding:20px;max-height:600px;overflow-y:auto;background:#fff}.timetable-preview-container{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;padding:20px;overflow-x:auto}.periods-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}.period-overview-item{display:flex;flex-direction:column;gap:4px;padding:12px;background:#fff;border:1px solid #e5e7eb;border-radius:6px}.day-name{font-size:14px;font-weight:600;color:#374151}.period-count{font-size:13px;color:#6b7280}.time-range{font-size:12px;color:#9ca3af;font-family:monospace}.breaks-overview{display:flex;flex-direction:column;gap:12px}.break-overview-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#fff;border:1px solid #e5e7eb;border-radius:6px}.break-info{display:flex;flex-direction:column;gap:4px}.break-name{font-size:14px;font-weight:600;color:#374151}.break-details{font-size:13px;color:#6b7280}.break-days{font-size:12px;color:#9ca3af}.break-days strong{color:#6b7280}@media(max-width:768px){.validation-errors{padding:12px}.error-header{flex-direction:column;align-items:flex-start;gap:4px}.validation-errors li{font-size:13px;margin-bottom:4px}.timetable-preview-section .preview-header{padding:12px 16px;flex-direction:column;gap:8px;text-align:center}.timetable-preview-section .preview-content{padding:12px;max-height:400px}.timetable-preview-container{padding:12px}.periods-overview{grid-template-columns:1fr;gap:8px}.period-overview-item{padding:10px}.break-overview-item{flex-direction:column;align-items:flex-start;gap:8px;padding:10px}.days-grid{grid-template-columns:repeat(2,1fr);gap:6px}.periods-grid{grid-template-columns:1fr;gap:8px}.schedule-grid{grid-template-columns:1fr;gap:12px}.break-basic-info{grid-template-columns:1fr;gap:8px}.break-days-grid{gap:4px}.break-day-checkbox{padding:3px 6px;font-size:11px}.time-inputs{gap:6px}.day-checkbox{padding:8px 10px;font-size:13px}}@media(max-width:480px){.days-selection-section,.periods-section,.daily-schedule-section,.breaks-section{padding:12px}.days-grid{grid-template-columns:1fr;gap:4px}.day-checkbox{padding:6px 8px;font-size:12px}.schedule-day-item,.break-configuration{padding:12px}.remove-break-btn{position:static;margin-top:12px;align-self:flex-start}.break-days-grid{gap:3px}.break-day-checkbox{padding:2px 5px;font-size:10px}.validation-errors{padding:10px}.validation-errors li{font-size:12px;margin-bottom:3px}.timetable-preview-section .preview-header{padding:10px 12px}.timetable-preview-section .preview-header h3{font-size:14px}.timetable-preview-section .close-preview-btn{padding:4px 8px;font-size:11px}.timetable-preview-section .preview-content{padding:8px;max-height:300px}.timetable-preview-container,.period-overview-item,.break-overview-item{padding:8px}.day-name{font-size:13px}.period-count{font-size:12px}.time-range{font-size:11px}.break-name{font-size:13px}.break-details{font-size:12px}.break-days{font-size:11px}}.disabled{opacity:.5;cursor:not-allowed!important}.disabled input{cursor:not-allowed}.disabled-badge{font-size:10px;background:#f59e0b;color:#fff;padding:2px 6px;border-radius:10px;margin-left:8px;font-weight:600}.email-preview{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;font-family:Arial,sans-serif;max-width:600px;margin:0 auto;box-shadow:0 2px 4px #0000001a}.email-field strong{color:#111827;margin-right:8px;min-width:60px;display:inline-block}.email-content{line-height:1.6;color:#374151}.email-content p{margin:0 0 12px;font-size:14px}.content-template-display{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.template-content{font-family:monospace;font-size:13px;line-height:1.5;color:#374151;background:#fff;padding:12px;border-radius:4px;border:1px solid #838383}.template-content p{margin:0 0 8px}.template-content p:last-child{margin-bottom:0}.placeholders-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px}.placeholder-overview-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:6px}.placeholder-number{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#3b82f6;color:#fff;border-radius:50%;font-size:12px;font-weight:600;flex-shrink:0}.placeholder-name{font-size:14px;color:#374151;font-weight:500;font-family:monospace}.announcement-preview-container{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;padding:20px;overflow-x:auto}@media(max-width:768px){.email-preview{max-width:100%}.email-header{padding:12px}.email-body{padding:16px}.email-field{font-size:13px;margin-bottom:6px}.email-field strong{min-width:50px;font-size:12px}.email-content{font-size:13px}.content-template-display{padding:12px}.template-content{font-size:12px;padding:10px}.placeholders-overview{grid-template-columns:1fr;gap:6px}.placeholder-overview-item{padding:6px 10px}.placeholder-number{width:20px;height:20px;font-size:11px}.placeholder-name{font-size:13px}.announcement-preview-container{padding:12px}.disabled-badge{font-size:9px;padding:1px 4px;margin-left:6px}}@media(max-width:480px){.email-header{padding:10px}.email-body{padding:12px}.email-field{font-size:12px;margin-bottom:4px}.email-field strong{min-width:45px;font-size:11px}.email-content{font-size:12px}.email-content p{margin-bottom:8px}.content-template-display{padding:10px}.template-content{font-size:11px;padding:8px}.placeholder-overview-item{padding:5px 8px}.placeholder-number{width:18px;height:18px;font-size:10px}.placeholder-name{font-size:12px}.announcement-preview-container{padding:8px}.disabled-badge{font-size:8px;padding:1px 3px;margin-left:4px}}.formatting-toolbar{display:flex;gap:4px;padding:8px;background:#f9fafb;flex-wrap:wrap}.format-btn{display:flex;align-items:center;justify-content:center;padding:6px 10px;background:#fff;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;color:#374151;transition:all .2s ease;min-width:32px;height:32px}.format-btn:hover{background:#f3f4f6;border-color:#3b82f6;color:#3b82f6}.format-btn:active{background:#e5e7eb;transform:translateY(1px)}.format-btn strong,.format-btn em,.format-btn u{font-size:12px;font-weight:600}@media(max-width:768px){.formatting-toolbar{padding:6px;gap:3px}.format-btn{padding:4px 8px;font-size:11px;min-width:28px;height:28px}.format-btn strong,.format-btn em,.format-btn u{font-size:11px}}@media(max-width:480px){.formatting-toolbar{padding:4px;gap:2px}.format-btn{padding:3px 6px;font-size:10px;min-width:24px;height:24px}.format-btn strong,.format-btn em,.format-btn u{font-size:10px}}.rich-text-editor-container{position:relative;border:1px solid #e5e7eb;border-radius:8px;background:#fff;overflow:hidden}.formatting-toolbar{display:flex;gap:4px;padding:8px 12px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.format-btn{background:#fff;border:1px solid #d1d5db;border-radius:4px;padding:6px 8px;font-size:12px;cursor:pointer;transition:all .2s;min-width:32px;height:28px;display:flex;align-items:center;justify-content:center}.format-btn:hover{background:#f3f4f6;border-color:#9ca3af}.format-btn:active{background:#e5e7eb}.format-btn-heading{font-size:11px;font-weight:700;font-family:monospace;min-width:30px;letter-spacing:-.5px}.format-sep{display:inline-block;width:1px;height:18px;background:#e5e7eb;margin:0 4px;vertical-align:middle;flex-shrink:0}.rich-text-editor a{color:#2563eb;text-decoration:underline;cursor:pointer}.editor-wrapper{position:relative}.rich-text-editor{min-height:150px;padding:12px;border:none;outline:none;font-size:14px;line-height:1.5;font-family:inherit;width:100%;box-sizing:border-box}.rich-text-editor:focus{outline:2px solid #3b82f6;outline-offset:-2px}.rich-text-editor p{margin:0 0 8px}.rich-text-editor p:last-child{margin-bottom:0}.rich-text-editor h1,.rich-text-editor h2,.rich-text-editor h3{margin:0 0 6px}.rich-text-editor ul,.rich-text-editor ol{margin:8px 0;padding-left:20px}.rich-text-editor li{margin-bottom:4px}.rich-text-editor strong{font-weight:600}.rich-text-editor em{font-style:italic}.rich-text-editor u{text-decoration:underline}.placeholder-tag{background:#dbeafe!important;color:#1e40af!important;padding:2px 6px!important;border-radius:4px!important;font-weight:600!important;margin:0 2px!important;display:inline-block;font-size:13px}.rich-text-editor .placeholder-tag+*{background:transparent!important;color:inherit!important;font-weight:400!important}.rich-text-editor span:not(.placeholder-tag){background:transparent!important;color:inherit!important;font-weight:inherit!important}.editor-placeholder{position:absolute;top:12px;left:12px;color:#9ca3af;pointer-events:none;font-size:14px;z-index:1}@media(max-width:768px){.rich-text-editor{min-height:120px;padding:10px;font-size:13px}.formatting-toolbar{padding:6px 8px;gap:2px}.format-btn{padding:4px 6px;font-size:11px;min-width:28px;height:24px}.placeholder-tag{font-size:12px!important;padding:1px 4px!important}.editor-placeholder{font-size:13px;top:10px;left:10px}}@media(max-width:480px){.rich-text-editor{min-height:100px;padding:8px;font-size:12px}.formatting-toolbar{padding:4px 6px;gap:1px;flex-wrap:wrap}.format-btn{padding:3px 5px;font-size:10px;min-width:24px;height:20px}.placeholder-tag{font-size:11px!important;padding:1px 3px!important}.editor-placeholder{font-size:12px;top:8px;left:8px}}[data-theme=dark] .rich-text-editor-container{background:#1e1e1e;border-color:#3a3a3a}[data-theme=dark] .formatting-toolbar{background:#252525;border-bottom-color:#3a3a3a}[data-theme=dark] .format-btn{background:#2a2a2a;border-color:#3a3a3a;color:#ccc}[data-theme=dark] .format-btn:hover{background:#333;border-color:#555;color:#f0f0f0}[data-theme=dark] .format-btn:active,[data-theme=dark] .format-sep{background:#3a3a3a}[data-theme=dark] .rich-text-editor a{color:#60a5fa}[data-theme=dark] .rich-text-editor{background:#1e1e1e;color:#e0e0e0}[data-theme=dark] .rich-text-editor:focus{outline-color:#555}[data-theme=dark] .editor-placeholder{color:#555}.email-preview{border:1px solid #e5e7eb;border-radius:8px;background:#fff;overflow:hidden;margin-top:16px}.email-header{background:#f9fafb;padding:16px;border-bottom:1px solid #e5e7eb}.email-field{margin-bottom:8px;font-size:14px;color:#374151}.email-field:last-child{margin-bottom:0}.email-body{padding:20px}.email-content{font-size:14px;line-height:1.6;color:#374151}.email-content p{margin:0 0 12px}.email-content p:last-child{margin-bottom:0}.email-content strong{font-weight:600}.email-content em{font-style:italic}.email-content u{text-decoration:underline}.email-content ul,.email-content ol{margin:12px 0;padding-left:20px}.email-content li{margin-bottom:4px}.template-preview-section{margin-top:24px;border-top:1px solid #e5e7eb;padding-top:24px}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.preview-header h3{font-size:16px;font-weight:600;color:#111827;margin:0}.close-preview-btn{background:#ef4444;color:#fff;border:none;border-radius:6px;padding:8px 12px;font-size:14px;cursor:pointer;transition:background .2s}.close-preview-btn:hover{background:#dc2626}.announcement-preview-container{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px}@media(max-width:768px){.email-header{padding:12px}.email-body{padding:16px}.email-content{font-size:13px}.preview-header{flex-direction:column;align-items:stretch;gap:12px}.close-preview-btn{align-self:flex-end}}@media(max-width:480px){.email-header{padding:10px}.email-body{padding:12px}.email-content{font-size:12px}.template-preview-section{padding-top:16px;margin-top:16px}.announcement-preview-container{padding:12px}}.template-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:20px;transition:all .2s ease;cursor:pointer}.template-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:#3b82f6}.class-promotion-section{border:1px solid #e5e7eb;border-radius:8px;padding:16px;background:#f9fafb;margin-bottom:20px}.class-promotion-section h3{font-size:16px;font-weight:600;color:#111827;margin:0 0 8px}.section-description{font-size:14px;color:#6b7280;margin:0 0 16px;line-height:1.5}.header-actions{display:flex;align-items:center;gap:8px}.create-class-btn,.refresh-classes-btn{background:#6b7280;color:#fff;border:none;border-radius:4px;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;width:32px;height:32px;transition:background .2s}.create-class-btn:hover,.refresh-classes-btn:hover{background:#4b5563}.promotion-arrow{display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#3b82f6;padding-top:20px;min-width:40px}.criterion-row{display:grid;gap:12px;align-items:end;margin-bottom:12px;padding:12px;background:#fff;border:1px solid #e5e7eb;border-radius:6px}.class-promotion-section .criterion-row{grid-template-columns:2fr 2fr 40px auto}.promotion-criteria-section .criterion-row{grid-template-columns:2fr 1fr auto}@media(max-width:768px){.header-actions{flex-wrap:wrap;gap:6px}.criterion-row{grid-template-columns:1fr;gap:8px}.class-promotion-section .criterion-row,.promotion-criteria-section .criterion-row{grid-template-columns:1fr}.promotion-arrow{padding-top:0;justify-content:flex-start;transform:rotate(90deg);min-width:auto}.create-class-btn,.refresh-classes-btn{width:28px;height:28px;padding:6px}}@media(max-width:480px){.class-promotion-section,.promotion-criteria-section{padding:12px}.header-actions{flex-direction:column;align-items:stretch;gap:8px}.create-class-btn,.refresh-classes-btn{width:24px;height:24px;padding:4px}}.criteria-detail-table{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.criteria-table-header{display:grid;grid-template-columns:2fr 1fr;gap:16px;padding:12px 16px;background:#f3f4f6;font-size:13px;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb}.criteria-table-row{display:grid;grid-template-columns:2fr 1fr;gap:16px;padding:12px 16px;border-bottom:1px solid #f3f4f6;font-size:14px;color:#374151}.criteria-table-row:last-child{border-bottom:none}.criteria-table-footer{display:grid;grid-template-columns:2fr 1fr;gap:16px;padding:12px 16px;background:#f9fafb;border-top:1px solid #e5e7eb;font-size:14px;color:#374151}.promotion-mapping-display{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:20px}.mapping-note{color:#6b7280;font-size:14px;margin-bottom:16px}.sample-mapping{display:flex;flex-direction:column;gap:12px}.mapping-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:6px}.from-class,.to-class{padding:6px 12px;background:#dbeafe;color:#1e40af;border-radius:4px;font-weight:500;font-size:14px}.arrow{font-size:18px;font-weight:700;color:#3b82f6}.cpm-info-section{margin-bottom:22px;padding:0;border:none}.cpm-info-hero{position:relative;padding:18px 18px 16px;margin-bottom:10px;background:#111;border-radius:12px;overflow:hidden}.cpm-info-hero:before{content:"";position:absolute;width:90px;height:90px;border-radius:50%;border:14px solid rgba(255,255,255,.06);top:-28px;right:-18px;pointer-events:none}.cpm-info-hero .cpm-info-label{color:#ffffff73;position:relative;z-index:1}.cpm-info-name{margin:6px 0 0;font-size:20px;font-weight:800;letter-spacing:-.02em;color:#fff;line-height:1.25;position:relative;z-index:1;word-break:break-word}.cpm-info-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);gap:10px}.cpm-info-card{display:flex;flex-direction:column;gap:8px;padding:14px 16px;background:#f8f8f8;border:1px solid #e8e8e8;border-radius:12px;min-width:0}.cpm-info-card--wide{background:#fff}.cpm-info-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#9ca3af}.cpm-info-level{display:inline-flex;align-self:flex-start;padding:6px 12px;border-radius:999px;background:#111;color:#fff;font-size:12px;font-weight:700;line-height:1.2}.cpm-info-desc{margin:0;font-size:13px;font-weight:400;color:#374151;line-height:1.55;white-space:pre-wrap}@media(max-width:560px){.cpm-info-grid{grid-template-columns:1fr}}.cpm-detail-section{padding:0}.cpm-detail-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}.cpm-detail-head h3{margin:0;font-size:15px;font-weight:700;color:#111}.cpm-detail-count{flex-shrink:0;padding:3px 10px;border-radius:999px;background:#f3f4f6;border:1px solid #e5e7eb;font-size:11px;font-weight:600;color:#555}.cpm-detail-hint{margin:0 0 14px;font-size:12px;color:#6b7280;line-height:1.45}.cpm-detail-hint strong{color:#111;font-weight:700}.cpm-mapping-list{display:flex;flex-direction:column;gap:8px}.cpm-mapping-row{display:grid;grid-template-columns:28px minmax(0,1fr) 28px minmax(0,1fr);align-items:center;gap:10px;padding:12px 14px;background:#fff;border:1px solid #e5e7eb;border-radius:10px}.cpm-mapping-row--alumni{border-color:#fcd34d;background:#fffbeb}.cpm-mapping-step{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#f3f4f6;color:#555;font-size:11px;font-weight:700}.cpm-mapping-chip{display:block;min-width:0;padding:8px 12px;border-radius:8px;font-size:13px;font-weight:600;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cpm-mapping-chip--from{background:#f3f4f6;color:#111;border:1px solid #e5e7eb}.cpm-mapping-chip--to{background:#111;color:#fff;border:1px solid #111111}.cpm-mapping-chip--alumni{background:#f59e0b;color:#111;border:1px solid #d97706}.cpm-mapping-arrow{text-align:center;font-size:16px;font-weight:700;color:#9ca3af}.cpm-mapping-empty{margin:0;padding:20px 16px;text-align:center;font-size:13px;color:#6b7280;background:#f9fafb;border:1px dashed #d1d5db;border-radius:10px}@media(max-width:560px){.cpm-mapping-row{grid-template-columns:24px 1fr;grid-template-rows:auto auto auto}.cpm-mapping-arrow{grid-column:2;text-align:left;padding-left:4px}.cpm-mapping-chip--to,.cpm-mapping-chip--alumni{grid-column:2}}.policies-display{display:flex;flex-direction:column;gap:20px}.policy-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.policy-item h4{font-size:16px;font-weight:600;color:#111827;margin:0 0 8px}.policy-item p{font-size:14px;color:#6b7280;line-height:1.5;margin:0}.status-badge{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.status-badge.active{background:#dcfce7;color:#166534}.status-badge.draft{background:#fef3c7;color:#92400e}@media(max-width:768px){.criteria-table-header,.criteria-table-row,.criteria-table-footer{grid-template-columns:1fr;gap:8px}.criteria-table-header span,.criteria-table-row span,.criteria-table-footer span{padding:4px 0}.criteria-table-header span:not(:first-child):before,.criteria-table-row span:not(:first-child):before,.criteria-table-footer span:not(:first-child):before{content:"Weight: ";font-weight:600;color:#6b7280}.mapping-item{flex-direction:column;gap:8px;text-align:center}.arrow{transform:rotate(90deg)}.sample-mapping{gap:8px}.policies-display{gap:16px}.policy-item{padding:12px}}@media(max-width:480px){.promotion-mapping-display{padding:16px}.mapping-item{padding:10px 12px}.from-class,.to-class{padding:4px 8px;font-size:13px}.policy-item{padding:10px}.policy-item h4{font-size:15px}.policy-item p{font-size:13px}}.from-class.alumni,.to-class.alumni{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px #f59e0b4d}.to-class.alumni{position:relative}.to-class.alumni:before{content:"🎓";margin-right:4px}.form-input-container select option[value=alumni]{background:#fef3c7;color:#92400e;font-weight:600}.mapping-item:has(.alumni){background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b;box-shadow:0 2px 8px #f59e0b33}.mapping-item:has(.alumni) .arrow{color:#f59e0b;font-size:20px}.mapping-item.alumni-mapping{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b;box-shadow:0 2px 8px #f59e0b33}.mapping-item.alumni-mapping .arrow{color:#f59e0b;font-size:20px}[data-theme=dark] .grade-ranges-section,[data-theme=dark] .template-fields-section,[data-theme=dark] .template-sections-section,[data-theme=dark] .placeholders-section,[data-theme=dark] .channels-section,[data-theme=dark] .template-content-section,[data-theme=dark] .content-section,[data-theme=dark] .template-styling-section,[data-theme=dark] .template-options-section,[data-theme=dark] .schedule-options-section,[data-theme=dark] .breaks-section,[data-theme=dark] .bill-items-section,[data-theme=dark] .payment-options-section,[data-theme=dark] .late-fee-section,[data-theme=dark] .grading-fields-section,[data-theme=dark] .grading-scheme-section,[data-theme=dark] .basic-requirements-section,[data-theme=dark] .promotion-criteria-section,[data-theme=dark] .policies-section,[data-theme=dark] .notifications-section,[data-theme=dark] .installment-details{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .grade-ranges-header h3,[data-theme=dark] .breaks-header h3,[data-theme=dark] .bill-items-header h3,[data-theme=dark] .grading-fields-header h3,[data-theme=dark] .grading-scheme-header h3,[data-theme=dark] .criteria-header h3,[data-theme=dark] .template-fields-section h3,[data-theme=dark] .template-sections-section h3,[data-theme=dark] .placeholders-section h3,[data-theme=dark] .channels-section h3,[data-theme=dark] .template-styling-section h3,[data-theme=dark] .template-options-section h3,[data-theme=dark] .schedule-options-section h3,[data-theme=dark] .payment-options-section h3,[data-theme=dark] .late-fee-section h3,[data-theme=dark] .basic-requirements-section h3,[data-theme=dark] .promotion-criteria-section h3,[data-theme=dark] .policies-section h3,[data-theme=dark] .notifications-section h3,[data-theme=dark] .display-options h4{color:#e0e0e0}[data-theme=dark] .template-fields-section p,[data-theme=dark] .template-sections-section p,[data-theme=dark] .placeholders-section p,[data-theme=dark] .channels-section p,[data-theme=dark] .grading-scheme-header p{color:#555}[data-theme=dark] .grade-range-row,[data-theme=dark] .break-row,[data-theme=dark] .bill-item-row,[data-theme=dark] .grading-field-row,[data-theme=dark] .grading-scheme-row,[data-theme=dark] .criterion-row{background:#252525;border-color:#3a3a3a}[data-theme=dark] .grading-scheme-row.overlapping{background:#2a1a1a;border-color:#5a2a2a}[data-theme=dark] .grading-scheme-row.overlapping input{border-color:#7a3a3a;background:#2a1a1a}[data-theme=dark] .field-checkbox,[data-theme=dark] .section-checkbox,[data-theme=dark] .placeholder-checkbox,[data-theme=dark] .channel-checkbox,[data-theme=dark] .option-checkbox,[data-theme=dark] .notification-checkbox{background:#252525;border-color:#3a3a3a;color:#ccc}[data-theme=dark] .field-checkbox:hover,[data-theme=dark] .section-checkbox:hover,[data-theme=dark] .placeholder-checkbox:hover,[data-theme=dark] .channel-checkbox:hover,[data-theme=dark] .option-checkbox:hover,[data-theme=dark] .notification-checkbox:hover{background:#2a2a2a;border-color:#f0f0f0}[data-theme=dark] .display-options{border-top-color:#2a2a2a}[data-theme=dark] .installment-checkbox{color:#ccc}[data-theme=dark] .installment-details{border-left-color:#3a3a3a}[data-theme=dark] .total-amount-display{background:#052e16;border-color:#166634}[data-theme=dark] .total-weight.valid,[data-theme=dark] .total-range.valid{background:#052e16;color:#4ade80}[data-theme=dark] .total-weight.invalid,[data-theme=dark] .total-range.invalid{background:#2a1a1a;color:#f87171}[data-theme=dark] .weight-warning,[data-theme=dark] .range-warning{background:#2a1a1a;border-color:#5a2a2a;color:#f87171}[data-theme=dark] .scheme-table-header{background:#252525;color:#888}[data-theme=dark] .fields-table-header,[data-theme=dark] .items-table-header,[data-theme=dark] .items-detail-header{background:#252525;color:#888;border-bottom-color:#2a2a2a}[data-theme=dark] .fields-table-row,[data-theme=dark] .items-detail-row{border-bottom-color:#2a2a2a;color:#ccc}[data-theme=dark] .fields-table-footer,[data-theme=dark] .items-detail-footer{background:#1e1e1e;border-top-color:#2a2a2a;color:#ccc}[data-theme=dark] .assessment-fields-table,[data-theme=dark] .bill-items-detail-table{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .grading-scheme-table{border-color:#2a2a2a}[data-theme=dark] .grading-scheme-table .scheme-table-header{background:#252525;border-bottom-color:#2a2a2a;color:#888}[data-theme=dark] .grading-scheme-table .scheme-table-row{background:#1e1e1e;border-bottom-color:#2a2a2a;color:#ccc}[data-theme=dark] .config-item strong{color:#555}[data-theme=dark] .config-item span{color:#ccc}[data-theme=dark] .drag-handle,[data-theme=dark] .promotion-criteria-preview ul,[data-theme=dark] .promotion-criteria-preview li{color:#555}[data-theme=dark] .section-item{background:#252525;border-color:#3a3a3a}[data-theme=dark] .section-name{color:#ccc}[data-theme=dark] .timetable-preview-container{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .period-overview-item,[data-theme=dark] .break-overview-item{background:#252525;border-color:#3a3a3a}[data-theme=dark] .day-name{color:#e0e0e0}[data-theme=dark] .period-count{color:#888}[data-theme=dark] .time-range{color:#555}[data-theme=dark] .break-name{color:#e0e0e0}[data-theme=dark] .break-details{color:#888}[data-theme=dark] .bill-preview-container{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .mock-bill{color:#ccc}[data-theme=dark] .school-info h4{color:#f0f0f0}[data-theme=dark] .school-info p{color:#555}[data-theme=dark] .bill-title h3{color:#f0f0f0}[data-theme=dark] .bill-title p{color:#555}[data-theme=dark] .student-info{background:#252525}[data-theme=dark] .student-info p{color:#ccc}[data-theme=dark] .bill-header{border-bottom-color:#2a2a2a}[data-theme=dark] .bill-footer{border-top-color:#2a2a2a}[data-theme=dark] .bill-footer p{color:#888}[data-theme=dark] .report-card-preview-container{background:#1a1a1a;border-color:#2a2a2a}[data-theme=dark] .report-card-preview{background:#1e1e1e;border-color:#2a2a2a;color:#ccc}[data-theme=dark] .student-info-section{background:#252525;border-left-color:#3a3a3a}[data-theme=dark] .student-info-section h4{color:#e0e0e0}[data-theme=dark] .student-data p{color:#ccc}[data-theme=dark] .academic-section h4{color:#e0e0e0;border-bottom-color:#2a2a2a}[data-theme=dark] .grades-table th{background:#252525;color:#e0e0e0}[data-theme=dark] .grades-table td{color:#ccc;border-color:#2a2a2a}[data-theme=dark] .competency-item{background:#252525;border-color:#3a3a3a}[data-theme=dark] .competency-name{color:#e0e0e0}[data-theme=dark] .competency-level{color:#555}[data-theme=dark] .template-detail-description{color:#ffffff8c}[data-theme=dark] .template-meta-item{color:#ffffff80}[data-theme=dark] .template-meta-item strong{color:#fffc}[data-theme=dark] .behavioral-traits-section{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .behavioral-section h4{color:#e0e0e0;border-bottom-color:#2a2a2a}[data-theme=dark] .trait-item{background:#252525;border-color:#3a3a3a}[data-theme=dark] .trait-item:hover{background:#2a2a2a;border-color:#f0f0f0}[data-theme=dark] .trait-name{color:#e0e0e0}[data-theme=dark] .trait-rating{color:#555}[data-theme=dark] .behavioral-traits-table{border-color:#2a2a2a}[data-theme=dark] .behavioral-traits-table th{background:#252525;color:#e0e0e0;border-color:#2a2a2a}[data-theme=dark] .behavioral-traits-table td{color:#ccc;border-color:#2a2a2a}[data-theme=dark] .days-selection-section,[data-theme=dark] .periods-section,[data-theme=dark] .daily-schedule-section{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .days-selection-section h3,[data-theme=dark] .periods-section h3,[data-theme=dark] .daily-schedule-section h3{color:#e0e0e0}[data-theme=dark] .days-selection-section p,[data-theme=dark] .periods-section p,[data-theme=dark] .daily-schedule-section p{color:#555}[data-theme=dark] .schedule-day-item{background:#252525;border-color:#3a3a3a}[data-theme=dark] .schedule-day-item h4{color:#e0e0e0}[data-theme=dark] .class-promotion-section,[data-theme=dark] .promotion-mapping-display{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .promotion-row{background:#252525;border-color:#3a3a3a}[data-theme=dark] .behavioral-traits-section h3{color:#e0e0e0}[data-theme=dark] .behavioral-traits-section p{color:#555}[data-theme=dark] .day-checkbox{background:#252525;border-color:#3a3a3a;color:#ccc}[data-theme=dark] .day-checkbox:hover{background:#2a2a2a;border-color:#f0f0f0}[data-theme=dark] .day-checkbox input:checked+span{color:#f0f0f0}[data-theme=dark] .mapping-note{color:#555}[data-theme=dark] .mapping-item.alumni-mapping{background:#1c1200;border-color:#3a2a00}[data-theme=dark] .from-class,[data-theme=dark] .to-class{color:#ccc}[data-theme=dark] .cpm-detail-head h3{color:#e0e0e0}[data-theme=dark] .cpm-info-hero{background:#0d0d0d;border:1px solid #2a2a2a}[data-theme=dark] .cpm-info-hero .cpm-info-label{color:#fff6}[data-theme=dark] .cpm-info-name{color:#f0f0f0}[data-theme=dark] .cpm-info-card{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .cpm-info-card--wide{background:#252525}[data-theme=dark] .cpm-info-label{color:#666}[data-theme=dark] .cpm-info-level{background:#f0f0f0;color:#111}[data-theme=dark] .cpm-info-desc{color:#bbb}[data-theme=dark] .cpm-detail-count{background:#252525;border-color:#3a3a3a;color:#aaa}[data-theme=dark] .cpm-detail-hint{color:#888}[data-theme=dark] .cpm-detail-hint strong{color:#e0e0e0}[data-theme=dark] .cpm-mapping-row{background:#252525;border-color:#3a3a3a}[data-theme=dark] .cpm-mapping-row--alumni{background:#1c1200;border-color:#3a2a00}[data-theme=dark] .cpm-mapping-step{background:#1e1e1e;color:#aaa}[data-theme=dark] .cpm-mapping-chip--from{background:#1e1e1e;border-color:#3a3a3a;color:#e0e0e0}[data-theme=dark] .cpm-mapping-chip--to{background:#f0f0f0;border-color:#f0f0f0;color:#111}[data-theme=dark] .cpm-mapping-arrow{color:#666}[data-theme=dark] .cpm-mapping-empty{background:#1e1e1e;border-color:#3a3a3a;color:#888}[data-theme=dark] .class-promotion-section h3{color:#e0e0e0}[data-theme=dark] .promotion-arrow{color:#555}[data-theme=dark] .content-section h3,[data-theme=dark] .template-content-section h3{color:#e0e0e0}[data-theme=dark] .content-section p,[data-theme=dark] .template-content-section p{color:#555}[data-theme=dark] .detail-section{background:transparent}[data-theme=dark] .detail-section h3{color:#555;border-bottom-color:#2a2a2a}[data-theme=dark] .detail-section h4{color:#e0e0e0;border-bottom-color:#2a2a2a}[data-theme=dark] .detail-section p,[data-theme=dark] .detail-section span,[data-theme=dark] .detail-section li{color:#ccc}[data-theme=dark] .detail-section strong{color:#e0e0e0}[data-theme=dark] .detail-section ul,[data-theme=dark] .detail-section ol{color:#ccc}[data-theme=dark] .description-content{background:#252525;border-color:#3a3a3a}[data-theme=dark] .description-content p{color:#ccc}[data-theme=dark] .bill-items-detail-table{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .items-detail-header{background:#252525;border-bottom-color:#2a2a2a;color:#888}[data-theme=dark] .items-detail-row{border-bottom-color:#2a2a2a;color:#ccc}[data-theme=dark] .items-detail-footer{background:#1e1e1e;border-top-color:#2a2a2a;color:#ccc}[data-theme=dark] .amount-cell,[data-theme=dark] .total-amount{color:#4ade80}[data-theme=dark] .config-item{background:#252525;border-color:#3a3a3a}[data-theme=dark] .config-item strong{color:#888}[data-theme=dark] .config-item span{color:#e0e0e0}[data-theme=dark] .criteria-detail-table{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .criteria-table-header{background:#252525;border-bottom-color:#2a2a2a;color:#888}[data-theme=dark] .criteria-table-row{border-bottom-color:#2a2a2a;color:#ccc}[data-theme=dark] .criteria-table-footer{background:#1e1e1e;border-top-color:#2a2a2a;color:#ccc}[data-theme=dark] .mapping-item{background:#252525;border-color:#3a3a3a}[data-theme=dark] .mapping-item.alumni-mapping,[data-theme=dark] .mapping-item:has(.alumni){background:#1c1200;border-color:#3a2a00}[data-theme=dark] .from-class,[data-theme=dark] .to-class{color:#e0e0e0}[data-theme=dark] .to-class.alumni{color:#fbbf24}[data-theme=dark] .arrow{color:#555}[data-theme=dark] .mapping-item.alumni-mapping .arrow,[data-theme=dark] .mapping-item:has(.alumni) .arrow{color:#f59e0b}[data-theme=dark] .mapping-note,[data-theme=dark] .mapping-note em{color:#555}[data-theme=dark] .mapping-note strong{color:#888}[data-theme=dark] .policy-item{background:#252525;border-color:#3a3a3a}[data-theme=dark] .policy-item h4{color:#e0e0e0}[data-theme=dark] .policy-item p{color:#888}[data-theme=dark] .status-badge.active{background:#052e16;color:#4ade80}[data-theme=dark] .status-badge.inactive{background:#2a1a1a;color:#f87171}[data-theme=dark] .status-badge.draft{background:#1c1200;color:#fbbf24}[data-theme=dark] .content-template-display{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .template-content{background:#1e1e1e;color:#ccc}[data-theme=dark] .template-content p{color:#ccc}[data-theme=dark] .placeholder-overview-item{background:#252525;border-color:#3a3a3a}[data-theme=dark] .placeholder-number{background:#111;color:#f0f0f0}[data-theme=dark] .placeholder-name{color:#ccc}[data-theme=dark] .announcement-preview-container{background:#1a1a1a;border-color:#2a2a2a}[data-theme=dark] .email-preview{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .email-header{background:#252525;border-bottom-color:#2a2a2a}[data-theme=dark] .email-field{color:#ccc}[data-theme=dark] .email-field strong{color:#e0e0e0}[data-theme=dark] .email-body{background:#1e1e1e}[data-theme=dark] .email-content,[data-theme=dark] .email-content p{color:#ccc}[data-theme=dark] .config-grid .config-item{background:#252525;border-color:#3a3a3a}[data-theme=dark] .config-grid .config-item strong{color:#888}[data-theme=dark] .config-grid .config-item span{color:#e0e0e0}.scheme-edit-table{width:100%;border-collapse:collapse;min-width:480px;table-layout:fixed}.scheme-edit-table th{padding:8px 10px;background:#f3f4f6;color:#6b7280;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;text-align:left;border-bottom:1px solid #e5e7eb;white-space:nowrap}.scheme-edit-table td{padding:4px 6px;border-bottom:1px solid #f3f4f6;vertical-align:middle}.scheme-edit-table td:last-child{width:36px;text-align:center}.scheme-edit-table tbody tr:last-child td{border-bottom:none}.scheme-view-table{width:100%;border-collapse:collapse;min-width:340px;font-size:13px}.scheme-view-table th{padding:8px 12px;background:#f3f4f6;color:#6b7280;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;text-align:left;border-bottom:1px solid #e5e7eb;white-space:nowrap}.scheme-view-table td{padding:9px 12px;border-bottom:1px solid #f3f4f6;color:#374151}.scheme-view-table tbody tr:last-child td{border-bottom:none}.scheme-view-table tbody tr:nth-child(2n) td{background:#f9fafb}[data-theme=dark] .scheme-edit-table th,[data-theme=dark] .scheme-view-table th{background:#252525;color:#888;border-bottom-color:#2a2a2a}[data-theme=dark] .scheme-edit-table td,[data-theme=dark] .scheme-view-table td{border-bottom-color:#2a2a2a;color:#ccc}[data-theme=dark] .scheme-view-table tbody tr:nth-child(2n) td{background:#1e1e1e}.at-email-full-preview{border-radius:10px;overflow:hidden;box-shadow:0 4px 20px #00000014;background:#fff}[data-theme=dark] .at-email-full-preview{box-shadow:0 4px 20px #0006}.at-link-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:99999}.at-link-modal{background:#fff;border-radius:10px;padding:22px 24px 18px;width:360px;box-shadow:0 8px 32px #0000002e;display:flex;flex-direction:column;gap:14px}.at-link-modal-title{font-size:14px;font-weight:700;color:#111}.at-link-modal-field{display:flex;flex-direction:column;gap:5px}.at-link-modal-label{font-size:11px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.04em}.at-link-modal-input{width:100%;padding:8px 11px;border:1px solid #e2e8f0;border-radius:7px;font-size:13px;color:#1e293b;background:#f8fafc;box-sizing:border-box;transition:border-color .15s}.at-link-modal-input:focus{outline:none;border-color:#6c5ce7;background:#fff}.at-link-modal-actions{display:flex;align-items:center;gap:8px;justify-content:flex-end;padding-top:2px}.at-link-modal-remove{margin-right:auto;background:none;border:none;color:#ef4444;font-size:12px;font-weight:600;cursor:pointer;padding:0}.at-link-modal-remove:hover{text-decoration:underline}.at-link-modal-cancel{padding:7px 14px;border-radius:7px;border:1px solid #e2e8f0;background:transparent;color:#64748b;font-size:13px;font-weight:600;cursor:pointer}.at-link-modal-cancel:hover{background:#f1f5f9}.at-link-modal-confirm{padding:7px 16px;border-radius:7px;border:none;background:#6c5ce7;color:#fff;font-size:13px;font-weight:600;cursor:pointer}.at-link-modal-confirm:hover{background:#5b4ccc}[data-theme=dark] .at-link-modal{background:#1e1e1e;box-shadow:0 8px 32px #00000080}[data-theme=dark] .at-link-modal-title{color:#e0e0e0}[data-theme=dark] .at-link-modal-label{color:#555}[data-theme=dark] .at-link-modal-input{background:#252525;border-color:#3a3a3a;color:#e0e0e0}[data-theme=dark] .at-link-modal-input:focus{border-color:#a78bfa;background:#2a2a2a}[data-theme=dark] .at-link-modal-cancel{border-color:#3a3a3a;color:#888}[data-theme=dark] .at-link-modal-cancel:hover{background:#252525}.subscriptions-container{display:flex;flex-direction:column;gap:24px;padding:20px}.subscription-tabs{display:flex;gap:2px;border-bottom:1px solid #e8e8e8;padding:10px 0 0;overflow-x:auto;scrollbar-width:none}.subscription-tabs::-webkit-scrollbar{display:none}.subscription-tabs .tab-button{display:flex;align-items:center;gap:6px;padding:9px 16px 10px;border-radius:8px 8px 0 0;border:1px solid transparent;border-bottom:none;background:transparent;color:#888;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background .15s,color .15s;position:relative}.subscription-tabs .tab-button:hover{background:#0000000d;color:#111}.subscription-tabs .tab-button.active{background:#111;border-color:#111;color:#fff;font-weight:700}.subscription-tabs .tab-button.active:after{display:none}.subscription-dashboard{display:flex;flex-direction:column;gap:24px}.plan-overview-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.plan-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px;padding-bottom:20px;border-bottom:1px solid #f0f0f0}.plan-header-left{display:flex;align-items:center;gap:14px}.plan-header-icon{width:44px;height:44px;border-radius:10px;background:#111;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.plan-header-meta{display:flex;flex-direction:column;gap:5px}.plan-header-name{margin:0;font-size:18px;font-weight:700;color:#111;letter-spacing:-.01em}.plan-status-badge{display:inline-block;padding:2px 10px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:#f0f0f0;color:#555;border:1px solid #e0e0e0;width:fit-content}.plan-status-badge.active,.plan-status-badge.trialing{background:#f0f0f0;color:#111;border-color:#d0d0d0}.plan-status-badge.expired,.plan-status-badge.cancelled{background:#fef2f2;color:#dc2626;border-color:#fecaca}.plan-header-right{text-align:right}.plan-header-date-row{display:flex;align-items:center;justify-content:flex-end;gap:5px;font-size:12.5px;color:#888;margin-bottom:4px}.plan-header-date-row svg{color:#aaa;flex-shrink:0}.plan-header-days{margin:0;font-size:13px;font-weight:600;color:#111}.plan-header-days.expired{color:#dc2626}.usage-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:24px}.usage-item{padding:16px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.usage-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.usage-icon{color:#6b7280;font-size:16px}.usage-header span{font-size:14px;font-weight:600;color:#374151}.usage-bar{display:flex;flex-direction:column;gap:8px}.usage-numbers{font-size:12px;color:#6b7280;text-align:right}.progress-bar{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.progress-fill{height:100%;border-radius:4px;transition:all .3s ease}.features-section{margin-bottom:24px}.features-section h4{margin:0 0 16px;font-size:16px;font-weight:600;color:#1f2937}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.feature-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#374151}.feature-check{color:#10b981;font-size:12px}.plan-actions{display:flex;gap:12px;flex-wrap:wrap}.sub-cancel-btn{border-color:#dc2626!important;color:#dc2626!important}.sub-cancel-btn:hover:not(:disabled){background:#fef2f2!important}.upgrade-section{display:flex;flex-direction:column;gap:24px}.upgrade-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.upgrade-header h3{margin:0;font-size:20px;font-weight:600;color:#1f2937}.price-toggle{display:flex;align-items:center;gap:8px}.price-toggle label{font-size:14px;font-weight:500;color:#374151}.price-toggle select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.plan-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:24px;position:relative;transition:all .2s ease}.plan-card:hover,.plan-card.featured{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626}.plan-card.current{border-color:#10b981;background:#f0fdf4}.featured-badge,.current-badge{position:absolute;top:-1px;right:20px;padding:4px 12px;border-radius:0 0 8px 8px;font-size:12px;font-weight:600;color:#fff}.featured-badge{background:#3b82f6}.current-badge{background:#10b981}.plan-header h4{margin:0 0 8px;font-size:18px;font-weight:600;color:#1f2937}.plan-description{margin:0 0 16px;font-size:14px;color:#6b7280;line-height:1.5}.plan-pricing{margin-bottom:20px;padding:16px 0;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb}.plan-features{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.plan-features .feature-item{font-size:13px}.plan-action{margin-top:auto}.billing-section{display:flex;flex-direction:column;gap:20px}.billing-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.billing-header h3{margin:0;font-size:20px;font-weight:600;color:#1f2937}.billing-actions{display:flex;gap:12px}.invoice-number{font-family:monospace;font-size:13px;color:#3b82f6;font-weight:500}.amount{font-weight:600;color:#1f2937}.status-badge{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.status-badge.completed{background:#dcfce7;color:#166534}.status-badge.failed{background:#fee2e2;color:#dc2626}.billing-cycle-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.billing-cycle-badge.monthly{background:#dbeafe;color:#1d4ed8}.billing-cycle-badge.quarterly{background:#fef3c7;color:#d97706}.billing-cycle-badge.yearly{background:#dcfce7;color:#166534}.cycle-icon{font-size:10px}.upgrade-modal{display:flex;flex-direction:column;gap:24px}.modal-header{text-align:center;padding-bottom:20px;border-bottom:1px solid #e5e7eb;position:relative}.header-icon{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;color:#fff;font-size:24px;margin-bottom:16px;box-shadow:0 4px 12px #3b82f64d}.modal-header h2{margin:0 0 8px;font-size:24px;font-weight:700;color:#1f2937;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modal-header p{margin:0;font-size:16px;color:#6b7280;line-height:1.5}.upgrade-details{display:flex;flex-direction:column;gap:24px}.plan-comparison{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:16px;border:1px solid #e2e8f0}.comparison-card{flex:1;background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a;position:relative;border:2px solid transparent;transition:all .3s ease}.current-plan-card{border-color:#10b981}.new-plan-card{border-color:#3b82f6;box-shadow:0 4px 16px #3b82f633}.plan-badge{position:absolute;top:-1px;right:16px;padding:4px 12px;border-radius:0 0 8px 8px;font-size:11px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px}.plan-badge.current{background:linear-gradient(135deg,#10b981,#059669)}.plan-badge.new{background:linear-gradient(135deg,#3b82f6,#2563eb)}.plan-info{margin-bottom:16px}.plan-info h4{margin:0 0 8px;font-size:18px;font-weight:600;color:#1f2937}.plan-price{font-size:20px;font-weight:700;color:#3b82f6}.plan-price span{font-size:14px;font-weight:500;color:#6b7280}.plan-limits{display:flex;flex-direction:column;gap:8px}.limit-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#374151}.limit-icon{color:#6b7280;font-size:16px}.upgrade-arrow{display:flex;flex-direction:column;align-items:center;gap:8px;flex-shrink:0}.arrow-circle{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;color:#fff;font-size:18px;box-shadow:0 4px 12px #3b82f64d;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.upgrade-arrow span{font-size:12px;font-weight:600;color:#3b82f6;text-transform:uppercase;letter-spacing:.5px}.upgrade-benefits{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.benefits-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.benefits-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;color:#fff;font-size:16px}.benefits-header h4{margin:0;font-size:18px;font-weight:600;color:#1f2937}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.benefit-item{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0;transition:all .2s ease}.benefit-item:hover{background:#f1f5f9;border-color:#cbd5e1}.benefit-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:8px;color:#fff;font-size:18px;flex-shrink:0}.benefit-content{display:flex;flex-direction:column;gap:4px}.benefit-title{font-size:14px;font-weight:600;color:#1f2937}.benefit-description{font-size:13px;color:#6b7280;line-height:1.4}.increase{color:#10b981;font-weight:600;margin-left:4px}.billing-note{display:flex;align-items:flex-start;gap:16px;padding:20px;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:12px}.note-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#f59e0b;border-radius:8px;color:#fff;font-size:18px;flex-shrink:0}.note-content{flex:1}.note-content h5{margin:0 0 8px;font-size:16px;font-weight:600;color:#92400e}.note-content p{margin:0;font-size:14px;color:#92400e;line-height:1.5}.note-content strong{font-weight:600}.modal-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:20px;border-top:1px solid #e5e7eb}.upgrade-confirm-btn{background:linear-gradient(135deg,#3b82f6,#8b5cf6)!important;border:none!important;box-shadow:0 4px 12px #3b82f64d;transition:all .2s ease}.upgrade-confirm-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #3b82f666}@media(max-width:768px){.subscriptions-container{padding:16px}.subscription-tabs{flex-wrap:wrap}.tab-button{padding:10px 16px;font-size:13px}.plan-header{flex-direction:column;align-items:flex-start}.billing-info{text-align:left}.usage-stats,.features-grid,.plans-grid{grid-template-columns:1fr}.plan-comparison{flex-direction:column;gap:16px;padding:20px}.upgrade-arrow{order:2}.upgrade-arrow .arrow-circle{transform:rotate(90deg)}.comparison-card{width:100%}.benefits-grid{grid-template-columns:1fr}.billing-note{flex-direction:column;gap:12px}.modal-actions{flex-direction:column}}.billing-detail-modal,.billing-detail-content{display:flex;flex-direction:column;gap:24px}.invoice-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;gap:20px}.invoice-info{flex:1}.invoice-number{display:flex;align-items:center;gap:12px;margin-bottom:16px}.invoice-number h3{margin:0;font-size:20px;font-weight:600;color:#1f2937;font-family:monospace}.billing-cycle-info{margin-bottom:16px}.billing-cycle-info .billing-cycle-badge{font-size:12px;padding:6px 12px}.invoice-dates{display:flex;flex-direction:column;gap:8px}.date-item{display:flex;justify-content:space-between;align-items:center;font-size:14px}.date-label{color:#6b7280;font-weight:500}.date-value{color:#1f2937;font-weight:600}.invoice-amount{text-align:right;padding:16px;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.amount-label{font-size:14px;color:#6b7280;margin-bottom:4px}.amount-value{font-size:24px;font-weight:700;color:#1f2937}.billing-section{background:#fff;border-radius:12px;padding:20px}.billing-section h4{margin:0 0 16px;font-size:16px;font-weight:600;color:#1f2937;padding-bottom:8px;border-bottom:1px solid #e5e7eb}.billing-address{display:flex;flex-direction:column;gap:16px}.address-item{display:flex;align-items:flex-start;gap:12px}.address-icon{color:#6b7280;font-size:16px;margin-top:2px;flex-shrink:0}.address-content{flex:1}.address-name{font-size:16px;font-weight:600;color:#1f2937;margin-bottom:4px}.address-text{font-size:14px;color:#6b7280;line-height:1.5}.contact-info{display:flex;gap:24px;flex-wrap:wrap}.contact-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#374151}.contact-icon{color:#6b7280;font-size:14px}.items-table{display:flex;flex-direction:column;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.items-header{display:grid;grid-template-columns:2fr 1.5fr .5fr 1fr 1fr;gap:16px;padding:12px 16px;background:#f9fafb;border-bottom:1px solid #e5e7eb;font-size:12px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.5px}.items-row{display:grid;grid-template-columns:2fr 1.5fr .5fr 1fr 1fr;gap:16px;padding:16px;border-bottom:1px solid #f3f4f6;font-size:14px}.items-row:last-child{border-bottom:none}.item-description{display:flex;flex-direction:column;gap:4px}.item-name{font-weight:600;color:#1f2937}.item-period{color:#6b7280;font-size:13px}.item-quantity,.item-price,.item-total{color:#374151;font-weight:500}.item-total{font-weight:600;color:#1f2937}.payment-summary{display:flex;flex-direction:column;gap:8px;max-width:300px;margin-left:auto}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:14px}.summary-row.total{border-top:2px solid #e5e7eb;padding-top:12px;margin-top:8px;font-size:16px;font-weight:600}.summary-label{color:#6b7280}.summary-value{color:#1f2937;font-weight:500}.summary-row.total .summary-label,.summary-row.total .summary-value{color:#1f2937;font-weight:700}.payment-info{display:flex;flex-direction:column;gap:16px}.payment-method{display:flex;align-items:center;gap:12px;padding:16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px}.payment-icon{color:#6b7280;font-size:20px}.payment-details{flex:1}.payment-method-name{font-size:14px;font-weight:600;color:#1f2937;margin-bottom:4px}.transaction-id{font-size:12px;color:#6b7280;font-family:monospace}.failure-reason{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:14px}.failure-icon{color:#dc2626;font-size:16px}@media(max-width:480px){.subscriptions-container{padding:12px}.plan-overview-card{padding:16px}.upgrade-header,.billing-header,.payment-header{flex-direction:column;align-items:flex-start}.invoice-header{flex-direction:column;gap:16px}.invoice-amount{text-align:left}.contact-info{flex-direction:column;gap:12px}.items-header,.items-row{grid-template-columns:1fr;gap:8px}.items-header{display:none}.items-row{display:flex;flex-direction:column;gap:8px;padding:16px}.item-description:before{content:"Description: ";font-weight:600;color:#6b7280;font-size:12px;text-transform:uppercase}.item-period:before{content:"Period: ";font-weight:600;color:#6b7280;font-size:12px;text-transform:uppercase}.item-quantity:before{content:"Quantity: ";font-weight:600;color:#6b7280;font-size:12px;text-transform:uppercase}.item-price:before{content:"Unit Price: ";font-weight:600;color:#6b7280;font-size:12px;text-transform:uppercase}.item-total:before{content:"Total: ";font-weight:600;color:#6b7280;font-size:12px;text-transform:uppercase}.payment-summary{max-width:none;margin-left:0}}[data-theme=dark] .subscription-tabs{border-bottom-color:#2a2a2a}[data-theme=dark] .subscription-tabs .tab-button{color:#555}[data-theme=dark] .subscription-tabs .tab-button:hover{background:#ffffff0f;color:#f0f0f0}[data-theme=dark] .subscription-tabs .tab-button.active{background:#f0f0f0;color:#111;border-bottom-color:#f0f0f0}[data-theme=dark] .subscription-tabs .tab-button.active:after{background:#f0f0f0}[data-theme=dark] .plan-overview-card{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .plan-info h3{color:#f0f0f0}[data-theme=dark] .billing-info p{color:#555}[data-theme=dark] .usage-item{background:#252525;border-color:#2a2a2a}[data-theme=dark] .usage-header span{color:#ccc}[data-theme=dark] .usage-numbers{color:#555}[data-theme=dark] .progress-bar{background:#2a2a2a}[data-theme=dark] .features-section h4{color:#e0e0e0}[data-theme=dark] .feature-item{color:#ccc}[data-theme=dark] .upgrade-header h3{color:#f0f0f0}[data-theme=dark] .price-toggle label{color:#888}[data-theme=dark] .price-toggle select{background:#252525;border-color:#3a3a3a;color:#e0e0e0}[data-theme=dark] .plan-card:hover{border-color:#3a3a3a;box-shadow:0 4px 12px #0000004d}[data-theme=dark] .plan-card.featured{border-color:#2563eb}[data-theme=dark] .plan-card.current{background:#052e16;border-color:#166634}[data-theme=dark] .plan-features .feature-item{color:#ccc}[data-theme=dark] .plan-comparison{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .comparison-card{background:#252525;box-shadow:none}[data-theme=dark] .plan-info h4{color:#f0f0f0}[data-theme=dark] .limit-item{color:#ccc}[data-theme=dark] .upgrade-benefits{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .benefits-header h4{color:#e0e0e0}[data-theme=dark] .benefit-item{background:#252525;border-color:#2a2a2a}[data-theme=dark] .benefit-item:hover{background:#2a2a2a;border-color:#3a3a3a}[data-theme=dark] .benefit-title{color:#e0e0e0}[data-theme=dark] .benefit-description{color:#555}[data-theme=dark] .billing-note{background:#1c1200;border-color:#3a2a00}[data-theme=dark] .note-content h5,[data-theme=dark] .note-content p{color:#fcd34d}[data-theme=dark] .amount{color:#e0e0e0}.bd-receipt-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:16px}.bd-receipt-icon-wrap{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.bd-receipt-icon-wrap.success{background:#dcfce7}.bd-receipt-icon-wrap.failed{background:#fee2e2}.bd-receipt-title{margin:0;font-size:18px;font-weight:700;color:#111827}.bd-receipt-id{margin:2px 0 0;font-size:12px;color:#9ca3af}.bd-receipt-status{font-size:12px;font-weight:700;padding:4px 12px;border-radius:20px;display:flex;align-items:center;gap:6px}.bd-receipt-status.success{background:#dcfce7;color:#16a34a}.bd-receipt-status.failed{background:#fee2e2;color:#dc2626}.bd-billed-to{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:14px 18px;margin-bottom:16px}.bd-billed-label{font-size:11px;font-weight:700;color:#9ca3af;text-transform:uppercase;margin:0 0 8px}.bd-billed-name{margin:0 0 3px;font-weight:700;font-size:15px;color:#111827}.bd-billed-addr{margin:0 0 3px;font-size:13px;color:#6b7280}.bd-billed-contacts{display:flex;gap:20px;margin-top:4px;flex-wrap:wrap}.bd-billed-contact{font-size:12px;color:#6b7280;display:flex;align-items:center;gap:5px}.bd-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.bd-detail-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:10px 14px}.bd-detail-label{font-size:11px;font-weight:600;color:#9ca3af;text-transform:uppercase;margin:0 0 4px;display:block}.bd-detail-value{font-size:13px;font-weight:600;color:#374151;margin:0}.bd-payment-method-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:14px 18px;margin-bottom:16px}.bd-payment-method-inner{display:flex;align-items:center;gap:12px}.bd-payment-icon-wrap{width:38px;height:38px;border-radius:8px;background:#eff6ff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.bd-payment-name{margin:0;font-weight:600;font-size:14px;color:#111827}.bd-payment-ref{margin:2px 0 0;font-size:12px;color:#6b7280}.bd-amount-card{border-radius:10px;padding:16px 18px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center}.bd-amount-card.success{background:#f0fdf4;border:1px solid #bbf7d0}.bd-amount-card.failed{background:#fef2f2;border:1px solid #fecaca}.bd-amount-label{font-size:11px;font-weight:700;color:#9ca3af;text-transform:uppercase;margin:0 0 4px}.bd-amount-value{font-size:28px;font-weight:800;margin:0}.bd-amount-value.success{color:#16a34a}.bd-amount-value.failed{color:#dc2626}.bd-currency-label{font-size:11px;color:#9ca3af;margin:0 0 2px;text-align:right}.bd-currency-value{font-size:14px;font-weight:700;color:#374151;margin:0;text-align:right}[data-theme=dark] .bd-billed-to{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .bd-billed-name{color:#f0f0f0}[data-theme=dark] .bd-billed-addr,[data-theme=dark] .bd-billed-contact{color:#555}[data-theme=dark] .bd-detail-card{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .bd-detail-value{color:#ccc}[data-theme=dark] .bd-payment-method-card{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .bd-payment-icon-wrap{background:#1e3a6e}[data-theme=dark] .bd-payment-name{color:#f0f0f0}[data-theme=dark] .bd-payment-ref{color:#555}[data-theme=dark] .bd-receipt-title{color:#f0f0f0}[data-theme=dark] .bd-amount-card.success{background:#052e16;border-color:#166634}[data-theme=dark] .bd-amount-card.failed{background:#2a1a1a;border-color:#5a2a2a}[data-theme=dark] .bd-currency-value{color:#ccc}[data-theme=dark] .billing-section{background:transparent}[data-theme=dark] .billing-section h3{color:#f0f0f0}[data-theme=dark] .billing-header{border-bottom-color:#2a2a2a}.billing-detail-modal{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;background:#fff}.bd-panel-header{position:relative;padding:22px 24px 20px;background:#111;flex-shrink:0;overflow:hidden}.bd-panel-header:before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;border:18px solid rgba(255,255,255,.05);top:-40px;right:-24px;pointer-events:none}.bd-panel-header-deco{position:absolute;width:60px;height:60px;border-radius:50%;border:10px solid rgba(255,255,255,.04);bottom:-20px;left:-12px;pointer-events:none}.bd-panel-header-content{position:relative;z-index:1;display:flex;align-items:flex-start;gap:14px}.bd-panel-header-icon{width:40px;height:40px;border-radius:10px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.bd-panel-header-text h2{margin:0 0 3px;font-size:14px;font-weight:800;color:#fff}.bd-panel-header-text p{margin:0;font-size:12px;color:#ffffff8c}.bd-panel-header-status{margin-left:auto;flex-shrink:0;font-size:10px;font-weight:700;padding:3px 10px;border-radius:10px;display:flex;align-items:center;gap:5px;align-self:flex-start}.bd-panel-header-status.success{background:#4ade8033;color:#4ade80}.bd-panel-header-status.failed{background:#f8717133;color:#f87171}.bd-panel-body{flex:1;min-height:0;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:14px}.bd-panel-body::-webkit-scrollbar{width:3px}.bd-panel-body::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:2px}.bd-panel-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 24px;border-top:1px solid #e8e8e8;background:#f7f7f7;flex-shrink:0}[data-theme=dark] .billing-detail-modal{background:#1a1a1a}[data-theme=dark] .bd-panel-header{background:#0a0a0a}[data-theme=dark] .bd-panel-body{background:#1a1a1a}[data-theme=dark] .bd-panel-body::-webkit-scrollbar-thumb{background:#2a2a2a}[data-theme=dark] .bd-panel-footer{background:#1e1e1e;border-top-color:#2a2a2a}.upgrade-modal{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;background:#fff}.up-panel-header{position:relative;padding:22px 24px 20px;background:#111;flex-shrink:0;overflow:hidden}.up-panel-header:before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;border:18px solid rgba(255,255,255,.05);top:-40px;right:-24px;pointer-events:none}.up-panel-deco{position:absolute;width:60px;height:60px;border-radius:50%;border:10px solid rgba(255,255,255,.04);bottom:-20px;left:-12px;pointer-events:none}.up-panel-header-content{position:relative;z-index:1;display:flex;align-items:flex-start;gap:14px}.up-panel-header-icon{width:40px;height:40px;border-radius:10px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.up-panel-header-text h2{margin:0 0 3px;font-size:14px;font-weight:800;color:#fff}.up-panel-header-text p{margin:0;font-size:12px;color:#ffffff8c}.up-panel-body{flex:1;min-height:0;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:16px}.up-panel-body::-webkit-scrollbar{width:3px}.up-panel-body::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:2px}.up-panel-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 24px;border-top:1px solid #e8e8e8;background:#f7f7f7;flex-shrink:0}.up-comparison{display:flex;align-items:stretch;gap:12px}.up-plan-card{flex:1;background:#f7f7f7;border:1.5px solid #e8e8e8;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:10px;position:relative}.up-plan-card.new{background:#111;border-color:#111}.up-plan-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#888;padding:2px 8px;border-radius:8px;background:#e8e8e8;align-self:flex-start}.up-plan-badge.new{background:#ffffff26;color:#ffffffb3}.up-plan-name{margin:0;font-size:15px;font-weight:800;color:#111}.up-plan-card.new .up-plan-name{color:#fff}.up-plan-price{font-size:13px;color:#ffffffb3}.up-plan-limits{display:flex;flex-direction:column;gap:6px}.up-limit-row{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:#555}.up-plan-card.new .up-limit-row{color:#ffffffb3}.up-arrow{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#888}.up-benefits{background:#f7f7f7;border:1px solid #e8e8e8;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px}.up-benefits-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#888;padding-bottom:8px;border-bottom:1px solid #e8e8e8;display:block}.up-benefits-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.up-benefit-item{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;background:#fff;border:1px solid #e8e8e8;border-radius:8px}.up-benefit-icon{width:30px;height:30px;border-radius:7px;background:#111;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.up-benefit-text{display:flex;flex-direction:column;gap:2px}.up-benefit-title{font-size:12px;font-weight:800;color:#111}.up-benefit-desc{font-size:11px;color:#888}.up-benefit-inc{font-size:11px;font-weight:700;color:#111;margin-left:4px}.up-billing-options{background:#f7f7f7;border:1px solid #e8e8e8;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px}.up-billing-options-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#888;padding-bottom:8px;border-bottom:1px solid #e8e8e8;display:block}.up-billing-fields{display:flex;gap:14px;flex-wrap:wrap}.up-billing-field{display:flex;flex-direction:column;gap:5px}.up-billing-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#888}.up-billing-select,.up-billing-input{padding:8px 10px;border-radius:8px;border:1px solid #e8e8e8;font-size:13px;color:#111;background:#fff;outline:none;transition:border-color .15s;font-family:inherit}.up-billing-select:focus,.up-billing-input:focus{border-color:#111}.up-billing-input{width:80px}.up-payment-summary{background:#111;border-radius:8px;padding:12px 14px;display:flex;flex-direction:column;gap:3px}.up-payment-calc{margin:0;font-size:12px;color:#ffffff8c}.up-payment-total{margin:0;font-size:16px;font-weight:800;color:#fff}.up-billing-note{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:#f7f7f7;border:1px solid #e8e8e8;border-radius:8px;color:#888}.up-billing-note p{margin:0;font-size:12px;color:#555;line-height:1.5}.up-billing-note strong{color:#111;font-weight:700}.plan-card{background:#fff;border:1.5px solid #e8e8e8;border-radius:14px;padding:20px;position:relative;transition:box-shadow .15s,border-color .15s;display:flex;flex-direction:column}.plan-card:hover{border-color:#111;box-shadow:0 4px 16px #00000014}.plan-card.featured{border-color:#111;box-shadow:0 4px 16px #0000001a}.plan-card.current{border-color:#111;background:#f7f7f7}.featured-badge,.current-badge{position:absolute;top:-1px;right:20px;padding:4px 12px;border-radius:0 0 8px 8px;font-size:11px;font-weight:700;color:#fff;background:#111}.plan-header h4{margin:0 0 6px;font-size:16px;font-weight:800;color:#111}.plan-description{margin:0 0 14px;font-size:13px;color:#888;line-height:1.5}.plan-pricing{margin-bottom:16px;padding:12px 0;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8}.plan-features{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}.plan-features .feature-item{font-size:12px;color:#555}.plan-features .feature-check{color:#111}@media(max-width:640px){.up-comparison{flex-direction:column}.up-arrow{transform:rotate(90deg)}.up-benefits-grid{grid-template-columns:1fr}.up-billing-fields{flex-direction:column}}[data-theme=dark] .upgrade-modal{background:#1a1a1a}[data-theme=dark] .up-panel-header{background:#0a0a0a}[data-theme=dark] .up-panel-body{background:#1a1a1a}[data-theme=dark] .up-panel-body::-webkit-scrollbar-thumb{background:#2a2a2a}[data-theme=dark] .up-panel-footer{background:#1e1e1e;border-top-color:#2a2a2a}[data-theme=dark] .up-plan-card{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .up-plan-card.new{background:#f0f0f0;border-color:#f0f0f0}[data-theme=dark] .up-plan-card.new .up-plan-name{color:#111}[data-theme=dark] .up-plan-card.new .up-limit-row{color:#555}[data-theme=dark] .up-plan-card.new .up-plan-badge{background:#0000001a;color:#555}[data-theme=dark] .up-plan-name{color:#f0f0f0}[data-theme=dark] .up-plan-badge{background:#2a2a2a;color:#555}[data-theme=dark] .up-limit-row{color:#888}[data-theme=dark] .up-benefits{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .up-benefits-title{color:#555;border-bottom-color:#2a2a2a}[data-theme=dark] .up-benefit-item{background:#252525;border-color:#3a3a3a}[data-theme=dark] .up-benefit-icon{background:#f0f0f0;color:#111}[data-theme=dark] .up-benefit-title{color:#f0f0f0}[data-theme=dark] .up-benefit-desc{color:#555}[data-theme=dark] .up-benefit-inc{color:#f0f0f0}[data-theme=dark] .up-billing-options{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .up-billing-options-title{color:#555;border-bottom-color:#2a2a2a}[data-theme=dark] .up-billing-label{color:#555}[data-theme=dark] .up-billing-select,[data-theme=dark] .up-billing-input{background:#252525;border-color:#3a3a3a;color:#e0e0e0}[data-theme=dark] .up-billing-select:focus,[data-theme=dark] .up-billing-input:focus{border-color:#f0f0f0}[data-theme=dark] .up-payment-summary{background:#f0f0f0}[data-theme=dark] .up-payment-calc{color:#555}[data-theme=dark] .up-payment-total{color:#111}[data-theme=dark] .up-billing-note{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .up-billing-note p{color:#888}[data-theme=dark] .up-billing-note strong{color:#f0f0f0}[data-theme=dark] .plan-card{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .plan-card:hover,[data-theme=dark] .plan-card.featured{border-color:#f0f0f0}[data-theme=dark] .plan-card.current{background:#252525;border-color:#f0f0f0}[data-theme=dark] .featured-badge,[data-theme=dark] .current-badge{background:#f0f0f0;color:#111}[data-theme=dark] .plan-header h4{color:#f0f0f0}[data-theme=dark] .plan-description{color:#555}[data-theme=dark] .plan-pricing{border-top-color:#2a2a2a;border-bottom-color:#2a2a2a}[data-theme=dark] .plan-features .feature-item{color:#888}[data-theme=dark] .plan-features .feature-check{color:#f0f0f0}.mkml-price-amount{font-size:22px;font-weight:800;color:#111;letter-spacing:-.02em;margin:0 0 2px}.mkml-price-period{font-size:13px;font-weight:500;color:#888;margin-left:2px}.mkml-price-total{font-size:12px;font-weight:600;color:#555;margin:0 0 2px}.mkml-price-desc{font-size:11px;color:#aaa;margin:0}.mkml-plans-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.mkml-plan-card{background:#fff;border:1.5px solid #e8e8e8;border-radius:14px;padding:20px;position:relative;display:flex;flex-direction:column;gap:14px;transition:box-shadow .15s,border-color .15s}.mkml-plan-card:hover{border-color:#111;box-shadow:0 4px 16px #00000014}.mkml-plan-card.featured{border-color:#111;box-shadow:0 4px 16px #0000001a}.mkml-plan-card.current{border-color:#111;background:#f7f7f7}.mkml-featured-badge,.mkml-current-badge{position:absolute;top:-1px;right:20px;padding:4px 12px;border-radius:0 0 8px 8px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:#111;color:#fff}.mkml-current-badge.expired{background:#dc2626}.mkml-plan-header{display:flex;flex-direction:column;gap:4px}.mkml-plan-name{margin:0;font-size:16px;font-weight:800;color:#111;letter-spacing:-.01em}.mkml-plan-desc{margin:0;font-size:12px;color:#888;line-height:1.5}.mkml-plan-pricing{padding:12px 0;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8}.mkml-plan-features{display:flex;flex-direction:column;gap:6px;flex:1}.mkml-feature-item{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:#555}.mkml-feature-icon{width:18px;height:18px;border-radius:4px;background:#f0f0f0;color:#111;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mkml-plan-action{margin-top:auto}.up-plan-price .mkml-price-amount{font-size:16px;color:#ffffffe6}.up-plan-price .mkml-price-period,.up-plan-price .mkml-price-total{color:#ffffff80}.up-plan-price .mkml-price-desc{color:#fff6}@media(max-width:640px){.mkml-plans-grid{grid-template-columns:1fr}}[data-theme=dark] .mkml-price-amount{color:#f0f0f0}[data-theme=dark] .mkml-price-period{color:#555}[data-theme=dark] .mkml-price-total{color:#888}[data-theme=dark] .mkml-price-desc{color:#444}[data-theme=dark] .mkml-plan-card{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .mkml-plan-card:hover,[data-theme=dark] .mkml-plan-card.featured{border-color:#f0f0f0}[data-theme=dark] .mkml-plan-card.current{background:#252525;border-color:#f0f0f0}[data-theme=dark] .mkml-featured-badge,[data-theme=dark] .mkml-current-badge{background:#f0f0f0;color:#111}[data-theme=dark] .mkml-current-badge.expired{background:#dc2626;color:#fff}[data-theme=dark] .mkml-plan-name{color:#f0f0f0}[data-theme=dark] .mkml-plan-desc{color:#555}[data-theme=dark] .mkml-plan-pricing{border-top-color:#2a2a2a;border-bottom-color:#2a2a2a}[data-theme=dark] .mkml-feature-item{color:#888}[data-theme=dark] .mkml-feature-icon{background:#2a2a2a;color:#f0f0f0}.sub-expired-banner,.sub-warning-banner{display:flex;align-items:center;gap:12px;border-radius:10px;padding:14px 18px;margin-bottom:20px}.sub-expired-banner{background:#fef2f2;border:1px solid #fecaca}.sub-warning-banner{background:#fffbeb;border:1px solid #fde68a}.sub-banner-icon{font-size:18px;flex-shrink:0;color:#dc2626}.sub-banner-title{margin:0 0 2px;font-weight:700;font-size:13.5px;color:#dc2626}.sub-banner-title.warning{color:#92400e}.sub-banner-desc{margin:0;font-size:13px;color:#7f1d1d}.sub-banner-desc.warning{color:#78350f}[data-theme=dark] .sub-expired-banner{background:#2a1515;border-color:#4a1f1f}[data-theme=dark] .sub-warning-banner{background:#2a2010;border-color:#4a3a10}[data-theme=dark] .sub-banner-icon,[data-theme=dark] .sub-banner-title{color:#f87171}[data-theme=dark] .sub-banner-title.warning{color:#fbbf24}[data-theme=dark] .sub-banner-desc{color:#fca5a5}[data-theme=dark] .sub-banner-desc.warning{color:#fcd34d}[data-theme=dark] .plan-header{border-bottom-color:#2a2a2a}[data-theme=dark] .plan-header-icon{background:#f0f0f0;color:#111}[data-theme=dark] .plan-header-name{color:#e0e0e0}[data-theme=dark] .plan-status-badge{background:#252525;color:#888;border-color:#3a3a3a}[data-theme=dark] .plan-status-badge.active,[data-theme=dark] .plan-status-badge.trialing{background:#252525;color:#ccc;border-color:#3a3a3a}[data-theme=dark] .plan-status-badge.expired,[data-theme=dark] .plan-status-badge.cancelled{background:#2a1515;color:#f87171;border-color:#4a1f1f}[data-theme=dark] .plan-header-date-row{color:#555}[data-theme=dark] .plan-header-date-row svg{color:#555}[data-theme=dark] .plan-header-days{color:#ccc}[data-theme=dark] .plan-header-days.expired{color:#f87171}.system-settings-container{display:flex;flex-direction:column;gap:24px;padding:20px}.settings-tabs{display:flex;gap:2px;border-bottom:1px solid #e8e8e8;padding:10px 0 0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.settings-tabs::-webkit-scrollbar{display:none}.settings-tabs .tab-button{display:flex;align-items:center;gap:6px;padding:9px 16px 10px;border-radius:8px 8px 0 0;border:1px solid transparent;border-bottom:none;background:transparent;color:#888;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background .15s,color .15s;position:relative}.settings-tabs .tab-button:hover{background:#0000000d;color:#111}.settings-tabs .tab-button.active{background:#111;border-color:#111;color:#fff;font-weight:700}.settings-tabs .tab-button.active:after{display:none}.tab-content{min-height:500px}.settings-section{display:flex;flex-direction:column;gap:24px}.section-header{padding-bottom:16px;border-bottom:1px solid #e5e7eb}.section-header h3{margin:0 0 8px;font-size:20px;font-weight:600;color:#1f2937}.section-header p{margin:0;font-size:14px;color:#6b7280;line-height:1.5}.settings-form{display:flex;flex-direction:column;gap:20px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.checkbox-group{display:flex;flex-direction:column;gap:12px;padding:16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px}.form-actions{display:flex;justify-content:flex-start;gap:12px;padding-top:16px;border-top:1px solid #e5e7eb}.logo-section{display:flex;flex-direction:column;gap:12px}.logo-upload{display:flex;align-items:center;gap:20px}.logo-preview{width:80px;height:80px;border:2px dashed #d1d5db;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#f9fafb}.logo-preview img{width:100%;height:100%;object-fit:contain;border-radius:6px}.logo-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;color:#9ca3af}.logo-placeholder span{font-size:12px}.color-section{display:flex;flex-direction:column;gap:16px}.color-section h4{margin:0;font-size:16px;font-weight:600;color:#1f2937}.color-inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.color-input{display:flex;flex-direction:column;gap:8px}.color-input label{font-size:14px;font-weight:500;color:#374151}.color-picker{display:flex;align-items:center;gap:12px}.color-picker input[type=color]{width:40px;height:40px;border:1px solid #d1d5db;border-radius:6px;cursor:pointer}.color-picker span{font-family:monospace;font-size:14px;color:#6b7280}.security-sections{display:flex;flex-direction:column;gap:24px}.security-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.card-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #f3f4f6}.card-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#f3f4f6;border-radius:8px;color:#6b7280;font-size:18px;flex-shrink:0}.card-header h4{margin:0 0 4px;font-size:18px;font-weight:600;color:#1f2937}.card-header p{margin:0;font-size:14px;color:#6b7280;line-height:1.5}.toggle-section{padding:16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px}.theme-preview{display:flex;flex-direction:column;gap:12px}.theme-preview h4{margin:0;font-size:16px;font-weight:600;color:#1f2937}.theme-selection{display:flex;flex-direction:column;gap:16px}.theme-selection h4{margin:0;font-size:16px;font-weight:600;color:#1f2937}.theme-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.theme-card{position:relative;padding:16px;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:12px}.theme-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626}.theme-card.selected{border-color:#3b82f6;background:#f8faff;box-shadow:0 4px 12px #3b82f626}.theme-preview-mini{width:100%;height:80px;border:1px solid #e5e7eb;border-radius:6px;overflow:hidden;display:flex;flex-direction:column}.theme-preview-mini .preview-header{height:20px;background:#374151}.theme-preview-mini .preview-content{flex:1;display:flex}.theme-preview-mini .preview-sidebar{width:25%;background:#6b7280}.theme-preview-mini .preview-main{flex:1;background:#f9fafb}.light-theme .preview-header{background:#3b82f6!important}.light-theme .preview-sidebar{background:#10b981!important}.light-theme .preview-main{background:#fff!important}.dark-theme .preview-header{background:#1f2937!important}.dark-theme .preview-sidebar{background:#374151!important}.dark-theme .preview-main{background:#111827!important}.auto-theme .preview-header{background:linear-gradient(90deg,#3b82f6 50%,#1f2937 50%)!important}.auto-theme .preview-sidebar{background:linear-gradient(90deg,#10b981 50%,#374151 50%)!important}.auto-theme .preview-main{background:linear-gradient(90deg,#fff 50%,#111827 50%)!important}.theme-info{text-align:center}.theme-info h5{margin:0 0 4px;font-size:14px;font-weight:600;color:#1f2937}.theme-info p{margin:0;font-size:12px;color:#6b7280;line-height:1.4}.selected-indicator{position:absolute;top:8px;right:8px;width:24px;height:24px;background:#3b82f6;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px}.preview-card{width:300px;height:200px;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.preview-header{height:40px;display:flex;align-items:center;padding:0 16px;color:#fff;font-size:14px;font-weight:500}.preview-content{display:flex;height:160px}.preview-sidebar{width:80px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;writing-mode:vertical-rl;text-orientation:mixed}.preview-main{flex:1;display:flex;align-items:center;justify-content:center;background:#f9fafb;color:#6b7280;font-size:14px}.notification-channels,.notification-types{display:flex;flex-direction:column;gap:12px}.notification-channels h4,.notification-types h4{margin:0;font-size:16px;font-weight:600;color:#1f2937}.roles-management{display:flex;flex-direction:column;gap:20px}.roles-header{display:flex;justify-content:flex-end}.role-name-cell{display:flex;align-items:center;gap:8px}.role-name{font-weight:500;color:#1f2937}.system-badge{padding:2px 6px;background:#dbeafe;color:#1e40af;border-radius:10px;font-size:10px;font-weight:500;text-transform:uppercase}.permissions-list{display:flex;flex-wrap:wrap;gap:4px}.permission-tag{padding:2px 6px;background:#f3f4f6;color:#374151;border-radius:10px;font-size:11px;font-weight:500}.more-permissions{padding:2px 6px;background:#e5e7eb;color:#6b7280;border-radius:10px;font-size:11px;font-weight:500}.action-buttons{display:flex;gap:8px}.logs-section{display:flex;flex-direction:column;gap:20px}.logs-header{display:flex;justify-content:flex-end}.backup-section{display:flex;flex-direction:column;gap:20px}.backup-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.backup-card{padding:24px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a}.backup-card h4{margin:0 0 8px;font-size:16px;font-weight:600;color:#1f2937}.backup-card p{margin:0 0 16px;font-size:14px;color:#6b7280;line-height:1.5}.role-modal,.backup-modal{display:flex;flex-direction:column;gap:24px}.modal-header{text-align:center;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.modal-header h2{margin:0 0 8px;font-size:20px;font-weight:600;color:#1f2937}.modal-header p{margin:0;font-size:14px;color:#6b7280}.role-form{display:flex;flex-direction:column;gap:20px}.permissions-section{display:flex;flex-direction:column;gap:12px}.permissions-section h4{margin:0;font-size:16px;font-weight:600;color:#1f2937}.permissions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;padding:16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px}.export-options{display:flex;flex-direction:column;gap:12px}.modal-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:16px;border-top:1px solid #e5e7eb}@media(max-width:768px){.system-settings-container{padding:16px}.settings-tabs{gap:2px}.tab-button{padding:8px 12px;font-size:12px}.form-grid{grid-template-columns:1fr}.logo-upload{flex-direction:column;align-items:flex-start}.color-inputs{grid-template-columns:1fr}.preview-card{width:100%;max-width:300px}.theme-cards{grid-template-columns:1fr}.security-card{padding:16px}.card-header{flex-direction:column;align-items:flex-start;gap:12px}.card-icon{width:32px;height:32px;font-size:16px}.backup-options,.permissions-grid{grid-template-columns:1fr}.modal-actions,.action-buttons{flex-direction:column}}@media(max-width:480px){.system-settings-container{padding:12px}.settings-form{gap:16px}.section-header{padding-bottom:12px}.backup-card{padding:16px}.checkbox-group{padding:12px}.form-actions{flex-direction:column;align-items:stretch}}[data-theme=dark] .system-settings-container{background:transparent}[data-theme=dark] .settings-tabs{border-bottom-color:#2a2a2a}[data-theme=dark] .settings-tabs .tab-button{color:#555}[data-theme=dark] .settings-tabs .tab-button:hover{background:#ffffff0f;color:#f0f0f0}[data-theme=dark] .settings-tabs .tab-button.active{background:#f0f0f0;color:#111;border-bottom-color:#f0f0f0}[data-theme=dark] .settings-tabs .tab-button.active:after{background:#f0f0f0}[data-theme=dark] .section-header{border-bottom-color:#2a2a2a}[data-theme=dark] .section-header h3{color:#f0f0f0}[data-theme=dark] .section-header p{color:#555}[data-theme=dark] .checkbox-group{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .form-actions{border-top-color:#2a2a2a}[data-theme=dark] .security-card{background:#1e1e1e;border-color:#2a2a2a;box-shadow:none}[data-theme=dark] .card-header{border-bottom-color:#2a2a2a}[data-theme=dark] .card-header h4{color:#f0f0f0}[data-theme=dark] .card-header p{color:#555}[data-theme=dark] .card-icon{background:#252525;color:#888}[data-theme=dark] .toggle-section{background:#252525;border-color:#2a2a2a}[data-theme=dark] .theme-selection h4{color:#e0e0e0}[data-theme=dark] .theme-card{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .theme-card:hover{border-color:#3a3a3a}[data-theme=dark] .theme-card.selected{background:#1a2a3a;border-color:#2563eb}[data-theme=dark] .theme-info h5{color:#e0e0e0}[data-theme=dark] .theme-info p{color:#555}[data-theme=dark] .theme-preview-mini{border-color:#2a2a2a}[data-theme=dark] .preview-main{background:#1a1a1a!important;color:#555}[data-theme=dark] .backup-card{background:#1e1e1e;border-color:#2a2a2a;box-shadow:none}[data-theme=dark] .backup-card h4{color:#f0f0f0}[data-theme=dark] .backup-card p{color:#555}[data-theme=dark] .modal-header{border-bottom-color:#2a2a2a}[data-theme=dark] .modal-header h2{color:#f0f0f0}[data-theme=dark] .modal-header p{color:#555}[data-theme=dark] .permissions-grid{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .modal-actions{border-top-color:#2a2a2a}.ss-theme-wrap{display:flex;flex-direction:column;gap:24px}.ss-theme-header{padding-bottom:20px;border-bottom:1px solid #e8e8e8;display:flex;flex-direction:column;gap:3px}.ss-theme-title{margin:0;font-size:20px;font-weight:800;color:#111;letter-spacing:-.02em}.ss-theme-subtitle{margin:0;font-size:12px;color:#888;font-weight:600}.ss-theme-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.ss-theme-card{background:#fff;border:1.5px solid #e8e8e8;border-radius:14px;padding:16px;cursor:pointer;position:relative;display:flex;flex-direction:column;gap:12px;transition:border-color .15s,box-shadow .15s}.ss-theme-card:hover{border-color:#111;box-shadow:0 4px 14px #00000014}.ss-theme-card.selected{border-color:#111;box-shadow:0 4px 14px #0000001a}.ss-theme-check{position:absolute;top:10px;right:10px;width:22px;height:22px;border-radius:50%;background:#111;color:#fff;display:flex;align-items:center;justify-content:center}.ss-theme-card-info{display:flex;flex-direction:column;gap:2px}.ss-theme-card-label{margin:0;font-size:13px;font-weight:800;color:#111}.ss-theme-card-desc{margin:0;font-size:11px;color:#888}.ss-preview-mini{width:100%;height:90px;border-radius:8px;overflow:hidden;border:1px solid #e8e8e8;display:flex;flex-direction:column}.ss-preview-topbar{height:18px;flex-shrink:0}.ss-preview-body{flex:1;display:flex}.ss-preview-sidebar{width:28%;flex-shrink:0}.ss-preview-content{flex:1;padding:6px;display:flex;flex-direction:column;gap:4px}.ss-preview-card{border-radius:4px;height:14px}.ss-preview-card.short{width:60%}.ss-preview-light .ss-preview-topbar{background:#111}.ss-preview-light .ss-preview-sidebar{background:#f0f0f0}.ss-preview-light .ss-preview-content{background:#f5f5f5}.ss-preview-light .ss-preview-card{background:#fff;border:1px solid #e8e8e8}.ss-preview-dark{background:#111;border-color:#2a2a2a}.ss-preview-dark .ss-preview-topbar{background:#0a0a0a}.ss-preview-dark .ss-preview-sidebar{background:#1a1a1a}.ss-preview-dark .ss-preview-content{background:#141414}.ss-preview-dark .ss-preview-card{background:#1e1e1e;border:1px solid #2a2a2a}.ss-preview-auto .ss-preview-topbar{background:linear-gradient(90deg,#111 50%,#0a0a0a 50%)}.ss-preview-auto .ss-preview-sidebar{background:linear-gradient(180deg,#f0f0f0 50%,#1a1a1a 50%)}.ss-preview-auto .ss-preview-content{background:linear-gradient(180deg,#f5f5f5 50%,#141414 50%)}.ss-preview-auto .ss-preview-card{background:linear-gradient(90deg,#fff 50%,#1e1e1e 50%);border:1px solid #e8e8e8}.ss-theme-actions{display:flex}@media(max-width:640px){.ss-theme-cards{grid-template-columns:1fr}}[data-theme=dark] .ss-theme-header{border-bottom-color:#2a2a2a}[data-theme=dark] .ss-theme-title{color:#f0f0f0}[data-theme=dark] .ss-theme-subtitle{color:#555}[data-theme=dark] .ss-theme-card{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .ss-theme-card:hover,[data-theme=dark] .ss-theme-card.selected{border-color:#f0f0f0}[data-theme=dark] .ss-theme-check{background:#f0f0f0;color:#111}[data-theme=dark] .ss-theme-card-label{color:#f0f0f0}[data-theme=dark] .ss-theme-card-desc{color:#555}[data-theme=dark] .ss-preview-mini{border-color:#2a2a2a}[data-theme=dark] .ss-preview-light .ss-preview-content{background:#f5f5f5}.affp-panel.sd-panel{flex:1;min-height:0;height:100%;overflow:hidden}.sd-panel-body.affp-body{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.affp-error{padding:10px 12px;border-radius:10px;background:#fef2f2;border:1px solid #fecaca;color:#991b1b;font-size:13px;flex-shrink:0}.affp-body{gap:16px}.affp-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 0;color:#888;font-size:13px}.affp-spinner{width:28px;height:28px;border:3px solid #e8e8e8;border-top-color:#111;border-radius:50%;animation:affp-spin .8s linear infinite}@keyframes affp-spin{to{transform:rotate(360deg)}}.affp-section{border:1px solid #e8e8e8;border-radius:12px;background:#fff;flex-shrink:0}.affp-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px 14px;background:#f7f7f7;border-bottom:1px solid #e8e8e8}.affp-section-head h4{margin:0 0 2px;font-size:12px;font-weight:800;color:#111;letter-spacing:-.01em}.affp-section-count{font-size:11px;color:#888;font-weight:600}.affp-section-toggle{border:1px solid #e8e8e8;background:#fff;color:#111;font-size:11px;font-weight:700;padding:6px 10px;border-radius:7px;cursor:pointer;white-space:nowrap;transition:border-color .15s,background .15s}.affp-section-toggle:hover{border-color:#111;background:#f0f0f0}.affp-fields{display:flex;flex-direction:column;gap:0}.affp-field{display:flex;align-items:flex-start;gap:12px;padding:11px 14px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background .12s;position:relative}.affp-field:last-child{border-bottom:none}.affp-field:hover{background:#fafafa}.affp-field--on{background:#f7f7f7}.affp-field--locked{cursor:not-allowed;opacity:1}.affp-field--locked:hover{background:#f7f7f7}.affp-field--locked .affp-field-check{opacity:.85}.affp-required-tag{display:inline-block;margin-left:8px;padding:2px 7px;border-radius:99px;background:#111;color:#fff;font-size:9px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;vertical-align:middle}.affp-field input{position:absolute;opacity:0;width:0;height:0}.affp-field-check{width:18px;height:18px;border-radius:5px;border:1.5px solid #d1d5db;background:#fff;flex-shrink:0;margin-top:1px;position:relative;transition:border-color .15s,background .15s}.affp-field--on .affp-field-check{background:#111;border-color:#111}.affp-field--on .affp-field-check:after{content:"";position:absolute;left:5px;top:2px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.affp-field-content strong{display:block;font-size:13px;font-weight:600;color:#111;line-height:1.35}.affp-field-content small{display:inline-block;margin-top:3px;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#888;background:#f0f0f0;padding:2px 7px;border-radius:999px}.affp-field--on .affp-field-content small{background:#e8e8e8;color:#555}[data-theme=dark] .affp-error{background:#ef44441a;border-color:#ef444440;color:#fca5a5}[data-theme=dark] .affp-loading{color:#555}[data-theme=dark] .affp-spinner{border-color:#2a2a2a;border-top-color:#f0f0f0}[data-theme=dark] .affp-section{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .affp-section-head{background:#252525;border-bottom-color:#2a2a2a}[data-theme=dark] .affp-section-head h4{color:#f0f0f0}[data-theme=dark] .affp-section-count{color:#555}[data-theme=dark] .affp-section-toggle{background:#2a2a2a;border-color:#3a3a3a;color:#e0e0e0}[data-theme=dark] .affp-section-toggle:hover{border-color:#f0f0f0;background:#333}[data-theme=dark] .affp-field{border-bottom-color:#2a2a2a}[data-theme=dark] .affp-field:hover{background:#252525}[data-theme=dark] .affp-field--on{background:#222}[data-theme=dark] .affp-field-check{background:#1a1a1a;border-color:#3a3a3a}[data-theme=dark] .affp-field--on .affp-field-check{background:#f0f0f0;border-color:#f0f0f0}[data-theme=dark] .affp-field--on .affp-field-check:after{border-color:#111}[data-theme=dark] .affp-field-content strong{color:#e0e0e0}[data-theme=dark] .affp-field-content small{background:#2a2a2a;color:#666}[data-theme=dark] .affp-field--on .affp-field-content small{background:#333;color:#888}[data-theme=dark] .affp-field--locked:hover{background:#1e1e1e}[data-theme=dark] .affp-required-tag{background:#f0f0f0;color:#111}.sw-wrap{display:flex;flex-direction:column;gap:20px;max-width:100%}.sw-section{background:#fff;border:1px solid #e8e8e8;border-radius:14px;padding:22px 24px;display:flex;flex-direction:column;gap:18px}.sw-section-head{display:flex;align-items:flex-start;gap:14px}.sw-section-head>div:nth-child(2){flex:1;min-width:0}.sw-section-head--app-form>.sw-section-head-actions{flex:0 0 auto}.sw-section-head-main{display:flex;align-items:flex-start;gap:14px;flex:1;min-width:0}.sw-section-head-copy{flex:1;min-width:0}.sw-section-head--app-form{align-items:center}.sw-section-head-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.sw-form-active-toggle{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.sw-form-active-toggle--busy{opacity:.65;pointer-events:none}.sw-form-active-toggle input{position:absolute;opacity:0;width:0;height:0}.sw-form-active-track{width:38px;height:22px;border-radius:999px;background:#d1d5db;position:relative;flex-shrink:0;transition:background .2s}.sw-form-active-thumb{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000026;transition:transform .2s}.sw-form-active-toggle input:checked+.sw-form-active-track{background:#111}.sw-form-active-toggle input:checked+.sw-form-active-track .sw-form-active-thumb{transform:translate(16px)}.sw-form-active-text{font-size:12px;font-weight:700;color:#111}@media(max-width:768px){.sw-section-head--app-form{flex-direction:column;align-items:stretch;gap:14px}.sw-section-head-actions{flex-direction:column;align-items:stretch;width:100%;gap:10px}.sw-section-app-form .sw-form-active-toggle{width:100%;justify-content:space-between;white-space:normal;padding:12px 14px;background:#f7f7f7;border:1px solid #e8e8e8;border-radius:10px}.sw-section-app-form .sw-section-head-actions>button,.sw-section-app-form .sw-section-head-actions>.btn,.sw-section-app-form .sw-section-head-actions>*{width:100%}.sw-section-app-form .sw-link-preview{flex-direction:column;align-items:stretch;gap:12px}.sw-section-app-form .sw-link-preview-left{width:100%}.sw-section-app-form .sw-link-url{white-space:normal;word-break:break-all;line-height:1.4}.sw-section-app-form .sw-link-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}.sw-section-app-form .sw-link-actions .sw-copy-btn,.sw-section-app-form .sw-link-actions .sw-open-btn{width:100%;justify-content:center}}.sw-section-icon{width:36px;height:36px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff}.sw-icon-link{background:#111}.sw-icon-form{background:#1a1a2e}.sw-icon-globe{background:#111}.sw-section-title{margin:0 0 2px;font-size:15px;font-weight:800;color:#111;letter-spacing:-.01em}.sw-section-sub{margin:0;font-size:12px;color:#888;font-weight:500;line-height:1.5}.sw-link-preview{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f7f7f7;border:1px solid #e8e8e8;border-radius:10px}.sw-link-preview-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.sw-link-logo{width:36px;height:36px;border-radius:8px;object-fit:contain;border:1px solid #e8e8e8;flex-shrink:0}.sw-link-logo-placeholder{width:36px;height:36px;border-radius:8px;background:#e8e8e8;border:1px solid #e0e0e0;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;color:#555;flex-shrink:0}.sw-link-info{display:flex;flex-direction:column;min-width:0}.sw-link-name{font-size:13px;font-weight:700;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sw-link-url{font-size:11px;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sw-link-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.sw-copy-btn{display:flex;align-items:center;gap:5px;padding:6px 12px;border-radius:7px;border:1px solid #e8e8e8;background:#fff;color:#555;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s;white-space:nowrap}.sw-copy-btn:hover{background:#f0f0f0;border-color:silver;color:#111}.sw-open-btn{display:flex;align-items:center;gap:5px;padding:6px 12px;border-radius:7px;border:1px solid #111111;background:#111;color:#fff;font-size:12px;font-weight:600;text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap}.sw-open-btn:hover{background:#333;border-color:#333}.sw-website-display{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#f7f7f7;border:1px solid #e8e8e8;border-radius:10px}.sw-website-icon-wrap{width:36px;height:36px;border-radius:9px;background:#f0f0f0;border:1px solid #e8e8e8;display:flex;align-items:center;justify-content:center;color:#555;flex-shrink:0}.sw-website-url-group{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.sw-website-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#aaa}.sw-website-url-link{font-size:13px;font-weight:600;color:#111;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sw-website-url-link:hover{text-decoration:underline}.sw-website-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.sw-empty-website{display:flex;flex-direction:column;align-items:center;gap:8px;padding:28px;border:2px dashed #e8e8e8;border-radius:10px;color:#ccc;text-align:center}.sw-empty-website p{margin:0;font-size:13px;font-weight:600;color:#aaa}.sw-preview-wrap{border:1px solid #e8e8e8;border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.sw-preview-bar{display:flex;align-items:center;gap:10px;padding:9px 14px;background:#f4f4f4;border-bottom:1px solid #e8e8e8;flex-shrink:0}.sw-preview-dots{display:flex;gap:5px;align-items:center;flex-shrink:0}.sw-dot{width:10px;height:10px;border-radius:50%}.sw-dot-r{background:#ff5f57}.sw-dot-y{background:#febc2e}.sw-dot-g{background:#28c840}.sw-preview-addr{flex:1;display:flex;align-items:center;gap:6px;background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:4px 10px;min-width:0;color:#888}.sw-preview-addr span{font-size:11px;color:#555;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:monospace}.sw-preview-open{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;border:1px solid #e0e0e0;background:#fff;color:#555;text-decoration:none;transition:background .15s,border-color .15s,color .15s}.sw-preview-open:hover{background:#111;border-color:#111;color:#fff}.sw-preview-stage{position:relative;height:420px;background:#fafafa;overflow:hidden}.sw-preview-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#fafafa;color:#aaa;font-size:13px}.sw-preview-blocked{color:#888}.sw-preview-blocked-title{margin:0;font-size:14px;font-weight:700;color:#333}.sw-preview-blocked-sub{margin:0;font-size:12px;color:#999;text-align:center;max-width:280px;line-height:1.5}.sw-preview-spinner{width:28px;height:28px;border:2.5px solid #e8e8e8;border-top-color:#111;border-radius:50%;animation:sw-spin .7s linear infinite}@keyframes sw-spin{to{transform:rotate(360deg)}}.sw-preview-iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none;opacity:0;transition:opacity .3s ease;background:#fff}.sw-preview-iframe--visible{opacity:1}[data-theme=dark] .sw-preview-wrap{border-color:#2a2a2a}[data-theme=dark] .sw-preview-bar{background:#222;border-bottom-color:#2a2a2a}[data-theme=dark] .sw-preview-addr{background:#2a2a2a;border-color:#3a3a3a}[data-theme=dark] .sw-preview-addr span{color:#888}[data-theme=dark] .sw-preview-open{background:#2a2a2a;border-color:#3a3a3a;color:#888}[data-theme=dark] .sw-preview-open:hover{background:#f0f0f0;border-color:#f0f0f0;color:#111}[data-theme=dark] .sw-preview-stage,[data-theme=dark] .sw-preview-overlay{background:#1a1a1a}[data-theme=dark] .sw-preview-blocked-title{color:#e0e0e0}[data-theme=dark] .sw-preview-blocked-sub{color:#555}[data-theme=dark] .sw-preview-spinner{border-color:#2a2a2a;border-top-color:#f0f0f0}.sw-edit-actions{display:flex;justify-content:flex-end;gap:10px}.sw-section-request{background:linear-gradient(135deg,#0f0f0f,#1a1a2e);border-color:#2a2a3e;color:#fff;position:relative;overflow:hidden}.sw-section-request:before{content:"";position:absolute;width:200px;height:200px;border-radius:50%;border:28px solid rgba(255,255,255,.03);top:-80px;right:-60px;pointer-events:none}.sw-section-request:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;border:18px solid rgba(255,255,255,.03);bottom:-40px;left:-30px;pointer-events:none}.sw-request-header{display:flex;flex-direction:column;gap:8px;position:relative;z-index:1}.sw-request-title{margin:0;font-size:20px;font-weight:900;color:#fff;letter-spacing:-.02em}.sw-request-desc{margin:0;font-size:13px;color:#ffffff8c;line-height:1.6}.sw-features-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;position:relative;z-index:1}.sw-feature-card{display:flex;align-items:flex-start;gap:10px;padding:14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:10px}.sw-feature-icon{width:36px;height:36px;border-radius:9px;background:#ffffff1a;border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;color:#fffc;flex-shrink:0}.sw-feature-title{margin:0 0 2px;font-size:13px;font-weight:700;color:#fff}.sw-feature-desc{margin:0;font-size:11px;color:#ffffff73;line-height:1.5}.sw-request-cta{display:flex;flex-direction:column;align-items:flex-start;gap:10px;position:relative;z-index:1}.sw-request-note{margin:0;font-size:11px;color:#ffffff59}.sw-requested-state{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.sw-requested-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sw-website-live{display:flex;flex-direction:column;gap:12px;width:100%;position:relative;z-index:1}.sw-website-live-badge{display:flex;align-items:center;gap:8px;padding:11px 16px;border-radius:10px;background:#22c55e24;border:1px solid rgba(34,197,94,.3);color:#86efac;font-size:13px;font-weight:700}.sw-website-live-url{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:10px}.sw-website-live-url>svg{flex-shrink:0;color:#ffffff80}.sw-website-live-link{flex:1;min-width:0;font-size:13px;font-weight:600;color:#fff;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sw-website-live-link:hover{text-decoration:underline;color:#86efac}.sw-website-live-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.sw-section-request .sw-copy-btn{background:#ffffff1a;border-color:#ffffff2e;color:#fffc}.sw-section-request .sw-copy-btn:hover{background:#ffffff2e;border-color:#ffffff4d;color:#fff}.sw-section-request .sw-open-btn{background:#fff;border-color:#fff;color:#111}.sw-section-request .sw-open-btn:hover{background:#e0e0e0;border-color:#e0e0e0;color:#111}.sw-requested-badge{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:10px;background:#22c55e1f;border:1px solid rgba(34,197,94,.25);color:#86efac;font-size:13px;font-weight:700}.sw-cancel-request-btn{display:flex;align-items:center;gap:6px;padding:7px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:#ffffff12;color:#ffffff80;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.sw-cancel-request-btn:hover{background:#ef444426;border-color:#ef444459;color:#fca5a5}.sw-cancel-request-btn:disabled{opacity:.5;cursor:not-allowed}.sw-section-locked{position:relative;overflow:hidden;background:#f9f9f9;border-color:#eee;padding:0;isolation:isolate}.sw-locked-content{padding:20px;display:flex;flex-direction:column;gap:14px;filter:blur(1.5px);opacity:.45;pointer-events:none;-webkit-user-select:none;user-select:none}.sw-locked-inner{display:flex;align-items:flex-start;gap:14px}.sw-locked-icon{width:44px;height:44px;border-radius:12px;background:#f0f0f0;border:1px solid #e8e8e8;display:flex;align-items:center;justify-content:center;color:#bbb;flex-shrink:0}.sw-locked-copy{flex:1;min-width:0}.sw-locked-title{margin:0 0 4px;font-size:14px;font-weight:800;color:#555}.sw-locked-desc{margin:0;font-size:12px;color:#888;line-height:1.5}.sw-locked-pill{flex-shrink:0;padding:4px 10px;border-radius:100px;background:#f0f0f0;border:1px solid #e8e8e8;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#888;white-space:nowrap;align-self:flex-start}.sw-locked-features{display:flex;flex-wrap:wrap;gap:10px 24px}.sw-locked-feature{display:flex;align-items:center;gap:7px;font-size:12px;color:#999;font-weight:500}.sw-locked-dot{width:6px;height:6px;border-radius:50%;background:#d0d0d0;flex-shrink:0}.sw-locked-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;padding:20px 16px;background:#ffffff8c;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.sw-locked-overlay-card{--sw-overlay-bg: linear-gradient(135deg, #0f0f0f 0%, #1a1a2e 100%);--sw-overlay-border: #2a2a3e;--sw-overlay-text: #ffffff;--sw-overlay-muted: rgba(255, 255, 255, .55);--sw-overlay-icon-bg: rgba(255, 255, 255, .1);--sw-overlay-icon-border: rgba(255, 255, 255, .14);--sw-overlay-icon-color: #ffffff;--sw-overlay-shadow: 0 12px 32px rgba(0, 0, 0, .22);position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;max-width:340px;width:100%;padding:22px 18px;border-radius:14px;background:var(--sw-overlay-bg);border:1px solid var(--sw-overlay-border);box-shadow:var(--sw-overlay-shadow);color:var(--sw-overlay-text)}.sw-locked-overlay-card:before{content:"";position:absolute;width:140px;height:140px;border-radius:50%;border:22px solid rgba(255,255,255,.04);top:-60px;right:-50px;pointer-events:none}.sw-locked-overlay-icon{position:relative;z-index:1;width:42px;height:42px;border-radius:12px;background:var(--sw-overlay-icon-bg);border:1px solid var(--sw-overlay-icon-border);display:flex;align-items:center;justify-content:center;color:var(--sw-overlay-icon-color)}.sw-locked-overlay-label{position:relative;z-index:1;margin:0;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--sw-overlay-muted)}.sw-locked-overlay-text{position:relative;z-index:1;margin:0;font-size:14px;font-weight:800;line-height:1.4;letter-spacing:-.01em;color:var(--sw-overlay-text);max-width:260px}@media(max-width:640px){.sw-section{padding:16px}.sw-link-preview{flex-direction:column;align-items:flex-start}.sw-link-actions{width:100%;justify-content:flex-start}.sw-features-grid{grid-template-columns:1fr}.sw-website-display{flex-direction:column;align-items:flex-start}.sw-website-actions{width:100%;justify-content:flex-start}.sw-section-locked{min-height:210px}.sw-locked-content{padding:16px}.sw-locked-inner{flex-direction:column;align-items:stretch;gap:12px}.sw-locked-pill{align-self:flex-start}.sw-locked-features{flex-direction:column;gap:8px}.sw-locked-overlay{padding:16px 12px}.sw-locked-overlay-card{max-width:100%;padding:18px 16px}.sw-locked-overlay-text{font-size:13.5px}}[data-theme=dark] .sw-section{background:#1a1a1a;border-color:#2a2a2a}[data-theme=dark] .sw-section-title{color:#f0f0f0}[data-theme=dark] .sw-section-sub{color:#555}[data-theme=dark] .sw-form-active-text{color:#e0e0e0}[data-theme=dark] .sw-form-active-track{background:#3a3a3a}[data-theme=dark] .sw-form-active-toggle input:checked+.sw-form-active-track{background:#f0f0f0}[data-theme=dark] .sw-form-active-toggle input:checked+.sw-form-active-track .sw-form-active-thumb{background:#111}[data-theme=dark] .sw-link-preview{background:#222;border-color:#2a2a2a}[data-theme=dark] .sw-link-logo{border-color:#3a3a3a}[data-theme=dark] .sw-link-logo-placeholder{background:#2a2a2a;border-color:#3a3a3a;color:#888}[data-theme=dark] .sw-link-name{color:#e0e0e0}[data-theme=dark] .sw-link-url{color:#555}[data-theme=dark] .sw-copy-btn{background:#2a2a2a;border-color:#3a3a3a;color:#888}[data-theme=dark] .sw-copy-btn:hover{background:#333;border-color:#555;color:#e0e0e0}[data-theme=dark] .sw-open-btn{background:#f0f0f0;border-color:#f0f0f0;color:#111}[data-theme=dark] .sw-open-btn:hover{background:#fff;border-color:#fff}[data-theme=dark] .sw-website-display{background:#222;border-color:#2a2a2a}[data-theme=dark] .sw-website-icon-wrap{background:#2a2a2a;border-color:#3a3a3a;color:#888}[data-theme=dark] .sw-website-url-link{color:#e0e0e0}[data-theme=dark] .sw-empty-website{border-color:#2a2a2a}[data-theme=dark] .sw-empty-website p{color:#555}[data-theme=dark] .sw-section-locked{background:#181818;border-color:#2a2a2a}[data-theme=dark] .sw-locked-content{opacity:.35}[data-theme=dark] .sw-locked-icon{background:#222;border-color:#2a2a2a;color:#666}[data-theme=dark] .sw-locked-title{color:#888}[data-theme=dark] .sw-locked-desc{color:#666}[data-theme=dark] .sw-locked-pill{background:#222;border-color:#2a2a2a;color:#777}[data-theme=dark] .sw-locked-feature{color:#666}[data-theme=dark] .sw-locked-dot{background:#444}[data-theme=dark] .sw-locked-overlay{background:#0a0a0a9e}[data-theme=dark] .sw-locked-overlay-card{--sw-overlay-bg: linear-gradient(135deg, #1c1c1c 0%, #242438 100%);--sw-overlay-border: #3a3a4e;--sw-overlay-text: #f5f5f5;--sw-overlay-muted: rgba(255, 255, 255, .5);--sw-overlay-icon-bg: rgba(255, 255, 255, .12);--sw-overlay-icon-border: rgba(255, 255, 255, .18);--sw-overlay-icon-color: #ffffff;--sw-overlay-shadow: 0 14px 36px rgba(0, 0, 0, .5)}[data-theme=dark] .sw-section-app-form .sw-form-active-toggle{background:#222;border-color:#2a2a2a}.sw-section-domain{gap:16px}.sw-domain-nested{margin-top:20px;padding-top:20px;border-top:1px solid #e8e8e8;display:flex;flex-direction:column;gap:16px}.sw-icon-domain{background:#111}.sw-domain-connected{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;flex-wrap:wrap}.sw-domain-connected-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.sw-domain-live-dot{width:9px;height:9px;border-radius:50%;background:#22c55e;box-shadow:0 0 6px #22c55e;flex-shrink:0;animation:sw-pulse-green 2s ease-in-out infinite}@keyframes sw-pulse-green{0%,to{opacity:1}50%{opacity:.4}}.sw-domain-connected-url{margin:0 0 2px;font-size:14px;font-weight:700;color:#111}.sw-domain-connected-sub{margin:0;font-size:11px;color:#16a34a;font-weight:600}.sw-domain-connected-actions{display:flex;align-items:center;gap:8px;flex-shrink:0;flex-wrap:wrap}.sw-domain-pending{display:flex;flex-direction:column;gap:12px;padding:16px;background:#fffbeb;border:1px solid #fde68a;border-radius:10px}.sw-domain-pending-header{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#92400e}.sw-domain-pending-sub{margin:0;font-size:12px;color:#78350f;line-height:1.6}.sw-domain-pending-note{margin:0;font-size:11px;color:#a16207}.sw-domain-pending-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.sw-dns-table{display:flex;flex-direction:column;border:1px solid #fcd34d;border-radius:8px;overflow:hidden;font-size:12px}.sw-dns-row{display:grid;grid-template-columns:70px 80px 1fr;gap:0;padding:8px 12px;border-bottom:1px solid #fde68a;align-items:center}.sw-dns-row:last-child{border-bottom:none}.sw-dns-head{background:#fef3c7;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#92400e}.sw-dns-tag{display:inline-flex;align-items:center;justify-content:center;padding:2px 7px;border-radius:5px;background:#111;color:#fff;font-size:10px;font-weight:700;letter-spacing:.05em;width:fit-content}.sw-dns-mono{font-family:monospace;font-size:12px;color:#374151}.sw-dns-val{color:#111;font-weight:600;word-break:break-all}.sw-domain-verify-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;border:none;background:#111;color:#fff;font-size:12px;font-weight:700;cursor:pointer;transition:opacity .15s}.sw-domain-verify-btn:hover{opacity:.85}.sw-domain-remove-btn{display:inline-flex;align-items:center;padding:8px 14px;border-radius:8px;border:1px solid #e8e8e8;background:transparent;color:#888;font-size:12px;font-weight:600;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.sw-domain-remove-btn:hover{border-color:#fca5a5;color:#ef4444;background:#fff5f5}.sw-domain-form{display:flex;flex-direction:column;gap:8px}.sw-domain-form-hint{margin:0;font-size:11px;color:#aaa}.sw-domain-form-hint code{background:#f4f4f4;border:1px solid #e8e8e8;border-radius:4px;padding:1px 5px;font-size:11px}.sw-domain-form-actions{display:flex;justify-content:flex-end;gap:10px}.sw-domain-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:24px;border:2px dashed #e8e8e8;border-radius:10px;color:#ccc;text-align:center}.sw-domain-empty p{margin:0;font-size:13px;font-weight:600;color:#aaa}.sw-domain-empty-sub{font-size:12px!important;color:#bbb!important;font-weight:400!important}.sw-domain-empty-sub a{color:#888}.sw-domain-empty-sub a:hover{color:#111}[data-theme=dark] .sw-section-domain{background:#1a1a1a;border-color:#2a2a2a}[data-theme=dark] .sw-domain-nested{border-top-color:#2a2a2a}[data-theme=dark] .sw-domain-connected{background:#22c55e12;border-color:#22c55e33}[data-theme=dark] .sw-domain-connected-url{color:#e0e0e0}[data-theme=dark] .sw-domain-pending{background:#fbbf2412;border-color:#fbbf2433}[data-theme=dark] .sw-domain-pending-header{color:#fbbf24}[data-theme=dark] .sw-domain-pending-sub{color:#d97706}[data-theme=dark] .sw-domain-pending-note{color:#b45309}[data-theme=dark] .sw-dns-table{border-color:#fbbf2433}[data-theme=dark] .sw-dns-row{border-color:#fbbf241a}[data-theme=dark] .sw-dns-head{background:#fbbf2414;color:#d97706}[data-theme=dark] .sw-dns-mono{color:#ccc}[data-theme=dark] .sw-dns-val{color:#e0e0e0}[data-theme=dark] .sw-domain-remove-btn{border-color:#2a2a2a;color:#555;background:transparent}[data-theme=dark] .sw-domain-remove-btn:hover{border-color:#ef44444d;color:#f87171;background:#ef444412}[data-theme=dark] .sw-domain-empty{border-color:#2a2a2a}[data-theme=dark] .sw-domain-empty p{color:#444}[data-theme=dark] .sw-domain-empty-sub a{color:#555}.sw-edit-ai-btn:hover{background:#ffffff24;border-color:#ffffff47}.sw-edit-ai-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:#ffffff14;color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:background .15s,border-color .15s;align-self:flex-start}.sw-edit-ai-btn:hover{background:#ffffff24;border-color:#ffffff4d}.sw-edit-ai-desc{margin:0;font-size:12px;color:#ffffff59;line-height:1.6;max-width:480px}.sw-delete-website{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-top:4px;padding:14px 16px;border-radius:10px;border:1px solid rgba(239,68,68,.35);background:#ef444414}.sw-delete-website-copy{min-width:0}.sw-delete-website-title{margin:0 0 4px;font-size:13px;font-weight:700;color:#fecaca}.sw-delete-website-sub{margin:0;font-size:12px;line-height:1.5;color:#ffffff8c}.sw-delete-website-btn{flex-shrink:0;padding:8px 14px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer}.sw-delete-website-btn{border:1px solid rgba(239,68,68,.55);background:#dc2626;color:#fff}.sw-delete-website-btn:hover{background:#b91c1c}.sw-delete-website-btn:disabled{opacity:.55;cursor:not-allowed}.sw-delete-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:24px;background:#0000008c}.sw-delete-dialog{width:min(440px,100%);padding:22px 22px 18px;border-radius:14px;background:#fff;color:#171717;box-shadow:0 18px 50px #00000047}.sw-delete-dialog-title{margin:0 0 8px;font-size:18px;font-weight:700}.sw-delete-dialog-text{margin:0 0 16px;font-size:13px;line-height:1.55;color:#525252}.sw-delete-dialog-label{display:block;margin-bottom:8px;font-size:13px;font-weight:600}.sw-delete-dialog-input{width:100%;box-sizing:border-box;margin-bottom:16px;padding:10px 12px;border:1px solid #d4d4d4;border-radius:8px;background:#fff;color:#171717;font-size:14px}.sw-delete-dialog-input:focus{outline:2px solid #dc2626;border-color:#dc2626}.sw-delete-dialog-actions{display:flex;justify-content:flex-end;gap:8px}.sw-delete-dialog-keep,.sw-delete-dialog-confirm{padding:8px 14px;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer}.sw-delete-dialog-keep{border:1px solid #d4d4d4;background:#fff;color:#404040}.sw-delete-dialog-confirm{border:1px solid #dc2626;background:#dc2626;color:#fff}.sw-delete-dialog-confirm:hover:not(:disabled){background:#b91c1c}.sw-delete-dialog-keep:disabled,.sw-delete-dialog-confirm:disabled{opacity:.5;cursor:not-allowed}[data-theme=dark] .sw-delete-dialog{background:#1a1a1a;color:#f5f5f5}[data-theme=dark] .sw-delete-dialog-text{color:#a3a3a3}[data-theme=dark] .sw-delete-dialog-input{background:#111;border-color:#3a3a3a;color:#f5f5f5}[data-theme=dark] .sw-delete-dialog-keep{background:transparent;border-color:#3a3a3a;color:#e5e5e5}.dashboard-container{background:#fff;padding:24px;width:100%;box-sizing:border-box;position:relative;min-height:100%;overflow:hidden}.dashboard-container:before{content:"";position:absolute;top:-30px;right:-30px;width:160px;height:160px;border-radius:18px;border:3px solid rgba(0,0,0,.06);transform:rotate(18deg);pointer-events:none;z-index:0;box-shadow:-40px 40px 0 0 transparent,-40px 40px 0 3px #0000000a,-80px 80px 0 0 transparent,-80px 80px 0 3px #00000006}.dashboard-container:after{content:"";position:absolute;bottom:0;right:0;width:380px;height:380px;background:radial-gradient(ellipse at bottom right,rgba(0,0,0,.05) 0%,transparent 68%);pointer-events:none;z-index:0}.dashboard-header,.dashboard-grid{position:relative;z-index:1}.dashboard-header{margin-bottom:32px}.dashboard-title{font-size:2rem;font-weight:700;color:#1f2937;margin:0 0 8px}.dashboard-subtitle{color:#6b7280;margin:0;font-size:1rem}.dashboard-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:24px}.card{background:#fff;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d,0 1px 2px #00000008;transition:all .3s cubic-bezier(.4,0,.2,1)}.card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #00000014,0 4px 6px -2px #00000008}.card-content{padding:24px}.card-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 24px}.school-info-card{grid-column:span 8;background:linear-gradient(135deg,#fff,#f3f3f3 40%,#e0e0e0);color:#111;overflow:hidden;position:relative;border:1px solid #d1d1d1;display:flex;flex-direction:column}.school-info-card:before,.school-info-card:after{content:"";position:absolute;border-radius:12px;pointer-events:none}.school-info-card:before{width:90px;height:90px;border:2.5px solid rgba(0,0,0,.1);top:-22px;left:30px;transform:rotate(20deg)}.school-info-card:after{width:70px;height:70px;background:#0000000a;border:2px solid rgba(0,0,0,.08);top:30px;left:80px;transform:rotate(35deg)}.sic-box{position:absolute;border-radius:10px;pointer-events:none}.sic-box-1{width:75px;height:75px;border:2.5px solid rgba(0,0,0,.08);top:-10px;left:140px;transform:rotate(15deg)}.sic-box-2{width:55px;height:55px;background:#0000000a;border:2px solid rgba(0,0,0,.07);top:55px;left:170px;transform:rotate(40deg)}.sic-box-3{width:50px;height:50px;background:#0000000a;border:2px solid rgba(0,0,0,.07);bottom:-10px;left:60px;border-radius:10px;transform:rotate(25deg)}.sic-box-4{width:80px;height:80px;border:2.5px solid rgba(0,0,0,.06);bottom:-25px;left:230px;transform:rotate(50deg);border-radius:14px}.school-info-content{padding:32px 36px;display:flex;align-items:center;justify-content:center;gap:24px;min-height:160px;width:100%}.school-info-left{flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;min-width:0}.school-info-label{font-size:.8rem;font-weight:600;color:#555;text-transform:uppercase;letter-spacing:.08em;margin:0}.school-name{font-size:1.9rem;font-weight:800;color:#111;margin:0;line-height:1.15;word-break:break-word}.school-tagline{color:#444;margin:0;font-size:.95rem;font-style:italic}.school-contact{display:flex;flex-wrap:wrap;gap:8px 14px;font-size:.8rem;color:#666;margin-top:4px}.school-contact .dot{color:#aaa}.edit-school-btn{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:8px 18px;background:linear-gradient(135deg,#222,#444);color:#fff;border:none;border-radius:20px;font-size:.82rem;font-weight:600;cursor:pointer;width:fit-content;box-shadow:0 3px 10px #0003;transition:all .2s ease}.edit-school-btn:hover{background:linear-gradient(135deg,#111,#333);transform:translateY(-1px);box-shadow:0 5px 14px #0000004d}.sic-web-cta{position:relative;z-index:2;display:flex;align-items:center;gap:14px;margin:0 20px 18px;padding:14px 16px;border-radius:14px;border:1px solid transparent;flex-wrap:wrap}.sic-web-cta-icon{flex-shrink:0;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center}.sic-web-cta-copy{flex:1;min-width:160px;display:flex;flex-direction:column;gap:2px}.sic-web-cta-label{margin:0;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;display:inline-flex;align-items:center;gap:6px}.sic-web-cta-title{margin:0;font-size:15px;font-weight:800;line-height:1.25;color:#111}.sic-web-cta-sub{margin:0;font-size:12.5px;line-height:1.4;color:#555}.sic-web-cta-link{font-size:13.5px;font-weight:700;color:#0f766e;text-decoration:none;word-break:break-all}.sic-web-cta-link:hover{text-decoration:underline}.sic-web-cta-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.sic-web-cta-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 14px;border-radius:999px;font-size:12.5px;font-weight:800;cursor:pointer;text-decoration:none;border:none;white-space:nowrap;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.sic-web-cta-btn:hover{transform:translateY(-1px)}.sic-web-cta-btn--solid{background:#111;color:#fff;box-shadow:0 6px 16px #0000002e}.sic-web-cta-btn--solid:hover{background:#000}.sic-web-cta-btn--ghost{background:#ffffffb3;color:#111;border:1px solid rgba(0,0,0,.12)}.sic-web-cta-dot{width:7px;height:7px;border-radius:50%;background:#10b981;box-shadow:0 0 0 3px #10b98140}.sic-web-cta-pulse{width:10px;height:10px;border-radius:50%;background:#999;animation:sic-web-pulse 1.2s ease-in-out infinite}.sic-web-cta-spinner{width:18px;height:18px;border-radius:50%;border:2.5px solid rgba(0,0,0,.12);border-top-color:#111;animation:sic-web-spin .8s linear infinite}@keyframes sic-web-spin{to{transform:rotate(360deg)}}@keyframes sic-web-pulse{0%,to{opacity:.35;transform:scale(.9)}50%{opacity:1;transform:scale(1.05)}}.sic-web-cta--loading{background:#0000000a;border-color:#0000001a;color:#666;font-size:12.5px;font-weight:600}.sic-web-cta--request{background:#111;border-color:#111;color:#fff;box-shadow:0 12px 28px #00000038}.sic-web-cta--request .sic-web-cta-icon{background:#fff;color:#111}.sic-web-cta--request .sic-web-cta-label{color:#ffffff8c}.sic-web-cta--request .sic-web-cta-title{color:#fff}.sic-web-cta--request .sic-web-cta-sub{color:#ffffffb3}.sic-web-cta--request .sic-web-cta-btn--solid{background:#fff;color:#111;box-shadow:none}.sic-web-cta--request .sic-web-cta-btn--solid:hover{background:#f3f3f3;color:#000}.sic-web-cta--processing{background:#f5f5f5;border-color:#111;border-style:dashed}.sic-web-cta--processing .sic-web-cta-icon{background:#111;color:#fff}.sic-web-cta--processing .sic-web-cta-label{color:#111}.sic-web-cta--processing .sic-web-cta-spinner{border-color:#ffffff40;border-top-color:#fff}.sic-web-cta--draft{background:#fff;border-color:#111;border-width:2px}.sic-web-cta--draft .sic-web-cta-icon{background:#111;color:#fff}.sic-web-cta--draft .sic-web-cta-label{color:#111}.sic-web-cta--draft .sic-web-cta-btn--solid{background:#111;color:#fff}.sic-web-cta--draft .sic-web-cta-btn--solid:hover{background:#000}.sic-web-cta--live{background:#111;border-color:#111;color:#fff}.sic-web-cta--live .sic-web-cta-icon{background:#fff;color:#111}.sic-web-cta--live .sic-web-cta-label{color:#ffffff8c}.sic-web-cta--live .sic-web-cta-title{color:#fff}.sic-web-cta--live .sic-web-cta-sub{color:#ffffffb3}.sic-web-cta--live .sic-web-cta-link{color:#fff;text-decoration:underline;text-underline-offset:2px}.sic-web-cta--live .sic-web-cta-dot{background:#fff;box-shadow:0 0 0 3px #ffffff40}.sic-web-cta--live .sic-web-cta-btn--solid{background:#fff;color:#111;box-shadow:none}.sic-web-cta--live .sic-web-cta-btn--solid:hover{background:#f3f3f3}.sic-web-cta--live .sic-web-cta-btn--ghost{background:transparent;color:#fff;border-color:#ffffff59}.sic-web-cta--live .sic-web-cta-btn--ghost:hover{background:#ffffff1a}.sic-web-cta--locked{background:#fff;border-color:#111;border-style:dashed}.sic-web-cta--locked .sic-web-cta-icon{background:#111;color:#fff}.sic-web-cta--locked .sic-web-cta-label{color:#111}.sic-web-cta--locked .sic-web-cta-btn--solid{background:#111;color:#fff}.sic-web-cta--locked .sic-web-cta-btn--solid:hover{background:#000}.school-logo-stack{position:relative;width:210px;height:170px;flex-shrink:0}.logo-card{position:absolute;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;box-shadow:0 8px 24px #0000001f;overflow:hidden}.logo-card-back{width:150px;height:150px;background:transparent;border:2px solid rgba(0,0,0,.15);top:10px;right:0;transform:rotate(8deg);opacity:.5;box-shadow:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.logo-card-front{width:150px;height:150px;background:linear-gradient(135deg,#fff,#eee);bottom:0;left:0;transform:rotate(-4deg);border:2px solid rgba(255,255,255,.9)}.logo-img{width:100px;height:100px;object-fit:contain;border-radius:8px}.logo-placeholder-icon{font-size:52px;color:#00000040}.logo-card-front .logo-placeholder-icon{color:#333}.logo-card-label{font-size:10px;font-weight:700;color:#444;text-transform:uppercase;letter-spacing:.05em}.school-icon{font-size:40px}.edit-button{background:none;border:none;color:#fff;cursor:pointer;padding:8px;border-radius:8px;transition:background-color .2s}.edit-button:hover{background:#ffffff1a}.setup-tasks-card{grid-column:span 4}.setup-tasks-list{display:flex;flex-direction:column;gap:16px}.setup-task{display:flex;align-items:center;gap:16px}.task-indicator{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center}.completed-indicator{background:#10b981}.pending-indicator{border:2px solid #e5e7eb;background:#fff}.task-dot{width:6px;height:6px;background:#fff;border-radius:50%}.completed-text{color:#10b981;text-decoration:line-through}.pending-text{color:#6b7280}.setup-progress{color:#9ca3af;font-size:.75rem;margin:16px 0 0}.stat-card{grid-column:span 3;position:relative;background:#f4f4f4;clip-path:polygon(0% 18%,38% 18%,44% 0%,100% 0%,100% 100%,0% 100%);padding:38px 22px 24px;display:flex;flex-direction:column;gap:6px;min-height:160px;overflow:hidden;cursor:default;box-shadow:0 4px 16px #00000014;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 10px 28px #00000021;background:#ebebeb}.stat-card:before{content:"";position:absolute;width:110px;height:110px;border-radius:50%;border:14px solid rgba(0,0,0,.04);bottom:-28px;right:-18px;pointer-events:none}.stat-card:after{content:"";position:absolute;width:34px;height:34px;border:2px solid rgba(0,0,0,.06);border-radius:6px;bottom:20px;right:54px;transform:rotate(22deg);pointer-events:none}.stat-card-body{display:contents}.stat-card-corner,.stat-card-tab{display:none}.stat-card-icon{font-size:20px;color:#00000059;margin-bottom:8px;display:flex;align-items:center}.stat-card-line{height:1px;background:repeating-linear-gradient(90deg,rgba(0,0,0,.12) 0px,rgba(0,0,0,.12) 6px,transparent 6px,transparent 12px);margin-top:10px}.stat-number{font-size:2.1rem;font-weight:800;color:#111;margin:0;line-height:1.1;letter-spacing:-.02em}.stat-label{color:#666;font-weight:500;margin:0;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}.stat-icon,.students-icon,.staff-icon,.graduates-icon,.admins-icon{display:none}.chart-card{grid-column:span 6}.gender-chart{grid-column:span 4;overflow:hidden;padding:0;display:flex;flex-direction:column}.gender-card-header{padding:18px 22px 14px;background:#f4f4f4;border-bottom:1px solid #e5e7eb;position:relative;overflow:hidden;flex-shrink:0}.gender-card-header:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;border:12px solid rgba(0,0,0,.04);right:-20px;top:-20px;pointer-events:none}.gender-eyebrow{display:flex;align-items:center;gap:7px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#555}.gender-card-body{display:flex;flex-direction:column;flex:1;padding:16px 20px 20px;background-color:#fafafa;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23noise)' opacity='0.08'/%3E%3C/svg%3E");background-repeat:repeat;background-size:180px 180px;gap:14px}.gender-empty{text-align:center;padding:40px;color:#9ca3af;font-size:13px}.gender-donut-wrap{position:relative}.gender-donut-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.gender-donut-total{font-size:1.4rem;font-weight:800;color:#111;line-height:1}.gender-donut-sub{font-size:.62rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#aaa}.gender-bars{display:flex;flex-direction:column;gap:10px}.gender-bar-row{display:flex;flex-direction:column;gap:4px}.gender-bar-meta{display:flex;justify-content:space-between;align-items:center}.gender-bar-name{font-size:.78rem;font-weight:700;color:#111;text-transform:capitalize}.gender-bar-count{font-size:.78rem;font-weight:700;color:#111}.gender-bar-pct{font-weight:500;color:#888;font-size:.72rem}.gender-bar-track{height:7px;background:#e8e8e8;border-radius:4px;overflow:hidden}.gender-bar-fill{height:100%;border-radius:4px;transition:width .6s cubic-bezier(.4,0,.2,1)}.enrollment-chart{grid-column:span 8;overflow:hidden;padding:0;display:flex;flex-direction:column}.enroll-card-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px 14px;background:#f4f4f4;border-bottom:1px solid #e5e7eb;position:relative;overflow:hidden;flex-shrink:0}.enroll-card-header:after{content:"";position:absolute;width:110px;height:110px;border-radius:50%;border:14px solid rgba(0,0,0,.04);right:-28px;top:-28px;pointer-events:none}.enroll-header-left{display:flex;flex-direction:column;gap:2px}.enroll-eyebrow{display:flex;align-items:center;gap:7px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#555}.enroll-header-sub{font-size:.72rem;color:#aaa;margin:0;font-weight:500}.enroll-header-stat{display:flex;flex-direction:column;align-items:flex-end;gap:2px;position:relative;z-index:1}.enroll-total{font-size:1.5rem;font-weight:800;color:#111;line-height:1}.enroll-total-lbl{font-size:.62rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#aaa}.enroll-trend{font-size:.7rem;font-weight:700;padding:2px 7px;border-radius:20px}.enroll-trend.up{background:#f0f0f0;color:#111}.enroll-trend.down{background:#f0f0f0;color:#888}.enroll-card-body{flex:1;padding:16px 12px 12px 4px;background-color:#fafafa;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23noise)' opacity='0.08'/%3E%3C/svg%3E");background-repeat:repeat;background-size:180px 180px}.chart-legend{display:flex;justify-content:center;gap:24px;margin-top:16px}.legend-item{display:flex;align-items:center;gap:8px;font-size:.875rem}.legend-color{width:12px;height:12px;border-radius:50%}.male-color{background:#111}.female-color{background:#888}.income-color{background:#10b981}.expenses-color{background:#f59e0b}.financial-card{grid-column:span 6;overflow:hidden;padding:0;display:flex;flex-direction:column}.financial-card-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px 14px;background:#f4f4f4;border-bottom:1px solid #e5e7eb;position:relative;overflow:hidden;flex-shrink:0}.financial-card-header:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;border:14px solid rgba(0,0,0,.04);right:-24px;top:-24px;pointer-events:none}.financial-header-left{display:flex;flex-direction:column;gap:2px}.financial-eyebrow{display:flex;align-items:center;gap:7px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#555}.financial-header-sub{font-size:.72rem;color:#aaa;margin:0;font-weight:500}.financial-legend{display:flex;gap:14px;position:relative;z-index:1}.fin-legend-item{display:flex;align-items:center;gap:5px;font-size:.72rem;font-weight:600;color:#555}.fin-legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.financial-card-body{flex:1;padding:16px 12px 12px 4px;background-color:#fafafa;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23noise)' opacity='0.08'/%3E%3C/svg%3E");background-repeat:repeat;background-size:180px 180px}.activities-card{grid-column:span 6;overflow:hidden;padding:0;display:flex;flex-direction:column}.activities-card-header{padding:18px 22px 14px;background:#f4f4f4;border-bottom:1px solid #e5e7eb;position:relative;overflow:hidden;flex-shrink:0}.activities-card-header:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;border:14px solid rgba(0,0,0,.04);right:-24px;top:-24px;pointer-events:none}.activities-eyebrow{display:flex;align-items:center;gap:7px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#555}.activities-card-body{flex:1;overflow-y:auto;padding:6px 0;background-color:#fafafa;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23noise)' opacity='0.08'/%3E%3C/svg%3E");background-repeat:repeat;background-size:180px 180px}.activities-empty{text-align:center;padding:32px;color:#9ca3af;font-size:13px}.activities-list{display:flex;flex-direction:column}.activity-row{display:flex;align-items:flex-start;gap:10px;padding:10px 20px}.activity-avatar-initials{width:34px;height:34px;border-radius:50%;background:#111;color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-content{flex:1;min-width:0}.activity-name{margin:0 0 2px;font-size:12px;font-weight:700;color:#111}.activity-desc{margin:0 0 2px;font-size:11px;color:#666;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-time{font-size:10px;color:#aaa}.activity-badge{font-size:10px;background:#f0f0f0;color:#555;padding:2px 8px;border-radius:10px;white-space:nowrap;flex-shrink:0;font-weight:600;border:1px solid #e5e5e5}.activity-divider-line{height:1px;background:#eee;margin:0 20px}.session-status-card{grid-column:span 6;overflow:hidden}.session-status-card .card-content{padding:0;height:100%}.session-inner{display:flex;flex-direction:column;height:100%;width:100%}.session-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 20px;text-align:center;gap:8px}.session-empty-title{font-weight:700;color:#374151;margin:0;font-size:15px}.session-empty-sub{font-size:12px;color:#9ca3af;margin:0}.session-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 22px 16px;background:#f4f4f4;position:relative;overflow:hidden;border-bottom:1px solid #e5e7eb}.session-header:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;border:18px solid rgba(0,0,0,.04);right:-30px;top:-30px;pointer-events:none}.session-header-left{display:flex;flex-direction:column;gap:4px}.session-eyebrow{display:flex;align-items:center;gap:6px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#888}.session-name{font-size:1.4rem;font-weight:800;color:#111;margin:0;line-height:1.2}.session-term{font-size:.8rem;color:#555;font-weight:500}.session-status{display:flex;align-items:center;gap:5px;padding:5px 12px;border-radius:20px;font-size:.75rem;font-weight:600;flex-shrink:0}.session-status.active{background:#111;color:#fff;border:1px solid #111111}.status-icon{font-size:8px}.session-divider{height:1px;background:#e5e7eb}.term-progress{display:flex;flex-direction:column;gap:10px;padding:18px 22px 20px;flex:1;position:relative;background-color:#fafafa;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23noise)' opacity='0.08'/%3E%3C/svg%3E");background-repeat:repeat;background-size:180px 180px}.progress-info{display:flex;justify-content:space-between;align-items:center;font-size:.82rem;font-weight:500;color:#374151}.progress-pct{font-weight:800;font-size:1rem;color:#111}.progress-bar{height:8px;background:#f3f4f6;border-radius:4px;overflow:hidden;border:1px solid #e5e7eb}.progress-fill{height:100%;background:linear-gradient(90deg,#111,#555);border-radius:4px;transition:width .6s cubic-bezier(.4,0,.2,1)}.session-dates{display:flex;justify-content:space-between;font-size:.72rem;color:#9ca3af;font-weight:500}.attendance-card{grid-column:span 6;overflow:hidden}.attendance-card .card-content{padding:0;height:100%}.attendance-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 20px;text-align:center;gap:8px}.attendance-empty-title{font-weight:700;color:#374151;margin:0;font-size:15px}.attendance-empty-sub{font-size:12px;color:#9ca3af;margin:0}.attendance-inner{display:flex;flex-direction:column;height:100%}.attendance-header{padding:18px 22px 14px;background:#f4f4f4;border-bottom:1px solid #e5e7eb;position:relative;overflow:hidden}.attendance-header:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;border:14px solid rgba(0,0,0,.04);right:-24px;top:-24px;pointer-events:none}.attendance-eyebrow{display:flex;align-items:center;gap:6px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#888;margin-bottom:2px}.attendance-date{font-size:.82rem;font-weight:600;color:#111;margin:0}.attendance-body{display:flex;align-items:center;gap:20px;padding:20px 22px;flex:1;background-color:#fafafa;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23noise)' opacity='0.08'/%3E%3C/svg%3E");background-repeat:repeat;background-size:180px 180px}.attendance-bars-wrap{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:8px;flex:1;min-width:0}.attendance-bars{display:flex;align-items:flex-end;gap:12px;height:130px;width:100%;justify-content:center}.att-bar-col{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;max-width:48px}.att-bar-val{font-size:.78rem;font-weight:800;color:#111;line-height:1}.att-bar-track{width:100%;height:90px;background:#eee;border-radius:8px;display:flex;align-items:flex-end;overflow:hidden}.att-bar-fill{width:100%;border-radius:8px;transition:height .6s cubic-bezier(.4,0,.2,1)}.att-bar-fill-0{background:#111}.att-bar-fill-1{background:#888}.att-bar-fill-2{background:#ccc}.att-bar-pct{font-size:.65rem;font-weight:700;color:#555;line-height:1}.att-bar-label{font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#aaa;line-height:1}.att-total-line{font-size:.68rem;color:#aaa;font-weight:500;text-align:center;width:100%}.attendance-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:8px;flex:1}.breakdown-item{position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:10px 12px;border-radius:10px;overflow:hidden;background:#fff;border:1px solid #e8e8e8;min-height:68px}.breakdown-val{font-size:1.6rem;font-weight:800;color:#111;line-height:1;position:relative;z-index:1}.breakdown-label{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#888;margin-top:2px;position:relative;z-index:1}.breakdown-icon{position:absolute;top:8px;right:10px;font-size:22px;opacity:.07;color:#000;z-index:0}.breakdown-item.present{background:#111;border-color:#111}.breakdown-item.present .breakdown-val{color:#fff}.breakdown-item.present .breakdown-label{color:#ffffff8c}.breakdown-item.present .breakdown-icon{color:#fff;opacity:.12}.breakdown-item.absent,.breakdown-item.late{background:#f7f7f7}.breakdown-item.total{background:#f0f0f0;border-color:#ddd}.attendance-chart{margin-top:8px}.attendance-chart h4{font-size:.75rem;color:#6b7280;margin-bottom:8px}.quick-actions-card{grid-column:span 4;max-height:250px}.quick-actions-card .card-content{padding:16px}.quick-actions-card .card-title{margin-bottom:12px;font-size:1rem}.actions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.action-button{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;background:#fff;border:2px solid #f3f4f6;border-radius:8px;cursor:pointer;transition:all .3s ease;text-decoration:none;color:inherit}.action-button:hover{border-color:var(--action-color);transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.action-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--action-color);background:color-mix(in srgb,var(--action-color) 10%,transparent)}.action-label{font-size:.7rem;font-weight:500;text-align:center;color:#374151;line-height:1.2}.applications-card{grid-column:span 6;overflow:hidden;padding:0;display:flex;flex-direction:column;cursor:pointer;transition:box-shadow .2s ease,transform .2s ease}.applications-card:hover{box-shadow:0 8px 24px #00000014;transform:translateY(-1px)}.applications-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px 14px;background:#f4f4f4;border-bottom:1px solid #e5e7eb;position:relative;overflow:hidden;flex-shrink:0}.applications-card-header:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;border:14px solid rgba(0,0,0,.04);right:-24px;top:-24px;pointer-events:none}.applications-eyebrow{display:flex;align-items:center;gap:7px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#555}.applications-link{font-size:11px;font-weight:600;color:#888}.applications-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:12px;flex:1}.applications-hero{display:flex;align-items:center;gap:16px;padding:14px 16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px}.applications-hero-stat{display:flex;flex-direction:column;gap:2px;min-width:0}.applications-hero-val{font-size:1.6rem;font-weight:800;color:#111;line-height:1;letter-spacing:-.02em}.applications-hero-val--muted{font-size:1.25rem;color:#555}.applications-hero-lbl{font-size:11px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.04em}.applications-hero-divider{width:1px;align-self:stretch;background:#e5e7eb;flex-shrink:0}.applications-chart-wrap{width:100%;min-height:120px}.applications-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 16px;gap:8px;color:#9ca3af;font-size:13px;border:1px dashed #e5e7eb;border-radius:12px;background:#fafafa}.events-card{grid-column:span 6;overflow:hidden;padding:0;display:flex;flex-direction:column}.events-card-header{padding:18px 22px 14px;background:#f4f4f4;border-bottom:1px solid #e5e7eb;position:relative;overflow:hidden;flex-shrink:0}.events-card-header:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;border:14px solid rgba(0,0,0,.04);right:-24px;top:-24px;pointer-events:none}.events-eyebrow{display:flex;align-items:center;gap:7px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#555}.events-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;gap:8px;color:#9ca3af;font-size:13px}.events-list{display:flex;flex-direction:column;overflow-y:auto;flex:1;padding:10px 0}.event-item{display:flex;align-items:center;gap:14px;padding:10px 22px;border-left:3px solid transparent;transition:background .18s ease,border-color .18s ease;cursor:default}.event-item:hover{background:#f7f7f7;border-left-color:#111}.event-item-featured{background:#f4f4f4;border-left-color:#111;margin:4px 12px;border-radius:10px;padding:12px 16px}.event-item-featured:hover{background:#ebebeb;border-left-color:#111}.event-date-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;background:#f0f0f0;border:1px solid #e0e0e0;flex-shrink:0}.event-item-featured .event-date-badge{background:#111;border-color:#111}.event-day{font-size:1rem;font-weight:800;color:#111;line-height:1}.event-month{font-size:.6rem;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.04em}.event-item-featured .event-day{color:#fff}.event-item-featured .event-month{color:#ffffffa6}.event-details{flex:1;min-width:0}.event-title{font-size:.88rem;font-weight:700;color:#111;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-item-featured .event-title{color:#111}.event-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.event-time{display:flex;align-items:center;gap:4px;font-size:.72rem;color:#888;font-weight:500}.event-item-featured .event-time{color:#666}.event-type{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:2px 8px;border-radius:20px;background:#eee;color:#555;border:1px solid #e0e0e0}.event-item-featured .event-type{background:#fff;color:#333;border-color:#ddd}.fee-collection-card{grid-column:span 6;overflow:hidden;padding:0;display:flex;flex-direction:column}.fee-card-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px 14px;background:#f4f4f4;border-bottom:1px solid #e5e7eb;position:relative;overflow:hidden;flex-shrink:0}.fee-card-header:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;border:14px solid rgba(0,0,0,.04);right:-24px;top:-24px;pointer-events:none}.fee-eyebrow{display:flex;align-items:center;gap:7px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#555}.fee-range-tabs{display:flex;gap:4px;position:relative;z-index:1}.fee-range-btn{padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;border:1px solid #e0e0e0;background:#fff;color:#888;transition:all .15s}.fee-range-btn.active{background:#111;border-color:#111;color:#fff}.fee-body{display:flex;flex-direction:column;flex:1;padding:18px 22px 16px;background-color:#fafafa;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23noise)' opacity='0.08'/%3E%3C/svg%3E");background-repeat:repeat;background-size:180px 180px;gap:14px}.fee-hero{display:flex;align-items:flex-start;justify-content:space-between}.fee-hero-left{display:flex;flex-direction:column;gap:2px}.fee-hero-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#888;margin:0}.fee-hero-amount{font-size:2rem;font-weight:800;color:#111;margin:0;line-height:1.1;letter-spacing:-.02em}.fee-hero-sub{font-size:.72rem;color:#aaa;margin:0;font-weight:500}.fee-hero-avg{display:flex;flex-direction:column;align-items:flex-end;gap:2px;background:#fff;border:1px solid #e8e8e8;border-radius:10px;padding:8px 12px}.fee-avg-val{font-size:.95rem;font-weight:800;color:#111}.fee-avg-label{font-size:.62rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#aaa}.fee-chart-wrap{padding:4px 0 0}.fee-stats-row{display:flex;align-items:center;background:#fff;border:1px solid #eeeeee;border-radius:10px;overflow:hidden}.fee-stat-tile{flex:1;display:flex;flex-direction:column;align-items:center;padding:10px 8px;gap:2px}.fee-stat-val{font-size:.95rem;font-weight:800;color:#111}.fee-stat-lbl{font-size:.62rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#aaa}.fee-stat-divider{width:1px;height:32px;background:#eee;flex-shrink:0}.fee-summary,.fee-stat,.fee-amount,.fee-label,.fee-percentage,.fee-stats-grid,.fee-stat-item,.fee-progress,.fee-progress-fill,.fee-chart{display:none}.activities-list{display:flex;flex-direction:column;gap:0}.activity-item{display:flex;align-items:center;gap:16px;padding:16px 0;position:relative}.activity-avatar{width:40px;height:40px;border-radius:50%;position:relative}.activity-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.activity-icon{position:absolute;bottom:-2px;right:-2px;width:16px;height:16px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:10px}.activity-content{flex:1;display:flex;align-items:center;justify-content:space-between}.activity-admin{font-weight:500;margin:0 0 4px;font-size:1rem}.activity-action{color:#374151;margin:0 0 4px;font-size:.875rem}.activity-time{color:#9ca3af;font-size:.75rem}.activity-type-badge{background:#f3f4f6;color:#374151;padding:4px 12px;border-radius:16px;font-size:.75rem;text-transform:capitalize}.activity-divider{position:absolute;bottom:0;left:56px;right:0;height:1px;background:#e5e7eb}@media(max-width:1024px){.school-info-card{grid-column:span 12}.school-info-content{flex-direction:row;flex-wrap:wrap}.sic-web-cta{margin:0 14px 14px}.setup-tasks-card{grid-column:span 12}.stat-card{grid-column:span 6}.chart-card,.gender-chart,.enrollment-chart,.financial-card,.activities-card,.session-status-card,.attendance-card,.quick-actions-card,.events-card,.applications-card,.fee-collection-card{grid-column:span 12}}@media(max-width:768px){.dashboard-container{padding:16px}.dashboard-grid{gap:16px}.card-content{padding:16px}.school-info-content{padding:24px}.school-info-content{padding:24px;flex-direction:column;align-items:flex-start}.school-logo-stack{align-self:center}.stat-card{grid-column:span 12}.dashboard-title,.stat-number,.school-name{font-size:1.5rem}.actions-grid{grid-template-columns:repeat(2,1fr);gap:12px}.action-button{padding:16px 12px}.action-icon{width:40px;height:40px;font-size:18px}.action-label{font-size:.8rem}.fee-stats-grid{grid-template-columns:1fr;gap:12px}.session-header{flex-direction:column;gap:16px;align-items:flex-start}.attendance-number{font-size:1.75rem}.fee-amount{font-size:2rem}.attendance-summary{flex-direction:column;gap:12px}.attendance-stat{min-width:auto}}@media(max-width:480px){.dashboard-container{padding:12px}.dashboard-grid{gap:12px}.card-content{padding:12px}.school-info-content{padding:16px}.financial-header{flex-direction:column;align-items:flex-start;gap:16px}.chart-legend,.financial-legend{gap:16px}}*{transition:all .3s cubic-bezier(.4,0,.2,1)}.edit-button:focus{outline:2px solid #3b82f6;outline-offset:2px}.recharts-tooltip-wrapper{border-radius:12px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.recharts-default-tooltip{border-radius:12px;border:none;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tutorial-card{grid-column:span 4;overflow:hidden;padding:0;background-color:#fafafa;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23noise)' opacity='0.08'/%3E%3C/svg%3E");background-repeat:repeat;background-size:180px 180px}@media(max-width:900px){.tutorial-card{grid-column:1 / -1}}.tutorial-main{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:12px 12px 0 0;overflow:hidden;background:#000;margin:0}.tutorial-iframe{width:100%;height:100%;border:none}.tutorial-thumb-wrap{position:relative;width:100%;height:100%}.tutorial-thumb-wrap.anim-next{animation:slideInRight .35s ease}.tutorial-thumb-wrap.anim-prev{animation:slideInLeft .35s ease}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}.tutorial-thumb{width:100%;height:100%;object-fit:cover;display:block}.tutorial-thumb-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000047;display:flex;align-items:center;justify-content:center;transition:background .2s}.tutorial-thumb-overlay:hover{background:#0000006b}.tutorial-play-btn{width:52px;height:52px;border-radius:50%;background:#ff0000e0;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s,background .2s;box-shadow:0 4px 20px #0006}.tutorial-play-btn:hover{transform:scale(1.1);background:red}.tutorial-duration{position:absolute;bottom:8px;right:8px;background:#000000b8;color:#fff;font-size:11px;font-weight:600;padding:2px 6px;border-radius:4px}.tutorial-category-badge{position:absolute;top:8px;left:8px;background:#4f46e5;color:#fff;font-size:10px;font-weight:700;padding:3px 8px;border-radius:20px;text-transform:uppercase;letter-spacing:.5px}.tutorial-body{padding:12px 16px 16px}.tutorial-info{margin-bottom:10px}.tutorial-video-title{margin:0 0 3px;font-size:13px;font-weight:700;color:#111827;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tutorial-video-desc{margin:0;font-size:11px;color:#6b7280;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tutorial-controls{position:absolute;bottom:10px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 10px;z-index:10}.tutorial-nav-btn{width:34px;height:34px;border-radius:8px;border:2px solid rgba(255,255,255,.45);background:#ffffff1f;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:20px;line-height:1;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s,transform .15s;box-shadow:0 2px 8px #00000040}.tutorial-nav-btn:hover{background:#ffffff47;border-color:#ffffffbf;transform:scale(1.08)}.tutorial-dots{display:flex;gap:5px;align-items:center}.tutorial-dot{width:7px;height:7px;border-radius:50%;border:none;background:#ffffff80;cursor:pointer;padding:0;transition:background .2s,transform .2s}.tutorial-dot.active{background:#fff;transform:scale(1.35)}.stats-row{grid-column:1 / -1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;min-width:0;box-sizing:border-box}.stats-row .stat-card{grid-column:auto;min-width:0;box-sizing:border-box}@media(max-width:1100px){.stats-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}}@media(max-width:700px){.stats-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stat-card{min-height:130px;padding:30px 14px 18px}.stat-number{font-size:1.6rem}}@media(max-width:400px){.stats-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat-card{min-height:110px;padding:28px 12px 14px}.stat-number{font-size:1.4rem}.stat-label{font-size:.7rem}}[data-theme=dark] .dashboard-container{background:#141414}[data-theme=dark] .dashboard-container:after{background:radial-gradient(ellipse at bottom right,rgba(255,255,255,.03) 0%,transparent 68%)}[data-theme=dark] .dashboard-title{color:#f0f0f0}[data-theme=dark] .dashboard-subtitle{color:#555}[data-theme=dark] .card{background:#1e1e1e;border-color:#2a2a2a;box-shadow:0 1px 3px #0000004d}[data-theme=dark] .card:hover{box-shadow:0 10px 15px -3px #0006}[data-theme=dark] .card-title{color:#e0e0e0}[data-theme=dark] .school-info-card{background:linear-gradient(135deg,#1e1e1e,#252525 40%,#2a2a2a);border-color:#333}[data-theme=dark] .school-info-label{color:#666}[data-theme=dark] .school-name{color:#f0f0f0}[data-theme=dark] .school-tagline{color:#888}[data-theme=dark] .school-contact{color:#666}[data-theme=dark] .school-contact .dot{color:#444}[data-theme=dark] .edit-school-btn{background:linear-gradient(135deg,#333,#444);box-shadow:0 3px 10px #0006}[data-theme=dark] .sic-web-cta--request{background:#f0f0f0;border-color:#f0f0f0;box-shadow:0 12px 28px #00000073}[data-theme=dark] .sic-web-cta--request .sic-web-cta-title{color:#111}[data-theme=dark] .sic-web-cta--request .sic-web-cta-sub{color:#444}[data-theme=dark] .sic-web-cta--request .sic-web-cta-label{color:#666}[data-theme=dark] .sic-web-cta--request .sic-web-cta-icon,[data-theme=dark] .sic-web-cta--request .sic-web-cta-btn--solid{background:#111;color:#fff}[data-theme=dark] .sic-web-cta--request .sic-web-cta-btn--solid:hover{background:#000}[data-theme=dark] .sic-web-cta--draft .sic-web-cta-title,[data-theme=dark] .sic-web-cta--processing .sic-web-cta-title,[data-theme=dark] .sic-web-cta--live .sic-web-cta-title,[data-theme=dark] .sic-web-cta--locked .sic-web-cta-title{color:#f0f0f0}[data-theme=dark] .sic-web-cta--draft .sic-web-cta-sub,[data-theme=dark] .sic-web-cta--processing .sic-web-cta-sub,[data-theme=dark] .sic-web-cta--locked .sic-web-cta-sub{color:#9ca3af}[data-theme=dark] .sic-web-cta--processing{background:#1a1a1a;border-color:#f0f0f0}[data-theme=dark] .sic-web-cta--processing .sic-web-cta-label{color:#f0f0f0}[data-theme=dark] .sic-web-cta--processing .sic-web-cta-icon{background:#f0f0f0;color:#111}[data-theme=dark] .sic-web-cta--processing .sic-web-cta-spinner{border-color:#00000026;border-top-color:#111}[data-theme=dark] .sic-web-cta--draft{background:#1a1a1a;border-color:#f0f0f0}[data-theme=dark] .sic-web-cta--draft .sic-web-cta-label{color:#f0f0f0}[data-theme=dark] .sic-web-cta--draft .sic-web-cta-icon,[data-theme=dark] .sic-web-cta--draft .sic-web-cta-btn--solid{background:#f0f0f0;color:#111}[data-theme=dark] .sic-web-cta--live{background:#f0f0f0;border-color:#f0f0f0}[data-theme=dark] .sic-web-cta--live .sic-web-cta-label{color:#666}[data-theme=dark] .sic-web-cta--live .sic-web-cta-title,[data-theme=dark] .sic-web-cta--live .sic-web-cta-link{color:#111}[data-theme=dark] .sic-web-cta--live .sic-web-cta-icon{background:#111;color:#fff}[data-theme=dark] .sic-web-cta--live .sic-web-cta-dot{background:#111;box-shadow:0 0 0 3px #0000001f}[data-theme=dark] .sic-web-cta--live .sic-web-cta-btn--solid{background:#111;color:#fff}[data-theme=dark] .sic-web-cta--live .sic-web-cta-btn--ghost{background:transparent;color:#111;border-color:#0003}[data-theme=dark] .sic-web-cta--locked,[data-theme=dark] .sic-web-cta--loading{background:#1a1a1a;border-color:#555;color:#888}[data-theme=dark] .sic-web-cta--locked .sic-web-cta-label{color:#ccc}[data-theme=dark] .sic-web-cta--locked .sic-web-cta-icon,[data-theme=dark] .sic-web-cta--locked .sic-web-cta-btn--solid{background:#f0f0f0;color:#111}[data-theme=dark] .sic-web-cta-btn--ghost{background:#ffffff0f;border-color:#ffffff1f;color:#e5e5e5}[data-theme=dark] .logo-card-front{background:linear-gradient(135deg,#2a2a2a,#333);border-color:#ffffff14}[data-theme=dark] .logo-card-back{border-color:#ffffff1a}[data-theme=dark] .logo-card-front .logo-placeholder-icon{color:#888}[data-theme=dark] .logo-card-label{color:#666}[data-theme=dark] .tutorial-card{background-color:#1e1e1e;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23noise)' opacity='0.12'/%3E%3C/svg%3E")}[data-theme=dark] .tutorial-video-title{color:#e0e0e0}[data-theme=dark] .tutorial-video-desc{color:#666}[data-theme=dark] .tutorial-nav-btn{border-color:#fff3;background:#ffffff14;color:#fff}[data-theme=dark] .stat-card{background:#3a3a3a;box-shadow:0 6px 20px #00000080}[data-theme=dark] .stat-card:hover{background:#444}[data-theme=dark] .stat-number{color:#f0f0f0}[data-theme=dark] .stat-label{color:#666}[data-theme=dark] .stat-card-icon{color:#ffffff59}[data-theme=dark] .session-status-card{border-color:#2a2a2a}[data-theme=dark] .session-header{background:#252525;border-bottom-color:#333}[data-theme=dark] .session-eyebrow{color:#555}[data-theme=dark] .session-name{color:#f0f0f0}[data-theme=dark] .session-term{color:#666}[data-theme=dark] .session-status.active{background:#ffffff14;color:#ccc;border-color:#ffffff1f}[data-theme=dark] .session-divider{background:#2a2a2a}[data-theme=dark] .term-progress{background-color:#1e1e1e}[data-theme=dark] .progress-info{color:#888}[data-theme=dark] .progress-pct{color:#f0f0f0}[data-theme=dark] .progress-bar{background:#2a2a2a;border-color:#333}[data-theme=dark] .progress-fill{background:linear-gradient(90deg,#f0f0f0,#aaa)}[data-theme=dark] .session-dates{color:#555}[data-theme=dark] .session-empty-title{color:#ccc}[data-theme=dark] .session-empty-sub{color:#555}[data-theme=dark] .attendance-card{border-color:#2a2a2a}[data-theme=dark] .attendance-header{background:#252525;border-bottom-color:#333}[data-theme=dark] .attendance-eyebrow{color:#555}[data-theme=dark] .attendance-date{color:#f0f0f0}[data-theme=dark] .attendance-body{background-color:#1e1e1e}[data-theme=dark] .att-bar-track{background:#2a2a2a}[data-theme=dark] .att-bar-fill-0{background:#f0f0f0}[data-theme=dark] .att-bar-fill-1{background:#666}[data-theme=dark] .att-bar-fill-2{background:#3a3a3a}[data-theme=dark] .att-bar-val{color:#f0f0f0}[data-theme=dark] .att-bar-pct{color:#888}[data-theme=dark] .att-bar-label,[data-theme=dark] .att-total-line{color:#555}[data-theme=dark] .breakdown-item{background:#252525;border-color:#333}[data-theme=dark] .breakdown-item.present{background:#2a2a2a;border-color:#3a3a3a}[data-theme=dark] .breakdown-val{color:#f0f0f0}[data-theme=dark] .breakdown-label{color:#666}[data-theme=dark] .breakdown-item.present .breakdown-val{color:#f0f0f0}[data-theme=dark] .breakdown-item.present .breakdown-label{color:#fff6}[data-theme=dark] .applications-card{border-color:#2a2a2a}[data-theme=dark] .applications-card-header{background:#252525;border-bottom-color:#333}[data-theme=dark] .applications-eyebrow{color:#888}[data-theme=dark] .applications-link{color:#666}[data-theme=dark] .applications-hero{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .applications-hero-val{color:#f0f0f0}[data-theme=dark] .applications-hero-val--muted{color:#aaa}[data-theme=dark] .applications-hero-lbl{color:#666}[data-theme=dark] .applications-hero-divider{background:#333}[data-theme=dark] .applications-empty{background:#1e1e1e;border-color:#333;color:#666}[data-theme=dark] .applications-card-header:after{border-color:#ffffff0a}[data-theme=dark] .events-card{border-color:#2a2a2a}[data-theme=dark] .events-card-header{background:#252525;border-bottom-color:#333}[data-theme=dark] .events-eyebrow{color:#555}[data-theme=dark] .events-list{background:#1e1e1e}[data-theme=dark] .event-item:hover{background:#252525;border-left-color:#555}[data-theme=dark] .event-item-featured{background:#2a2a2a;border-left-color:#f0f0f0}[data-theme=dark] .event-item-featured:hover{background:#333}[data-theme=dark] .event-date-badge{background:#2a2a2a;border-color:#3a3a3a}[data-theme=dark] .event-item-featured .event-date-badge{background:#f0f0f0;border-color:#f0f0f0}[data-theme=dark] .event-day{color:#f0f0f0}[data-theme=dark] .event-month{color:#666}[data-theme=dark] .event-item-featured .event-day{color:#111}[data-theme=dark] .event-item-featured .event-month{color:#555}[data-theme=dark] .event-title,[data-theme=dark] .event-item-featured .event-title{color:#e0e0e0}[data-theme=dark] .event-time{color:#555}[data-theme=dark] .event-type{background:#2a2a2a;border-color:#3a3a3a;color:#888}[data-theme=dark] .event-item-featured .event-type{background:#333;border-color:#444;color:#aaa}[data-theme=dark] .fee-collection-card{border-color:#2a2a2a}[data-theme=dark] .fee-card-header{background:#252525;border-bottom-color:#333}[data-theme=dark] .fee-eyebrow{color:#555}[data-theme=dark] .fee-range-btn{background:#2a2a2a;border-color:#3a3a3a;color:#666}[data-theme=dark] .fee-range-btn.active{background:#f0f0f0;border-color:#f0f0f0;color:#111}[data-theme=dark] .fee-body{background-color:#1e1e1e}[data-theme=dark] .fee-hero-label{color:#555}[data-theme=dark] .fee-hero-amount{color:#f0f0f0}[data-theme=dark] .fee-hero-sub{color:#555}[data-theme=dark] .fee-hero-avg{background:#252525;border-color:#333}[data-theme=dark] .fee-avg-val{color:#f0f0f0}[data-theme=dark] .fee-avg-label{color:#555}[data-theme=dark] .fee-stats-row{background:#252525;border-color:#333}[data-theme=dark] .fee-stat-val{color:#f0f0f0}[data-theme=dark] .fee-stat-lbl{color:#555}[data-theme=dark] .fee-stat-divider{background:#333}[data-theme=dark] .gender-chart{border-color:#2a2a2a}[data-theme=dark] .gender-card-header{background:#252525;border-bottom-color:#333}[data-theme=dark] .gender-eyebrow{color:#555}[data-theme=dark] .gender-card-body{background-color:#1e1e1e}[data-theme=dark] .gender-donut-total{color:#f0f0f0}[data-theme=dark] .gender-donut-sub{color:#555}[data-theme=dark] .gender-bar-name,[data-theme=dark] .gender-bar-count{color:#e0e0e0}[data-theme=dark] .gender-bar-pct{color:#555}[data-theme=dark] .gender-bar-track{background:#2a2a2a}[data-theme=dark] .enrollment-chart{border-color:#2a2a2a}[data-theme=dark] .enroll-card-header{background:#252525;border-bottom-color:#333}[data-theme=dark] .enroll-eyebrow,[data-theme=dark] .enroll-header-sub{color:#555}[data-theme=dark] .enroll-total{color:#f0f0f0}[data-theme=dark] .enroll-total-lbl{color:#555}[data-theme=dark] .enroll-trend.up{background:#2a2a2a;color:#aaa}[data-theme=dark] .enroll-trend.down{background:#2a2a2a;color:#666}[data-theme=dark] .enroll-card-body{background-color:#1e1e1e}[data-theme=dark] .financial-card{border-color:#2a2a2a}[data-theme=dark] .financial-card-header{background:#252525;border-bottom-color:#333}[data-theme=dark] .financial-eyebrow,[data-theme=dark] .financial-header-sub{color:#555}[data-theme=dark] .fin-legend-item{color:#888}[data-theme=dark] .financial-card-body{background-color:#1e1e1e}[data-theme=dark] .activities-card{border-color:#2a2a2a}[data-theme=dark] .activities-card-header{background:#252525;border-bottom-color:#333}[data-theme=dark] .activities-eyebrow{color:#555}[data-theme=dark] .activities-card-body{background-color:#1e1e1e}[data-theme=dark] .activity-avatar-initials{background:#f0f0f0;color:#111}[data-theme=dark] .activity-name{color:#e0e0e0}[data-theme=dark] .activity-desc{color:#666}[data-theme=dark] .activity-time{color:#444}[data-theme=dark] .activity-badge{background:#2a2a2a;border-color:#3a3a3a;color:#888}[data-theme=dark] .activity-divider-line{background:#2a2a2a}[data-theme=dark] .dashboard-container:before{border-color:#ffffff14;box-shadow:-40px 40px 0 0 transparent,-40px 40px 0 3px #ffffff0d,-80px 80px 0 0 transparent,-80px 80px 0 3px #ffffff08}[data-theme=dark] .school-info-card:before{border-color:#ffffff14}[data-theme=dark] .school-info-card:after{background:#ffffff08;border-color:#ffffff0f}[data-theme=dark] .sic-box-1{border-color:#ffffff12}[data-theme=dark] .sic-box-2{background:#ffffff08;border-color:#ffffff0f}[data-theme=dark] .sic-box-3{background:#ffffff08;border-color:#ffffff0d}[data-theme=dark] .sic-box-4{border-color:#ffffff0d}[data-theme=dark] .session-header:after{border-color:#ffffff0f}[data-theme=dark] .attendance-header:after{border-color:#ffffff0f}[data-theme=dark] .events-card-header:after{border-color:#ffffff0f}[data-theme=dark] .fee-card-header:after{border-color:#ffffff0f}[data-theme=dark] .gender-card-header:after{border-color:#ffffff0f}[data-theme=dark] .enroll-card-header:after{border-color:#ffffff0f}[data-theme=dark] .financial-card-header:after{border-color:#ffffff0f}[data-theme=dark] .activities-card-header:after{border-color:#ffffff0f}[data-theme=dark] .stat-card:before{border-color:#ffffff0d}[data-theme=dark] .stat-card:after{border-color:#ffffff0f}.nd-page{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.nd-loading{padding:40px;text-align:center;color:#888;font-size:13px}.nd-banner{position:relative;background:#111;padding:22px 28px 20px;flex-shrink:0;overflow:hidden}.nd-banner:before{content:"";position:absolute;width:200px;height:200px;border-radius:50%;border:30px solid rgba(255,255,255,.04);top:-80px;right:-50px;pointer-events:none}.nd-banner-deco{position:absolute;width:80px;height:80px;border-radius:50%;border:14px solid rgba(255,255,255,.03);bottom:-30px;left:-20px;pointer-events:none}.nd-banner-content{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.nd-banner-left{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.nd-back-btn{display:inline-flex;align-items:center;gap:5px;background:none;border:none;color:#ffffff80;cursor:pointer;font-size:12px;font-weight:600;padding:0;transition:color .15s;align-self:flex-start}.nd-back-btn:hover{color:#fff}.nd-banner-title{margin:0;font-size:18px;font-weight:800;color:#fff;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nd-banner-sub{margin:0;font-size:12px;color:#ffffff80;font-weight:500}.nd-tabs-bar{display:flex;background:#fff;border-bottom:1px solid #e8e8e8;padding:0 20px;flex-shrink:0;overflow:hidden;position:relative}.nd-tabs-bar:before{content:"";position:absolute;width:200px;height:200px;border-radius:50%;border:26px solid rgba(0,0,0,.04);top:-60px;right:-40px;pointer-events:none}.nd-tabs-nav{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;position:relative;z-index:1}.nd-tabs-nav::-webkit-scrollbar{display:none}.nd-tab{display:flex;align-items:center;padding:9px 16px 10px;border:1px solid transparent;border-bottom:none;background:transparent;font-size:13px;font-weight:600;color:#888;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background .15s,color .15s}.nd-tab:hover{background:#0000000d}.nd-tab.active{background:#111;border-color:#111;color:#fff;font-weight:700}.nd-content{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;background:#f5f5f5}.nd-info-tab{display:flex;flex-direction:column;gap:16px}.nd-stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.nd-stat-card{background:#f7f7f7;border:1px solid #e8e8e8;border-radius:10px;padding:12px 16px;display:flex;flex-direction:column;gap:4px}.nd-stat-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#aaa}.nd-stat-value{font-size:13px;font-weight:700;color:#111;text-transform:capitalize}.nd-section{background:#fff;border:1px solid #e8e8e8;border-radius:10px;padding:16px 20px;display:flex;flex-direction:column;gap:10px}.nd-section-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#888;padding-bottom:8px;border-bottom:1px solid #f0f0f0;display:block}.nd-content-body{font-size:14px;color:#333;line-height:1.7}.nd-content-body span{background:none!important;color:inherit!important;padding:0!important;border-radius:0!important;font-weight:inherit!important;margin:0!important;display:inline!important}.nd-placeholder-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.nd-placeholder-row{display:flex;gap:8px;font-size:13px;padding:6px 10px;background:#f7f7f7;border-radius:6px}.nd-placeholder-key{color:#888;font-weight:600}.nd-placeholder-val{font-weight:700;color:#111}.nd-channel-badges{display:flex;flex-wrap:wrap;gap:5px;margin-top:2px}.nd-channel-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:6px;font-size:11px;font-weight:700;background:#f0f0f0;color:#111;border:1px solid #e0e0e0}.nd-read-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:10px;font-size:11px;font-weight:700}.nd-read-badge.read{background:#dcfce7;color:#166634}.nd-read-badge.unread{background:#fee2e2;color:#dc2626}.nd-email-cell{display:flex;flex-direction:column;gap:3px}.nd-email-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:10px;font-size:11px;font-weight:700;width:fit-content}.nd-email-badge.sent{background:#dcfce7;color:#166634}.nd-email-badge.not-sent{background:#fef3c7;color:#92400e}.nd-email-badge.na{background:#f4f4f4;color:#888}.nd-email-addr{font-size:11px;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}[data-theme=dark] .nd-email-badge.na{background:#252525;color:#555}[data-theme=dark] .nd-email-addr{color:#555}@media(max-width:768px){.nd-stat-row{grid-template-columns:1fr 1fr}.nd-banner{padding:16px 20px}.nd-banner-title{font-size:15px}}@media(max-width:480px){.nd-stat-row,.nd-placeholder-grid{grid-template-columns:1fr}}[data-theme=dark] .nd-banner{background:#0a0a0a}[data-theme=dark] .nd-tabs-bar{background:#1a1a1a;border-bottom-color:#2a2a2a}[data-theme=dark] .nd-tabs-bar:before{border-color:#ffffff0a}[data-theme=dark] .nd-tab{color:#555}[data-theme=dark] .nd-tab:hover{background:#ffffff0f;color:#f0f0f0}[data-theme=dark] .nd-tab.active{background:#f0f0f0;border-color:#f0f0f0;color:#111}[data-theme=dark] .nd-content{background:#141414}[data-theme=dark] .nd-stat-card{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .nd-stat-value{color:#e0e0e0}[data-theme=dark] .nd-section{background:#1a1a1a;border-color:#2a2a2a}[data-theme=dark] .nd-section-title{color:#555;border-bottom-color:#2a2a2a}[data-theme=dark] .nd-content-body{color:#ccc}[data-theme=dark] .nd-placeholder-row{background:#252525}[data-theme=dark] .nd-placeholder-key{color:#555}[data-theme=dark] .nd-placeholder-val{color:#e0e0e0}[data-theme=dark] .nd-loading{color:#555}[data-theme=dark] .nd-channel-badge{background:#252525;color:#e0e0e0;border-color:#3a3a3a}.aie-root{display:flex;flex-direction:column;height:100vh;width:100vw;background:#0d0d0d;color:#e0e0e0;font-family:Inter,sans-serif;overflow:hidden;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999}.aie-topbar{display:flex;align-items:center;gap:12px;height:52px;padding:0 16px;background:#141414;border-bottom:1px solid #222222;flex-shrink:0;z-index:10}.aie-topbar-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.aie-page-tabs{display:flex;align-items:center;gap:6px;margin-left:8px;padding-left:10px;border-left:1px solid #2a2a2a;overflow-x:auto;max-width:min(420px,40vw);scrollbar-width:thin}.aie-page-tab{display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:5px 10px;border-radius:8px;border:1px solid transparent;background:transparent;color:#888;cursor:pointer;flex-shrink:0;text-align:left}.aie-page-tab:hover{background:#1e1e1e;color:#ddd}.aie-page-tab--active{background:#f0f0f0;border-color:#f0f0f0;color:#111}.aie-page-tab-title{font-size:12px;font-weight:700;line-height:1.2}.aie-page-tab-slug{font-size:10px;opacity:.7;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.aie-back-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;border:1px solid #2a2a2a;background:#1e1e1e;color:#888;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s;white-space:nowrap;text-decoration:none}.aie-back-btn:hover{background:#2a2a2a;border-color:#3a3a3a;color:#e0e0e0}.aie-logo{display:flex;align-items:center;gap:7px;padding-left:4px}.aie-logo-dot{width:22px;height:22px;border-radius:6px;background:linear-gradient(135deg,#6c5ce7,#a29bfe);display:flex;align-items:center;justify-content:center;flex-shrink:0}.aie-logo-text{font-size:13px;font-weight:800;color:#fff;letter-spacing:-.02em}.aie-site-name{font-size:13px;font-weight:600;color:#555;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.aie-site-name:before{content:"/";margin-right:8px;color:#333}.aie-save-status{display:flex;align-items:center;gap:5px;font-size:11px;color:#555;font-weight:500;white-space:nowrap}.aie-save-dot{width:6px;height:6px;border-radius:50%;background:#555;transition:background .3s}.aie-save-dot--saved{background:#22c55e}.aie-save-dot--saving{background:#f59e0b;animation:aie-pulse 1s ease-in-out infinite}.aie-save-dot--unsaved{background:#f59e0b}@keyframes aie-pulse{0%,to{opacity:1}50%{opacity:.3}}.aie-topbar-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.aie-token-badge{display:flex;align-items:center;gap:6px;padding:5px 12px;border-radius:8px;border:1px solid #2a2a2a;background:#1a1a1a;cursor:pointer;transition:background .15s,border-color .15s;font-size:12px;font-weight:700;color:#e0e0e0;white-space:nowrap}.aie-token-badge:hover{background:#222;border-color:#3a3a3a}.aie-token-icon{color:#a29bfe}.aie-token-count{color:#fff}.aie-token-label{color:#555;font-weight:500}.aie-history-btns{display:flex;gap:2px}.aie-icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:1px solid #2a2a2a;background:#1a1a1a;color:#666;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.aie-icon-btn:hover:not(:disabled){background:#2a2a2a;border-color:#3a3a3a;color:#e0e0e0}.aie-icon-btn:disabled{opacity:.35;cursor:not-allowed}.aie-reset-btn{display:flex;align-items:center;gap:6px;padding:6px 13px;border-radius:8px;border:1px solid #3a2a2a;background:#1e1414;color:#f87171;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s;white-space:nowrap}.aie-reset-btn:hover:not(:disabled){background:#2a1414;border-color:#f87171;color:#fca5a5}.aie-publish-btn{display:flex;align-items:center;gap:7px;padding:7px 18px;border-radius:9px;border:none;background:#fff;color:#111;font-size:13px;font-weight:700;cursor:pointer;transition:background .15s,opacity .15s;white-space:nowrap}.aie-publish-btn:hover:not(:disabled){background:#e8e8e8}.aie-publish-btn:disabled{opacity:.5;cursor:not-allowed}.aie-publish-spinner{width:14px;height:14px;border:2px solid rgba(0,0,0,.2);border-top-color:#111;border-radius:50%;animation:aie-spin .7s linear infinite}@keyframes aie-spin{to{transform:rotate(360deg)}}.aie-body{display:flex;flex:1;overflow:hidden}.aie-left{width:360px;min-width:300px;max-width:500px;display:flex;flex-direction:column;background:#141414;border-right:1px solid #222222;flex-shrink:0;overflow:hidden}.aie-panel-tabs{display:flex;gap:0;background:#0d0d0d;border-bottom:1px solid #222222;flex-shrink:0}.aie-panel-tab{display:flex;align-items:center;gap:6px;padding:11px 16px;font-size:12px;font-weight:600;color:#555;cursor:pointer;border:none;background:transparent;border-bottom:2px solid transparent;transition:color .15s,border-color .15s;white-space:nowrap}.aie-panel-tab:hover{color:#aaa}.aie-panel-tab--active{color:#e0e0e0;border-bottom-color:#6c5ce7}.aie-chat{display:flex;flex-direction:column;flex:1;overflow:hidden}.aie-chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;scrollbar-width:thin;scrollbar-color:#2a2a2a transparent}.aie-chat-messages::-webkit-scrollbar{width:4px}.aie-chat-messages::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:2px}.aie-welcome{display:flex;flex-direction:column;align-items:center;gap:10px;padding:32px 16px;text-align:center;color:#444}.aie-welcome-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#2d2a4a,#1e1a3a);border:1px solid #3a3360;display:flex;align-items:center;justify-content:center;color:#a29bfe}.aie-welcome h3{margin:0;font-size:14px;font-weight:700;color:#888}.aie-welcome p{margin:0;font-size:12px;line-height:1.6;color:#444;max-width:220px}.aie-suggestions{display:flex;flex-direction:column;gap:6px;width:100%;max-width:260px;margin-top:4px}.aie-suggestion-chip{padding:8px 12px;border-radius:8px;border:1px solid #2a2a2a;background:#1a1a1a;color:#888;font-size:11px;font-weight:600;cursor:pointer;text-align:left;transition:background .15s,border-color .15s,color .15s;line-height:1.4}.aie-suggestion-chip:hover{background:#222;border-color:#6c5ce7;color:#c4b5fd}.aie-msg{display:flex;flex-direction:column;gap:4px;max-width:100%}.aie-msg--user{align-items:flex-end}.aie-msg--ai{align-items:flex-start}.aie-msg-bubble{padding:10px 13px;border-radius:12px;font-size:13px;line-height:1.6;max-width:90%}.aie-msg--user .aie-msg-bubble{background:#6c5ce7;color:#fff;border-bottom-right-radius:4px}.aie-msg--ai .aie-msg-bubble{background:#1e1e1e;color:#ccc;border:1px solid #2a2a2a;border-bottom-left-radius:4px}.aie-msg--error .aie-msg-bubble{background:#1a1010;color:#fecaca;border:2px solid #ef4444;border-bottom-left-radius:4px}.aie-msg-meta{font-size:10px;color:#444;padding:0 4px}.aie-typing{display:flex;align-items:center;gap:4px;padding:10px 13px;background:#1e1e1e;border:1px solid #2a2a2a;border-radius:12px 12px 12px 4px;width:fit-content}.aie-typing span{width:6px;height:6px;border-radius:50%;background:#555;animation:aie-bounce 1.2s ease-in-out infinite}.aie-typing span:nth-child(2){animation-delay:.2s}.aie-typing span:nth-child(3){animation-delay:.4s}@keyframes aie-bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}}.aie-chat-input-wrap{padding:12px 14px 10px;border-top:1px solid #1e1e1e;background:#141414;flex-shrink:0;overflow:hidden}.aie-no-token-banner{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:9px;border:1px solid rgba(251,191,36,.25);background:#fbbf2412;color:#fbbf24;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s;margin-bottom:10px}.aie-no-token-banner:hover{background:#fbbf241f}.aie-no-token-banner span:last-child{margin-left:auto;font-size:11px;color:#d97706;text-decoration:underline}.aie-chat-input-row{display:flex;align-items:flex-end;gap:8px}.aie-chat-textarea{flex:1;resize:none;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:10px;padding:10px 12px;font-size:13px;color:#e0e0e0;font-family:Inter,sans-serif;line-height:1.5;min-height:42px;max-height:120px;outline:none;transition:border-color .15s}.aie-chat-textarea:focus{border-color:#6c5ce7}.aie-chat-textarea::placeholder{color:#444}.aie-send-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;border:none;background:#6c5ce7;color:#fff;cursor:pointer;transition:background .15s,opacity .15s;flex-shrink:0}.aie-send-btn:hover:not(:disabled){background:#7c6cf7}.aie-send-btn:disabled{opacity:.4;cursor:not-allowed}.aie-input-hint{display:flex;align-items:center;justify-content:space-between;margin-top:6px}.aie-input-hint-text{font-size:10px;color:#444}.aie-token-cost{display:flex;align-items:center;gap:4px;font-size:10px;color:#555;font-weight:600}.aie-code-panel{display:flex;flex-direction:column;flex:1;overflow:hidden}.aie-code-toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;border-bottom:1px solid #222222;flex-shrink:0}.aie-code-toolbar-left{display:flex;align-items:center;gap:8px}.aie-code-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#555}.aie-code-lang{padding:2px 8px;border-radius:5px;background:#1e1e1e;border:1px solid #2a2a2a;font-size:10px;font-weight:700;color:#6c5ce7;text-transform:uppercase;letter-spacing:.05em}.aie-code-copy-btn{display:flex;align-items:center;gap:5px;padding:5px 10px;border-radius:7px;border:1px solid #2a2a2a;background:#1a1a1a;color:#666;font-size:11px;font-weight:600;cursor:pointer;transition:background .15s,color .15s}.aie-code-copy-btn:hover{background:#2a2a2a;color:#ccc}.aie-code-editor{flex:1;overflow-y:auto;padding:0;scrollbar-width:thin;scrollbar-color:#2a2a2a transparent}.aie-code-editor::-webkit-scrollbar{width:4px}.aie-code-editor::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:2px}.aie-code-textarea{width:100%;height:100%;min-height:400px;background:#0d0d0d;border:none;outline:none;padding:16px;font-family:Fira Code,Cascadia Code,Consolas,monospace;font-size:12px;line-height:1.7;color:#e0e0e0;resize:none;box-sizing:border-box;-moz-tab-size:2;tab-size:2}.aie-right{flex:1;display:flex;flex-direction:column;background:#111;overflow:hidden;min-width:0}.aie-preview-bar{display:flex;align-items:center;gap:10px;padding:8px 14px;background:#141414;border-bottom:1px solid #222222;flex-shrink:0}.aie-preview-dots{display:flex;gap:5px;align-items:center;flex-shrink:0}.aie-dot{width:10px;height:10px;border-radius:50%}.aie-dot-r{background:#ff5f57}.aie-dot-y{background:#febc2e}.aie-dot-g{background:#28c840}.aie-preview-addr{flex:1;display:flex;align-items:center;gap:6px;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:7px;padding:5px 10px;min-width:0}.aie-preview-addr span{font-size:11px;color:#555;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:monospace}.aie-preview-refresh{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:7px;border:1px solid #2a2a2a;background:#1a1a1a;color:#555;cursor:pointer;transition:background .15s,color .15s;flex-shrink:0}.aie-preview-refresh:hover{background:#2a2a2a;color:#e0e0e0}.aie-zoom{position:relative;display:flex;align-items:center;gap:2px;flex-shrink:0}.aie-zoom-btn,.aie-zoom-pct{display:flex;align-items:center;justify-content:center;height:28px;border-radius:7px;border:1px solid #2a2a2a;background:#1a1a1a;color:#888;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.aie-zoom-btn{width:28px;padding:0}.aie-zoom-btn:hover:not(:disabled),.aie-zoom-pct:hover{background:#2a2a2a;color:#e0e0e0}.aie-zoom-btn:disabled{opacity:.35;cursor:default}.aie-zoom-pct{min-width:48px;padding:0 8px;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;color:#ccc}.aie-zoom-menu{position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);min-width:88px;max-height:260px;overflow-y:auto;padding:4px;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;box-shadow:0 8px 24px #00000073;z-index:20}.aie-zoom-option{display:block;width:100%;padding:6px 10px;border:none;border-radius:5px;background:transparent;color:#ccc;font-size:12px;font-weight:600;text-align:left;cursor:pointer}.aie-zoom-option:hover{background:#252525;color:#f0f0f0}.aie-zoom-option--active{background:#6c5ce729;color:#c4b5fd}.aie-device-btns{display:flex;gap:2px;flex-shrink:0}.aie-device-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:7px;border:1px solid #2a2a2a;background:#1a1a1a;color:#555;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.aie-device-btn:hover{background:#2a2a2a;color:#ccc}.aie-device-btn--active{background:#2a2a2a;border-color:#6c5ce7;color:#a29bfe}.aie-preview-stage{flex:1;overflow:auto;background:#1a1a1a;display:flex;padding:0}.aie-preview-stage--desktop{align-items:stretch;justify-content:stretch}.aie-preview-stage--desktop .aie-preview-frame--desktop{flex:1;border-radius:0;box-shadow:none}.aie-preview-stage--tablet,.aie-preview-stage--mobile{align-items:flex-start;justify-content:center;padding:24px 16px 40px}.aie-preview-frame--desktop{width:100%;background:transparent;overflow:hidden;flex-shrink:0}.aie-preview-frame--tablet{width:768px;height:1024px;background:transparent;border-radius:12px;overflow:hidden;box-shadow:0 8px 48px #000000b3;flex-shrink:0;border:8px solid #2a2a2a}.aie-preview-frame--mobile{width:375px;height:812px;background:transparent;border-radius:16px;overflow:hidden;box-shadow:0 8px 48px #000000b3;flex-shrink:0;border:8px solid #2a2a2a}.aie-preview-iframe{width:100%;height:100%;border:none;display:block;background:transparent;color-scheme:normal}.aie-preview-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#333;text-align:center;padding:60px 20px;width:100%}.aie-preview-empty svg{opacity:.3}.aie-preview-empty p{margin:0;font-size:13px;font-weight:600;color:#333}.aie-preview-empty span{font-size:12px;color:#2a2a2a}.aie-resize-handle{width:4px;background:transparent;cursor:col-resize;flex-shrink:0;transition:background .15s;position:relative}.aie-resize-handle:hover,.aie-resize-handle--dragging{background:#6c5ce7}.aie-selected-el-chip{display:flex;align-items:center;gap:8px;padding:8px 10px;margin-bottom:8px;background:#6c5ce71a;border:1px solid rgba(108,92,231,.35);border-radius:10px;animation:aie-chip-in .18s ease}@keyframes aie-chip-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.aie-sel-icon{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;background:#6c5ce733;color:#a29bfe;flex-shrink:0}.aie-sel-info{display:flex;flex-direction:column;flex:1;min-width:0;gap:1px}.aie-sel-label{font-size:11px;font-weight:700;color:#a29bfe;font-family:monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aie-sel-text{font-size:10px;color:#555;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.aie-sel-clear{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:5px;border:none;background:transparent;color:#444;cursor:pointer;flex-shrink:0;transition:background .12s,color .12s;padding:0}.aie-sel-clear:hover{background:#ef444426;color:#f87171}.aie-msg--user .aie-msg-bubble .aie-msg-target-tag{display:inline-flex;align-items:center;gap:4px;padding:1px 6px;margin-right:5px;border-radius:5px;background:#fff3;font-size:10px;font-weight:700;font-family:monospace;letter-spacing:.03em;vertical-align:middle}.aie-cursor-mode-badge{display:flex;align-items:center;gap:5px;padding:4px 10px;border-radius:7px;background:#6c5ce724;border:1px solid rgba(108,92,231,.3);color:#a29bfe;font-size:11px;font-weight:600;white-space:nowrap;flex-shrink:0;animation:aie-badge-in .2s ease}@keyframes aie-badge-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.aie-model-picker{display:flex;align-items:center;gap:8px;padding:8px 0;margin-bottom:8px;border-bottom:1px solid #1e1e1e;flex-shrink:0;min-width:0}.aie-model-picker-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#3a3a3a;white-space:nowrap;flex-shrink:0}.aie-model-chips{display:flex;flex-wrap:wrap;gap:5px;min-width:0}.aie-model-chip{padding:4px 10px;border-radius:100px;border:1px solid #2a2a2a;background:transparent;color:#555;font-size:11px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s;white-space:nowrap;line-height:1.4}.aie-model-chip:hover:not(:disabled){border-color:#6c5ce7;color:#a29bfe;background:#6c5ce714}.aie-model-chip--active{background:#6c5ce726;border-color:#6c5ce780;color:#a29bfe}.aie-model-chip:disabled{opacity:.4;cursor:not-allowed}.aie-topbar-divider{width:1px;height:20px;background:#2a2a2a;flex-shrink:0}.aie-topbar-center{display:flex;align-items:center;gap:8px}.aie-mode-toggle{display:flex;align-items:center;gap:2px;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:9px;padding:3px}.aie-mode-btn{display:flex;align-items:center;gap:5px;padding:5px 13px;border-radius:7px;border:none;background:transparent;color:#666;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s,color .15s;white-space:nowrap}.aie-mode-btn:hover{color:#ccc}.aie-mode-btn--active{background:#2a2a2a;color:#fff}.aie-mode-btn--active:first-child{background:#6c5ce733;color:#a29bfe}.aie-view-toggle{display:flex;align-items:center;gap:2px;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:9px;padding:3px}.aie-view-btn{display:flex;align-items:center;gap:5px;padding:5px 13px;border-radius:7px;border:none;background:transparent;color:#666;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s,color .15s;white-space:nowrap}.aie-view-btn:hover{color:#ccc}.aie-view-btn--active{background:#2a2a2a;color:#fff}.manual-panel-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:32px 24px;text-align:center;color:#444}.manual-panel-empty__icon{width:56px;height:56px;border-radius:14px;background:#1a1a1a;border:1px solid #2a2a2a;display:flex;align-items:center;justify-content:center;color:#3a3a3a}.manual-panel-empty__title{margin:0;font-size:14px;font-weight:700;color:#666}.manual-panel-empty__desc{margin:0;font-size:12px;line-height:1.7;color:#3a3a3a}.aie-body--manual{padding:0}.manual-layout{display:flex;flex:1;width:100%;height:100%;overflow:hidden}.manual-layout__preview{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.manual-layout__preview .aie-right{flex:1;height:100%}.manual-side-panel{width:260px;min-width:220px;max-width:320px;flex-shrink:0;display:flex;flex-direction:column;background:#141414;overflow:hidden}.manual-side-panel--left{border-right:1px solid #222222}.manual-side-panel--right{border-left:1px solid #222222}.manual-side-panel__header{display:flex;align-items:center;height:40px;padding:0 14px;border-bottom:1px solid #222222;flex-shrink:0}.manual-side-panel__title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#555}.manual-side-panel__empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px 20px;text-align:center}.manual-side-panel__empty-icon{width:52px;height:52px;border-radius:14px;background:#1a1a1a;border:1px solid #2a2a2a;display:flex;align-items:center;justify-content:center;color:#333;flex-shrink:0}.manual-side-panel__empty-title{margin:0;font-size:13px;font-weight:700;color:#555}.manual-side-panel__empty-desc{margin:0;font-size:11px;line-height:1.7;color:#333}.msp-tabs{display:flex;gap:0;background:#0d0d0d;border-bottom:1px solid #222222;flex-shrink:0;align-items:stretch}.msp-icon-btn{display:flex;align-items:center;justify-content:center;width:36px;min-width:36px;margin-left:auto;padding:0;border:none;border-left:1px solid #222222;background:transparent;color:#666;cursor:pointer;transition:color .15s,background .15s}.msp-icon-btn:hover{color:#e0e0e0;background:#1a1a1a}.msp-content{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#2a2a2a transparent}.msp-content::-webkit-scrollbar{width:4px}.msp-content::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:2px}.msp-content>.mrp-style-tab,.msp-content>.mrp-section-body{flex:1;min-height:0}.msp-tab{display:flex;align-items:center;gap:6px;padding:10px 16px;font-size:12px;font-weight:600;color:#555;cursor:pointer;border:none;background:transparent;border-bottom:2px solid transparent;transition:color .15s,border-color .15s;white-space:nowrap}.msp-tab:hover{color:#aaa}.msp-tab--active{color:#e0e0e0;border-bottom-color:#6c5ce7}.lt-root{padding:6px 0;-webkit-user-select:none;user-select:none}.lt-empty{padding:24px 14px;font-size:12px;color:#444;text-align:center}.lt-node{display:flex;flex-direction:column}.lt-node-row{display:flex;align-items:center;gap:5px;padding-top:3px;padding-bottom:3px;padding-right:10px;cursor:grab;border-radius:0;transition:background .1s;min-height:26px;position:relative;overflow:visible}.lt-node-row:active{cursor:grabbing}.lt-node-row:hover{background:#1e1e1e}.lt-node-row--selected{background:#6c5ce71f!important}.lt-node-row--selected .lt-node-label,.lt-node-row--selected .lt-node-icon{color:#a29bfe}.lt-node-row--selected:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:#6c5ce7;border-radius:0 2px 2px 0}.lt-node-toggle{display:flex;align-items:center;justify-content:center;width:14px;height:14px;flex-shrink:0;color:#444;border-radius:3px;transition:color .15s;cursor:pointer}.lt-node-toggle:hover{color:#888}.lt-node-toggle--leaf{pointer-events:none;cursor:default}.lt-node-dot{width:4px;height:4px;border-radius:50%;background:#333;display:block;margin:auto}.lt-node-icon{display:flex;align-items:center;flex-shrink:0;color:#555;transition:color .15s}.lt-node-row:hover .lt-node-icon{color:#888}.lt-node-label{font-size:12px;font-weight:600;color:#ccc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0;max-width:90px}.lt-node-hint{font-size:10px;font-weight:600;color:#3a3a6a;background:#6c5ce71a;padding:1px 5px;border-radius:4px;font-family:monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:55px;flex-shrink:1}.lt-node-preview{font-size:10px;color:#3a3a3a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.lt-node-children{display:flex;flex-direction:column}.lt-node-actions{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:3px;z-index:10;background:#1e1e1e;border-radius:6px;padding:1px 2px}.lt-action-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:5px;border:none;cursor:pointer;transition:background .12s,color .12s;flex-shrink:0}.lt-action-btn--add{background:#6c5ce726;color:#a29bfe}.lt-action-btn--add:hover{background:#6c5ce74d;color:#c4b5fd}.lt-action-btn--delete{background:#ef44441a;color:#f87171}.lt-action-btn--delete:hover{background:#ef444440;color:#fca5a5}.lt-action-btn--duplicate{background:#14b8a61a;color:#2dd4bf}.lt-action-btn--duplicate:hover{background:#14b8a640;color:#5eead4}.lt-add-wrap{position:relative}.lt-add-dropdown{z-index:9999;width:200px;background:#1e1e1e;border:1px solid #2a2a2a;border-radius:10px;box-shadow:0 8px 32px #000000a6;overflow-y:auto;max-height:320px;padding:6px 0;scrollbar-width:thin;scrollbar-color:#2a2a2a transparent;animation:lt-dd-in .12s ease}@keyframes lt-dd-in{0%{opacity:0;transform:translateY(-4px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.lt-add-dropdown::-webkit-scrollbar{width:4px}.lt-add-dropdown::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:2px}.lt-action-btn--add-open{background:#6c5ce740!important;color:#a29bfe!important}.lt-add-group{padding:0 0 4px}.lt-add-group-label{display:block;padding:6px 12px 4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#444}.lt-add-option{display:flex;align-items:center;gap:8px;width:100%;padding:7px 12px;background:transparent;border:none;cursor:pointer;font-size:12px;font-weight:600;color:#aaa;text-align:left;transition:background .1s,color .1s}.lt-add-option:hover{background:#6c5ce71f;color:#e0e0e0}.lt-add-option-icon{display:flex;align-items:center;color:#555;flex-shrink:0}.lt-add-option:hover .lt-add-option-icon{color:#a29bfe}.lt-node-row--dragging{opacity:.35;background:#1a1a1a!important}.lt-node-row--drop-before{box-shadow:inset 0 2px #6c5ce7}.lt-node-row--drop-after{box-shadow:inset 0 -2px #6c5ce7}.lt-node-row--drop-inside{outline:1.5px solid #6c5ce7;outline-offset:-1px;background:#6c5ce714!important}.mrp-root.manual-side-panel--right{width:280px;min-width:240px;max-width:340px;height:100%;min-height:0}.mrp-header{height:auto;min-height:40px;padding:8px 14px;gap:6px;flex-wrap:wrap}.mrp-sel-tag{display:flex;align-items:center;gap:7px;min-width:0}.mrp-sel-tag__chip{padding:2px 7px;border-radius:5px;background:#6c5ce726;border:1px solid rgba(108,92,231,.3);color:#a29bfe;font-size:10px;font-weight:800;font-family:monospace;text-transform:lowercase;flex-shrink:0}.mrp-sel-tag__label{font-size:11px;font-weight:700;color:#ccc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mrp-section-body{padding:12px 14px 20px;display:flex;flex-direction:column;gap:14px;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.mrp-field{display:flex;flex-direction:column;gap:4px}.mrp-field--style{padding-bottom:10px;border-bottom:1px solid #1e1e1e}.mrp-field--style:last-of-type{border-bottom:none}.mrp-field-header{display:flex;align-items:center;justify-content:space-between;gap:6px}.mrp-label{font-size:11px;font-weight:700;color:#ccc;line-height:1.3}.mrp-field-sub{font-size:9px;font-weight:600;color:#3a3a6a;font-family:monospace;letter-spacing:.04em;margin-top:-2px}.mrp-hint{margin:0;font-size:10px;color:#444;line-height:1.5}.mrp-text-input{width:100%;padding:7px 10px;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:7px;color:#e0e0e0;font-size:12px;font-family:Inter,sans-serif;outline:none;box-sizing:border-box;transition:border-color .15s}.mrp-text-input:focus{border-color:#6c5ce7}.mrp-text-input::placeholder{color:#444}.mrp-textarea{width:100%;padding:7px 10px;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:7px;color:#e0e0e0;font-size:12px;font-family:Inter,sans-serif;outline:none;resize:vertical;box-sizing:border-box;line-height:1.5;transition:border-color .15s}.mrp-textarea:focus{border-color:#6c5ce7}.mrp-select{width:100%;padding:7px 28px 7px 10px;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:7px;color:#e0e0e0;font-size:12px;font-family:Inter,sans-serif;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23666'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;transition:border-color .15s}.mrp-select:focus{border-color:#6c5ce7}.mrp-checkbox-row{display:flex;align-items:center;gap:8px;font-size:12px;color:#ccc;cursor:pointer}.mrp-checkbox-row input[type=checkbox]{width:14px;height:14px;accent-color:#6c5ce7;cursor:pointer}.mrp-color-row{display:flex;align-items:center;gap:8px}.mrp-color-swatch{width:32px;height:32px;border:1px solid #2a2a2a;border-radius:7px;background:none;padding:2px;cursor:pointer;flex-shrink:0}.mrp-slider-row{display:flex;align-items:center;gap:10px}.mrp-slider{flex:1;accent-color:#6c5ce7;cursor:pointer}.mrp-slider-val{font-size:11px;font-weight:700;color:#888;width:36px;text-align:right;flex-shrink:0}.mrp-icon-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:5px;border:none;background:transparent;color:#444;cursor:pointer;transition:background .12s,color .12s;flex-shrink:0;padding:0;font-size:11px}.mrp-icon-btn:hover{background:#ef44441f;color:#f87171}.mrp-icon-btn--remove{opacity:.5}.mrp-icon-btn--remove:hover{opacity:1}.mrp-empty-hint{padding:16px 14px;font-size:12px;color:#444;line-height:1.6}.mrp-empty-hint code{background:#1e1e1e;border-radius:4px;padding:1px 5px;font-size:11px;color:#a29bfe}.mrp-add-style-btn{display:flex;align-items:center;gap:7px;padding:8px 12px;border-radius:8px;border:1px dashed #2a2a2a;background:transparent;color:#555;font-size:12px;font-weight:600;cursor:pointer;transition:border-color .15s,color .15s,background .15s;width:100%;justify-content:center;margin-top:4px}.mrp-add-style-btn:hover{border-color:#6c5ce7;color:#a29bfe;background:#6c5ce70f}.mrp-add-picker{border:1px solid #2a2a2a;border-radius:10px;background:#141414;overflow:hidden;display:flex;flex-direction:column;gap:0}.mrp-add-picker__header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px 8px;font-size:11px;font-weight:700;color:#888;border-bottom:1px solid #1e1e1e;flex-shrink:0}.mrp-add-picker .mrp-text-input{border-radius:0;border:none;border-bottom:1px solid #1e1e1e}.mrp-add-picker__list{overflow-y:auto;max-height:260px;scrollbar-width:thin;scrollbar-color:#2a2a2a transparent;padding:6px 0}.mrp-add-picker__group-label{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#3a3a3a;padding:8px 12px 4px}.mrp-add-picker__item{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:6px 12px;background:transparent;border:none;cursor:pointer;transition:background .1s}.mrp-add-picker__item:hover{background:#1e1e1e}.mrp-add-picker__item-label{font-size:12px;color:#ccc;font-weight:500;text-align:left}.mrp-add-picker__item-prop{font-size:9px;color:#3a3a6a;font-family:monospace;flex-shrink:0}.mrp-flex-hint{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:10px;padding:10px 12px}.mrp-flex-hint__title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#555;margin-bottom:8px}.mrp-flex-arrows{display:grid;grid-template-columns:1fr 1fr;gap:6px}.mrp-flex-arrow-btn{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 6px;border-radius:8px;border:1px solid #2a2a2a;background:#141414;color:#666;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.mrp-flex-arrow-btn:hover{background:#222;color:#ccc;border-color:#3a3a3a}.mrp-flex-arrow-btn--active{background:#6c5ce726;border-color:#6c5ce780;color:#a29bfe}.mrp-flex-arrow{font-size:18px;line-height:1}.mrp-flex-arrow-label{font-size:10px;font-weight:600;text-align:center;line-height:1.2}.mrp-field-actions{display:flex;align-items:center;gap:4px}.mrp-expand-btn{display:flex;align-items:center;gap:4px;padding:3px 8px;border-radius:5px;border:1px solid #2a2a2a;background:transparent;color:#555;font-size:10px;font-weight:600;cursor:pointer;transition:background .12s,color .12s,border-color .12s;white-space:nowrap}.mrp-expand-btn:hover{background:#222;color:#ccc;border-color:#3a3a3a}.mrp-expand-btn--active{background:#6c5ce71f;border-color:#6c5ce766;color:#a29bfe}.mrp-sides-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:4px}.mrp-side-field{display:flex;flex-direction:column;gap:3px}.mrp-side-label{font-size:10px;font-weight:600;color:#555;text-transform:uppercase;letter-spacing:.06em}.mrp-bg-img-section{margin-top:10px;padding:10px 12px;background:#111;border:1px solid #2a2a2a;border-radius:8px;display:flex;flex-direction:column;gap:4px}.mrp-bg-img-section__title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#555;margin-bottom:4px}.mrp-bg-overlay{margin-top:10px;padding-top:10px;border-top:1px solid #2a2a2a;display:flex;flex-direction:column;gap:6px}.mrp-bg-gradient{margin-top:10px;padding-top:10px;border-top:1px solid #2a2a2a;display:flex;flex-direction:column;gap:8px}.mrp-bg-gradient__title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#888}.mrp-bg-gradient__hint{margin:0;font-size:11px;color:#555;line-height:1.45}.mrp-bg-gradient__preview{height:36px;border-radius:8px;border:1px solid #2a2a2a}.mrp-bg-gradient__stop{display:flex;flex-direction:column;gap:4px}.mrp-bg-gradient__actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.mrp-bg-overlay__title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#888}.mrp-bg-overlay__hint{margin:0 0 4px;font-size:11px;color:#555;line-height:1.45}.mrp-bg-overlay__presets{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:4px}.mrp-bg-overlay__chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px 4px 5px;border-radius:20px;border:1px solid #2a2a2a;background:#1a1a1a;color:#ccc;font-size:11px;font-weight:600;cursor:pointer;transition:border-color .12s,background .12s,color .12s}.mrp-bg-overlay__chip:hover{border-color:#3a3a3a;color:#f0f0f0}.mrp-bg-overlay__chip--active{border-color:#6c5ce7;background:#6c5ce71f;color:#c4b5fd}.mrp-bg-overlay__chip-swatch{width:12px;height:12px;border-radius:50%;border:1px solid rgba(255,255,255,.15);flex-shrink:0}.mrp-id-row{display:flex;align-items:center;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:7px;overflow:hidden;transition:border-color .15s}.mrp-id-row:focus-within{border-color:#6c5ce7}.mrp-id-prefix{padding:0 8px;font-size:13px;font-weight:700;color:#6c5ce7;font-family:monospace;flex-shrink:0;line-height:34px;border-right:1px solid #2a2a2a;background:#6c5ce714}.mrp-id-row .mrp-text-input{border:none;border-radius:0;background:transparent;flex:1}.mrp-id-row .mrp-text-input:focus{border-color:transparent}.mrp-href-field{display:flex;flex-direction:column;gap:8px}.mrp-href-field__label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#666}.mrp-anchor-list{display:flex;flex-direction:column;gap:4px;max-height:180px;overflow-y:auto;padding:4px;background:#111;border:1px solid #2a2a2a;border-radius:8px;scrollbar-width:thin;scrollbar-color:#2a2a2a transparent}.mrp-anchor-chip{display:block;width:100%;text-align:left;padding:7px 10px;border:1px solid transparent;border-radius:6px;background:transparent;color:#ccc;font-size:12px;font-weight:500;line-height:1.35;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mrp-anchor-chip:hover{background:#1a1a1a;color:#f0f0f0}.mrp-anchor-chip--active{background:#6c5ce724;border-color:#6c5ce7;color:#c4b5fd}.mrp-view-toggle{display:flex;gap:2px;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:9px;padding:3px;margin-bottom:2px}.mrp-view-btn{display:flex;align-items:center;gap:5px;padding:5px 12px;border-radius:7px;border:none;background:transparent;color:#555;font-size:11px;font-weight:600;cursor:pointer;transition:background .15s,color .15s;flex:1;justify-content:center;white-space:nowrap}.mrp-view-btn:hover{color:#ccc}.mrp-view-btn--active{background:#2a2a2a;color:#fff}.mrp-view-btn--mobile.mrp-view-btn--active{background:#34d39926;color:#34d399}.mrp-mobile-banner{padding:7px 10px;border-radius:7px;background:#34d39914;border:1px solid rgba(52,211,153,.2);color:#34d399;font-size:11px;font-weight:600;line-height:1.4}.mrp-style-tab{display:flex;flex-direction:column;flex:1;min-height:0;height:100%;overflow:hidden}.mrp-style-tab__scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#2a2a2a transparent;padding:0 0 16px}.mrp-style-tab__scroll::-webkit-scrollbar{width:4px}.mrp-style-tab__scroll::-webkit-scrollbar-thumb{background:#2a2a2a}.mrp-style-tab__scroll>.mrp-simple-tip{margin:0;border-radius:0;border:none;border-bottom:1px solid #222222;background:#141414;padding:10px 14px}.mrp-style-tab__scroll>.mrp-view-toggle{margin:0;border-radius:0;border:none;border-bottom:1px solid #222222;background:#141414}.mrp-style-tab__scroll>.mrp-mobile-banner{margin:0;border-radius:0}.mrp-style-tab>.mrp-view-toggle,.mrp-style-tab>.mrp-mobile-banner{flex-shrink:0;margin:0}.mrp-style-tab>.mrp-mobile-banner{margin-top:0}.mrp-table-themes__grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mrp-table-theme{display:flex;flex-direction:column;gap:6px;padding:7px;border:1px solid #2a2a2a;border-radius:8px;background:#141414;cursor:pointer;color:inherit;text-align:left}.mrp-table-theme:hover{border-color:#555}.mrp-table-theme--active{border-color:#a78bfa;box-shadow:0 0 0 1px #a78bfa}.mrp-table-theme__mini{width:100%;pointer-events:none;table-layout:fixed}.mrp-table-theme__mini th,.mrp-table-theme__mini td{font-size:7px!important;line-height:1.2}.mrp-table-theme__label{font-size:10px;color:#bdbdbd}.mrp-accordions{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px 0 4px;scrollbar-width:thin;scrollbar-color:#2a2a2a transparent}.mrp-accordions::-webkit-scrollbar{width:4px}.mrp-accordions::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:2px}.mrp-style-tab__footer{flex-shrink:0;padding:8px 14px 14px;border-top:1px solid #1e1e1e}.mrp-accordion{border-bottom:1px solid #1e1e1e}.mrp-accordion:last-child{border-bottom:none}.mrp-accordion__header{display:flex;align-items:center;gap:8px;width:100%;padding:9px 14px;background:transparent;border:none;cursor:pointer;text-align:left;transition:background .12s;color:#ccc}.mrp-accordion__header:hover{background:#1a1a1a}.mrp-accordion--open .mrp-accordion__header{background:#161616}.mrp-accordion__icon{font-size:12px;line-height:1;flex-shrink:0;width:18px;text-align:center;color:#666}.mrp-accordion--open .mrp-accordion__icon{color:#a29bfe}.mrp-accordion__label{font-size:12px;font-weight:700;color:#ccc;flex:1;white-space:nowrap}.mrp-accordion__badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:100px;background:#6c5ce733;color:#a29bfe;font-size:10px;font-weight:800;flex-shrink:0}.mrp-accordion__chevron{display:flex;align-items:center;color:#444;flex-shrink:0;transition:color .15s}.mrp-accordion--open .mrp-accordion__chevron{color:#a29bfe}.mrp-accordion__body{padding:4px 14px 12px;display:flex;flex-direction:column;gap:12px;animation:mrp-accordion-in .15s ease}@keyframes mrp-accordion-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.mrp-flex-hint--inline{margin:0}.msp-header-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 10px 0 14px}.msp-add-section-btn{display:flex;align-items:center;gap:5px;padding:4px 10px;border-radius:7px;border:1px solid #2a2a2a;background:#1a1a1a;color:#a29bfe;font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,color .15s;flex-shrink:0}.msp-add-section-btn:hover{background:#6c5ce726;border-color:#6c5ce780;color:#c4b5fd}.lt-add-browse-btn{display:flex;align-items:center;gap:7px;width:100%;padding:8px 12px;background:#6c5ce71a;border:none;border-bottom:1px solid #2a2a2a;cursor:pointer;font-size:11px;font-weight:700;color:#a29bfe;text-align:left;transition:background .12s,color .12s;border-radius:0;margin-bottom:2px}.lt-add-browse-btn:hover{background:#6c5ce733;color:#c4b5fd}.atm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#000000bf;display:flex;align-items:center;justify-content:center;animation:atm-fade-in .15s ease}@keyframes atm-fade-in{0%{opacity:0}to{opacity:1}}.atm-modal{width:900px;max-width:calc(100vw - 48px);max-height:calc(100vh - 80px);background:#141414;border:1px solid #2a2a2a;border-radius:16px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 80px #000000d9;animation:atm-slide-in .18s ease}@keyframes atm-slide-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.atm-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #222222;flex-shrink:0}.atm-header__left{display:flex;flex-direction:column;gap:2px}.atm-header__title{font-size:14px;font-weight:800;color:#fff;letter-spacing:-.01em}.atm-header__sub{font-size:11px;color:#444;font-weight:500}.atm-close-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:7px;border:1px solid #2a2a2a;background:#1a1a1a;color:#666;cursor:pointer;transition:background .15s,color .15s,border-color .15s;flex-shrink:0}.atm-close-btn:hover{background:#ef444426;color:#f87171;border-color:#ef44444d}.atm-tabs{display:flex;background:#0d0d0d;border-bottom:1px solid #222222;flex-shrink:0;padding:0 8px}.atm-tab{display:flex;align-items:center;gap:6px;padding:11px 16px;font-size:12px;font-weight:600;color:#555;background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color .15s,border-color .15s;white-space:nowrap}.atm-tab:hover{color:#aaa}.atm-tab--active{color:#e0e0e0;border-bottom-color:#6c5ce7}.atm-body{flex:1;overflow:hidden;display:flex;flex-direction:column}.atm-group{margin-bottom:28px}.atm-group__label{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#444;margin-bottom:14px}.atm-sections-scroll{flex:1;overflow-y:auto;padding:20px 24px;scrollbar-width:thin;scrollbar-color:#2a2a2a transparent}.atm-sections-scroll::-webkit-scrollbar{width:5px}.atm-sections-scroll::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:3px}.atm-section-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.atm-section-card{border:1px solid #222222;border-radius:12px;overflow:hidden;cursor:pointer;background:#111;text-align:left;padding:0;display:flex;flex-direction:column;transition:border-color .15s,box-shadow .15s,transform .12s}.atm-section-card:hover{border-color:#6c5ce7;box-shadow:0 0 0 2px #6c5ce738,0 4px 20px #0006;transform:translateY(-1px)}.atm-section-card:active{transform:translateY(0)}.atm-section-card__preview{width:100%;height:160px;overflow:hidden;background:#fff;position:relative;flex-shrink:0}.atm-section-card__iframe{border:none;display:block;pointer-events:none;position:absolute;top:50%;left:50%;width:1100px;height:640px;transform:translate(-50%,-50%) scale(.25);transform-origin:center center}.atm-section-card__footer{padding:9px 12px 11px;border-top:1px solid #1e1e1e;background:#141414}.atm-section-card__name{display:block;font-size:11px;font-weight:700;color:#ccc}.atm-comp-scroll{flex:1;overflow-y:auto;padding:20px 24px;scrollbar-width:thin;scrollbar-color:#2a2a2a transparent}.atm-comp-scroll::-webkit-scrollbar{width:5px}.atm-comp-scroll::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:3px}.atm-comp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.atm-comp-card{border:1px solid #222222;border-radius:12px;overflow:hidden;cursor:pointer;background:#111;text-align:left;padding:0;display:flex;flex-direction:column;transition:border-color .15s,box-shadow .15s,transform .12s}.atm-comp-card:hover{border-color:#6c5ce7;box-shadow:0 0 0 2px #6c5ce738,0 4px 20px #0006;transform:translateY(-1px)}.atm-comp-card:active{transform:translateY(0)}.atm-comp-card__preview{width:100%;height:110px;overflow:hidden;background:#f8f8f8;position:relative;flex-shrink:0}.atm-comp-card__iframe{border:none;display:block;pointer-events:none;position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);transform-origin:center center}.atm-comp-card__footer{padding:8px 12px 10px;border-top:1px solid #1e1e1e;background:#141414}.atm-comp-card__name{display:block;font-size:11px;font-weight:700;color:#ccc}.atm-skeleton-card{border-radius:12px;background:linear-gradient(90deg,#1a1a1a 25%,#222,#1a1a1a 75%);background-size:200% 100%;animation:atm-shimmer 1.4s infinite}@keyframes atm-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.atm-fetch-error{display:flex;align-items:center;gap:10px;margin:32px auto;padding:16px 20px;max-width:420px;border-radius:10px;background:#ef444414;border:1px solid rgba(239,68,68,.2);color:#f87171;font-size:13px}.atm-empty{padding:40px 20px;text-align:center;font-size:13px;color:#444}.mrp-position-sub{margin-top:10px;padding:10px 12px;background:#111;border:1px solid #2a2a2a;border-radius:8px;display:flex;flex-direction:column;gap:8px}.mrp-position-sub__label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#555;margin-bottom:2px}.mrp-position-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.mrp-position-field{display:flex;flex-direction:column;gap:3px}.mrp-position-field--full{grid-column:1 / -1}.msp-tab--add{margin-left:auto;color:#a29bfe;border-bottom-color:transparent}.msp-tab--add:hover{color:#c4b5fd;background:#6c5ce714}.mrp-img-upload{display:flex;flex-direction:column;gap:8px}.mrp-img-preview{width:100%;max-height:120px;border-radius:8px;overflow:hidden;border:1px solid #2a2a2a;background:#111;display:flex;align-items:center;justify-content:center}.mrp-img-preview__img{width:100%;height:120px;object-fit:contain;display:block}.mrp-img-upload__row{display:flex;align-items:center;gap:8px}.mrp-img-pick-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#1e1e1e;border:1px solid #2e2e2e;border-radius:7px;color:#ccc;font-size:12px;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap}.mrp-img-pick-btn:hover:not(:disabled){background:#262626;border-color:#3a3a3a;color:#fff}.mrp-img-pick-btn:disabled{opacity:.45;cursor:not-allowed}.mrp-img-uploading{color:#888;font-size:12px}.mrp-img-url-input{font-size:11px;color:#888}.mrp-img-error{font-size:11px;color:#f55;margin:0;padding:0}.mrp-simple-tip{margin:0;padding:10px 14px;border-radius:0;background:#141414;border:none;border-bottom:1px solid #222222;color:#aaa;font-size:12px;line-height:1.45}.mrp-simple-tip strong{color:#e0e0e0;font-weight:700}.mrp-simple{display:flex;flex-direction:column;gap:0;padding:0}.mrp-simple-card{background:#141414;border:none;border-bottom:1px solid #222222;border-radius:0;padding:12px 14px 14px;display:flex;flex-direction:column;gap:12px}.mrp-simple-card--table{margin:0}.mrp-simple-card__title{margin:0;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#666}.mrp-simple-card .mrp-field--style{border-bottom:none;padding-bottom:0}.mrp-simple-card .mrp-field-sub{display:none}.mrp-simple-card .mrp-label{color:#ddd;font-size:13px;font-weight:600;text-transform:none;letter-spacing:0}.mrp-simple-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.mrp-simple-row--stack{flex-direction:column;align-items:stretch}.mrp-simple-label{font-size:13px;font-weight:600;color:#ddd;flex-shrink:0}.mrp-simple-color{display:flex;align-items:center;gap:8px}.mrp-simple-opacity{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.mrp-simple-opacity .mrp-slider{flex:1}.mrp-simple-clear{border:1px solid #2a2a2a;background:#1a1a1a;color:#aaa;border-radius:0;padding:6px 10px;font-size:12px;font-weight:600;cursor:pointer}.mrp-simple-clear:hover{color:#fff;border-color:#444}.mrp-simple-stepper{display:inline-flex;align-items:center;gap:2px;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:0;padding:2px}.mrp-simple-stepper__btn{min-width:40px;min-height:36px;border:none;background:transparent;color:#eee;font-size:14px;font-weight:800;border-radius:0;cursor:pointer}.mrp-simple-stepper__btn:hover:not(:disabled){background:#222}.mrp-simple-stepper__btn:disabled{opacity:.35;cursor:default}.mrp-simple-stepper__val{min-width:36px;text-align:center;font-size:13px;font-weight:700;color:#a29bfe}.mrp-simple-toggle{min-width:64px;min-height:36px;border-radius:0;border:1px solid #2a2a2a;background:#1a1a1a;color:#bbb;font-size:12px;font-weight:700;cursor:pointer}.mrp-simple-toggle--on{background:#6c5ce72e;border-color:#6c5ce7;color:#fff}.mrp-simple-chips{display:flex;flex-wrap:wrap;gap:6px}.mrp-simple-chip{min-height:34px;padding:6px 12px;border-radius:0;border:1px solid #2a2a2a;background:#1a1a1a;color:#ccc;font-size:12px;font-weight:600;cursor:pointer}.mrp-simple-chip:hover{border-color:#444;color:#fff}.mrp-simple-chip--active{background:#6c5ce72e;border-color:#6c5ce7;color:#fff}.mrp-more-options{margin:0;width:100%;min-height:40px;border-radius:0;border:none;border-top:1px solid #222222;border-bottom:1px solid #222222;background:#141414;color:#888;font-size:12px;font-weight:600;cursor:pointer}.mrp-more-options:hover,.mrp-more-options--open{color:#ddd;background:#1a1a1a}.mrp-style-tab__scroll>.mrp-accordions{flex:none;overflow:visible;padding:0}.mrp-style-tab__scroll>.mrp-style-tab__footer{border-top:1px solid #222222}.pcm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;z-index:99999;display:flex;align-items:center;justify-content:center;animation:pcm-fade .2s ease}@keyframes pcm-fade{0%{opacity:0}to{opacity:1}}.pcm-modal{width:420px;max-width:95vw;background:#141414;border:1px solid #2a2a2a;border-radius:18px;overflow:hidden;animation:pcm-slide .25s ease}@keyframes pcm-slide{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.pcm-body{padding:28px 24px 20px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.pcm-icon{width:52px;height:52px;border-radius:14px;background:#ffffff0f;border:1px solid #2a2a2a;display:flex;align-items:center;justify-content:center;color:#f0f0f0}.pcm-title{margin:0;font-size:18px;font-weight:800;color:#f0f0f0;letter-spacing:-.01em}.pcm-desc{margin:0;font-size:13px;color:#555;line-height:1.6;max-width:320px}.pcm-checklist{display:flex;flex-direction:column;gap:8px;width:100%;padding:14px 16px;background:#0d0d0d;border:1px solid #222222;border-radius:10px;margin-top:4px}.pcm-check-item{display:flex;align-items:center;gap:8px;font-size:12px;color:#888;font-weight:500}.pcm-check-dot{width:18px;height:18px;border-radius:50%;background:#22c55e26;border:1px solid rgba(34,197,94,.3);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#22c55e}.pcm-footer{display:flex;gap:10px;padding:0 24px 24px}.pcm-cancel-btn{flex:1;padding:11px;border-radius:10px;border:1px solid #2a2a2a;background:#1a1a1a;color:#888;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,color .15s}.pcm-cancel-btn:hover{background:#222;color:#e0e0e0}.pcm-confirm-btn{flex:2;padding:11px;border-radius:10px;border:none;background:#fff;color:#111;font-size:13px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px;transition:background .15s,opacity .15s}.pcm-confirm-btn:hover:not(:disabled){background:#e8e8e8}.pcm-confirm-btn:disabled{opacity:.5;cursor:not-allowed}.pcm-confirm-spinner{width:14px;height:14px;border:2px solid rgba(0,0,0,.2);border-top-color:#111;border-radius:50%;animation:pcm-spin .7s linear infinite}@keyframes pcm-spin{to{transform:rotate(360deg)}}.pcm-success-body{padding:32px 24px;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.pcm-success-icon{width:56px;height:56px;border-radius:50%;background:#22c55e26;border:2px solid rgba(34,197,94,.3);display:flex;align-items:center;justify-content:center;color:#22c55e;animation:pcm-pop .4s cubic-bezier(.34,1.56,.64,1)}@keyframes pcm-pop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.pcm-success-title{margin:0;font-size:18px;font-weight:800;color:#f0f0f0}.pcm-success-url{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#0d0d0d;border:1px solid #222222;border-radius:9px;font-size:12px;font-weight:600;color:#a29bfe;word-break:break-all;text-align:left}.pcm-success-done-btn{width:100%;padding:12px;border-radius:10px;border:none;background:#fff;color:#111;font-size:13px;font-weight:700;cursor:pointer;transition:background .15s}.pcm-success-done-btn:hover{background:#e8e8e8}.wbp-root{display:flex;flex-direction:column;min-height:100vh;background:#f8f8f9;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.wbp-mobile-block{display:none}@media(max-width:900px){.wbp-mobile-block{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;align-items:center;justify-content:center;padding:24px;background:#f8f8f9}.wbp-root>:not(.wbp-mobile-block){visibility:hidden;pointer-events:none}}.wbp-mobile-block-card{width:100%;max-width:360px;text-align:center;background:#fff;border:1px solid #e8e8ec;border-radius:16px;padding:28px 22px;box-shadow:0 12px 36px #00000014}.wbp-mobile-block-icon{width:52px;height:52px;margin:0 auto 14px;border-radius:14px;background:#f4f4f7;border:1px solid #e8e8ec;display:flex;align-items:center;justify-content:center;color:#111}.wbp-mobile-block-title{margin:0 0 8px;font-size:18px;font-weight:800;color:#111;letter-spacing:-.02em}.wbp-mobile-block-text{margin:0 0 18px;font-size:13px;line-height:1.55;color:#666}.wbp-mobile-block-back{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border-radius:10px;border:1px solid #111;background:#111;color:#fff;font-size:13px;font-weight:700;cursor:pointer}.wbp-mobile-block-back:hover{background:#333;border-color:#333}.wbp-topbar{display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:52px;background:#fff;border-bottom:1px solid #e8e8ec;position:sticky;top:0;z-index:100;gap:12px}.wbp-topbar-left{display:flex;align-items:center;gap:14px}.wbp-back-btn{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#555;background:none;border:none;cursor:pointer;padding:6px 10px;border-radius:8px;transition:background .15s,color .15s}.wbp-back-btn:hover{background:#f0f0f4;color:#111}.wbp-topbar-logo{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:700;color:#111}.wbp-submitted-badge{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:#16a34a;background:#dcfce7;padding:4px 10px;border-radius:100px}.wbp-topbar-right{display:flex;align-items:center;gap:8px}.wbp-save-label{font-size:12px;color:#888}.wbp-save-label--ok{color:#16a34a;font-weight:600}.wbp-save-btn{padding:7px 16px;background:#f0f0f4;color:#333;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.wbp-save-btn:hover:not(:disabled){background:#e4e4ea}.wbp-save-btn:disabled{opacity:.5;cursor:not-allowed}.wbp-preview-btn{padding:7px 16px;background:#fff;color:#111;border:1px solid #d8d8de;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer}.wbp-preview-btn:hover:not(:disabled){background:#f7f7f9}.wbp-preview-btn:disabled{opacity:.45;cursor:not-allowed}.wbp-submit-btn{padding:7px 18px;background:#111;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;transition:opacity .15s;display:inline-flex;align-items:center;gap:7px}.wbp-submit-btn:hover:not(:disabled){opacity:.85}.wbp-submit-btn:disabled{opacity:.45;cursor:not-allowed}.wbp-btn-spinner{width:13px;height:13px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:wbp-spin .65s linear infinite;flex-shrink:0}.wbp-cancel-btn{padding:7px 14px;background:none;color:#e53e3e;border:1px solid #fca5a5;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s}.wbp-cancel-btn:hover:not(:disabled){background:#fff5f5}.wbp-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.wbp-ai-btn{padding:7px 16px;background:#6c5ce7;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;transition:opacity .15s}.wbp-ai-btn:hover{opacity:.88}.wbp-stepbar{display:flex;align-items:center;gap:16px;padding:0 32px;height:48px;background:#fff;border-bottom:1px solid #e8e8ec}.wbp-stepbar-steps{display:flex;align-items:center;gap:4px;flex-shrink:0}.wbp-stepbar-slot{display:flex;align-items:center;justify-content:flex-end;margin-left:auto;min-width:0;overflow:hidden}.wbp-step{display:flex;align-items:center;gap:8px;padding:6px 14px;border-radius:8px;border:none;background:none;cursor:pointer;font-size:13px;font-weight:500;color:#888;transition:background .15s,color .15s}.wbp-step:hover:not(:disabled){background:#f0f0f4;color:#444}.wbp-step--active{color:#111;font-weight:700}.wbp-step--active .wbp-step-num{background:#111;color:#fff}.wbp-step--done{color:#16a34a}.wbp-step--done .wbp-step-num{background:#dcfce7;color:#16a34a}.wbp-step:disabled{cursor:default}.wbp-step-num{width:22px;height:22px;border-radius:50%;background:#eee;color:#666;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.wbp-content{flex:1;overflow-y:auto;padding-bottom:80px}.wbp-step-body{max-width:700px;margin:32px auto;padding:0 24px;display:flex;flex-direction:column;gap:0}.wbp-divider{height:1px;background:#e8e8ec;margin:28px 0}.wbp-field-group{display:flex;flex-direction:column;gap:16px}.wbp-field-group-title{font-size:14px;font-weight:700;color:#111;margin:0}.wbp-field-group-hint{margin:-8px 0 0;font-size:12px;color:#888;line-height:1.5}.wbp-school-card{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#f8f8f9;border:1px solid #e4e4ea;border-radius:12px}.wbp-school-logo-wrap{flex-shrink:0}.wbp-school-logo{width:52px;height:52px;border-radius:10px;object-fit:contain;background:#fff;border:1px solid #e4e4ea}.wbp-school-logo-placeholder{width:52px;height:52px;border-radius:10px;background:#6c5ce7;color:#fff;font-size:22px;font-weight:900;display:flex;align-items:center;justify-content:center}.wbp-school-info{display:flex;flex-direction:column;gap:2px}.wbp-school-name{font-size:15px;font-weight:700;color:#111;margin:0}.wbp-school-motto{font-size:12px;color:#666;font-style:italic;margin:0}.wbp-school-note{font-size:11px;color:#999;margin:4px 0 0}.wbp-colors-stack{display:flex;flex-direction:column;gap:16px}.wbp-color-item{display:flex;flex-direction:column;gap:6px;padding:12px 14px;background:#fff;border:1px solid #e8e8ec;border-radius:12px}.wbp-color-help{margin:0;font-size:12px;color:#777;line-height:1.45}.wbp-colors-row{display:flex;gap:24px;flex-wrap:wrap}.wbp-color-row{display:flex;flex-direction:column;gap:8px;flex:1;min-width:180px}.wbp-color-label{font-size:12px;font-weight:600;color:#555}.wbp-color-wrap{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#fff;border:1.5px solid #e4e4ea;border-radius:10px}.wbp-color-input{width:32px;height:32px;border:none;background:none;cursor:pointer;padding:0;border-radius:6px}.wbp-color-hex{flex:1;border:none;outline:none;font-size:13px;font-family:Courier New,monospace;font-weight:600;color:#111;background:none}.wbp-color-swatch{width:20px;height:20px;border-radius:50%;border:1px solid rgba(0,0,0,.1);flex-shrink:0}.wbp-color-preview{display:flex;gap:8px;flex-wrap:wrap}.wbp-color-preview--site{margin-top:4px;padding:14px;border-radius:12px;border:1px solid #e8e8ec;align-items:center}.wbp-color-pill{padding:5px 14px;border-radius:100px;font-size:12px;font-weight:700;color:#fff}.wbp-color-pill--combo{border:1px solid rgba(255,255,255,.2)}.wbp-color-pill--bg{background:transparent;color:#555;border:1px dashed #c8c8d0}.wbp-font-grid{display:flex;gap:12px;flex-wrap:wrap}.wbp-font-card{flex:1;min-width:140px;max-width:200px;padding:16px;border-radius:12px;border:2px solid #e4e4ea;background:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;transition:border-color .15s,box-shadow .15s}.wbp-font-card:hover:not(:disabled){border-color:#bbb}.wbp-font-card--active{border-color:#111;box-shadow:0 0 0 3px #11111114}.wbp-font-card:disabled{opacity:.5;cursor:not-allowed}.wbp-font-sample{font-size:36px;line-height:1;color:#111}.wbp-font-name{font-size:13px;font-weight:700;color:#111}.wbp-font-desc{font-size:11px;color:#888}.wbp-theme-toggle{display:flex;gap:10px}.wbp-theme-btn{padding:10px 24px;border-radius:10px;border:2px solid #e4e4ea;background:#fff;font-size:13px;font-weight:600;color:#555;cursor:pointer;transition:border-color .15s;display:flex;align-items:center;gap:6px}.wbp-theme-btn:hover:not(:disabled){border-color:#bbb}.wbp-theme-btn--active{border-color:#111;color:#111}.wbp-theme-btn:disabled{opacity:.5;cursor:not-allowed}.wbp-pages-wrap{display:flex;flex-direction:column;height:calc(100vh - 148px);overflow:hidden;background:#fff}.wbp-pages-body{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}.wbp-pages-wrap .wbp-sec-layout{height:100%;flex:1;min-height:0;background:#fff}.wbp-pages-list{display:flex;flex-direction:row;align-items:center;gap:6px;min-width:0;overflow-x:auto;scrollbar-width:none;justify-content:safe flex-end}.wbp-pages-list::-webkit-scrollbar{display:none}.wbp-page-tab{display:flex;align-items:center;gap:8px;flex-shrink:0;padding:4px 8px;border-radius:10px;border:1px solid transparent;background:transparent;cursor:pointer;color:#555;text-align:left;transition:border-color .15s,background .15s,color .15s}.wbp-page-tab:hover{background:#f0f0f4;border-color:#e4e4e8;color:#111}.wbp-page-tab--active{border-color:#111;background:#111;color:#fff}.wbp-page-tab-main{display:flex;flex-direction:column;align-items:flex-start;gap:1px;min-width:0;flex:1}.wbp-page-tab-title{font-size:12px;font-weight:700;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px}.wbp-page-tab-slug{font-size:9px;line-height:1.25;opacity:.65;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.wbp-page-tab-pill{font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:3px 6px;border-radius:999px;background:#ffffff29;color:inherit;flex-shrink:0}.wbp-page-tab:not(.wbp-page-tab--active) .wbp-page-tab-pill{background:#ececf2;color:#666}.wbp-page-tab-remove{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;font-size:14px;line-height:1;background:#ffffff26;color:inherit;flex-shrink:0}.wbp-page-tab:not(.wbp-page-tab--active) .wbp-page-tab-remove{background:#ececf2;color:#888}.wbp-page-tab-remove:hover{background:#ef4444!important;color:#fff!important}.wbp-page-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;font-size:10px;font-weight:800;background:#ececf2;color:#666;flex-shrink:0}.wbp-page-tab--active .wbp-page-tab-count{background:#ffffff2e;color:inherit}.wbp-page-tab-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;font-size:11px;line-height:1;background:#ffffff26;color:inherit;flex-shrink:0}.wbp-page-tab-icon:hover{background:#ffffff57}.wbp-pages-add-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;flex-shrink:0;border-radius:50%;border:1px dashed #c8c8d0;background:#fff;color:#111;font-size:16px;line-height:1;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s}.wbp-pages-add-btn:hover{border-color:#111;border-style:solid;background:#f2f2f5}.wbp-page-dialog{background:#fff;border-radius:16px;padding:22px;max-width:460px;width:100%;max-height:85vh;overflow-y:auto;display:flex;flex-direction:column;gap:18px;box-shadow:0 24px 80px #0000002e}.wbp-page-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.wbp-page-dialog-close{border:none;background:transparent;font-size:22px;line-height:1;color:#999;cursor:pointer;padding:0 2px}.wbp-page-dialog-close:hover{color:#111}.wbp-page-dialog-group{display:flex;flex-direction:column;gap:8px}.wbp-page-dialog-label{font-size:10px;font-weight:700;color:#888;text-transform:uppercase;letter-spacing:.06em}.wbp-page-preset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.wbp-page-preset{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:9px 11px;border-radius:10px;border:1px solid #e8e8ec;background:#fafafa;cursor:pointer;text-align:left;transition:border-color .15s,background .15s}.wbp-page-preset:hover{border-color:#111;background:#fff}.wbp-page-preset-title{font-size:12.5px;font-weight:700;color:#111}.wbp-page-preset-slug{font-size:10px;color:#888;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.wbp-page-dialog-error{margin:0;font-size:11.5px;color:#dc2626}.wbp-page-meta-field{display:flex;flex-direction:column;gap:4px;min-width:0}.wbp-page-meta-field label{font-size:10px;font-weight:700;color:#888;text-transform:uppercase;letter-spacing:.06em}.wbp-page-meta-field .wbp-input{background:#f8f8fb;font-size:12px;padding:8px 10px}.wbp-sec-layout{display:flex;height:calc(100vh - 148px);overflow:hidden}.wbp-sec-sidebar{width:220px;flex-shrink:0;border-right:1px solid #e8e8ec;background:#fff;overflow-y:auto;padding:16px 0}.wbp-sec-sidebar-head{position:relative;padding:0 14px 12px;border-bottom:1px solid #eeeef2;margin-bottom:8px}.wbp-sec-sidebar-hint{font-size:11px;color:#999;padding:0 2px 10px;margin:0;line-height:1.5}.wbp-sec-add-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 10px;border-radius:9px;border:1px dashed #c8c8d0;background:#fff;color:#111;font-size:12px;font-weight:700;cursor:pointer;transition:border-color .12s,background .12s}.wbp-sec-add-btn:hover,.wbp-sec-add-btn--open{border-color:#111;border-style:solid;background:#f7f7f9}.wbp-sec-add-menu{position:absolute;top:calc(100% - 4px);left:14px;right:14px;z-index:40;max-height:320px;overflow-y:auto;padding:6px;border-radius:10px;border:1px solid #e4e4ea;background:#fff;box-shadow:0 12px 28px #0f0f1924}.wbp-sec-add-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border:none;border-radius:7px;background:transparent;cursor:pointer;text-align:left}.wbp-sec-add-item:hover{background:#f3f3f7}.wbp-sec-add-item .wbp-sec-name{color:#111;font-weight:600}.wbp-sec-add-empty{margin:0;padding:10px;font-size:11.5px;color:#999;line-height:1.5}.wbp-sec-list-empty{margin:0;padding:4px 16px;font-size:11.5px;color:#aaa;font-style:italic}.wbp-sec-remove-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;padding:0;border:none;border-radius:6px;background:transparent;color:#bbb;cursor:pointer;opacity:0;transition:opacity .12s,background .12s,color .12s}.wbp-sec-item:hover .wbp-sec-remove-btn,.wbp-sec-item--active .wbp-sec-remove-btn{opacity:1}.wbp-sec-remove-btn:hover{background:#ef44441f;color:#ef4444}.wbp-sec-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;cursor:pointer;transition:background .12s;gap:8px;-webkit-user-select:none;user-select:none}.wbp-sec-item:hover{background:#f5f5f8}.wbp-sec-item--active{background:#f0f0f8}.wbp-sec-item--enabled .wbp-sec-name{color:#111;font-weight:600}.wbp-sec-item-left{display:flex;align-items:center;gap:8px;min-width:0}.wbp-sec-item--movable{cursor:grab}.wbp-sec-item--movable:active{cursor:grabbing}.wbp-sec-grip{display:flex;align-items:center;flex-shrink:0;color:#ccc;opacity:0;transition:opacity .12s,color .12s}.wbp-sec-item:hover .wbp-sec-grip,.wbp-sec-item--active .wbp-sec-grip{opacity:1}.wbp-sec-item--movable:hover .wbp-sec-grip{color:#888}.wbp-sec-item--dragging{opacity:.4}.wbp-sec-item--drop-before{box-shadow:inset 0 2px #111}.wbp-sec-item--drop-after{box-shadow:inset 0 -2px #111}.wbp-sec-icon{font-size:15px}.wbp-sec-name{font-size:13px;color:#555}.wbp-sec-locked-pill{font-size:10px;font-weight:700;color:#888;background:#f0f0f4;padding:2px 7px;border-radius:100px;flex-shrink:0}.wbp-sec-ordinal{font-size:10px;font-weight:800;color:#aaa;flex-shrink:0}.wbp-sec-incomplete-dot{width:7px;height:7px;border-radius:50%;background:#f59e0b;flex-shrink:0}.wbp-sec-main{flex:1;min-width:0;overflow-x:hidden;overflow-y:auto;padding:24px 32px;background:#f8f8f9;scrollbar-width:thin;scrollbar-color:#c8c8d0 transparent}.wbp-sec-main::-webkit-scrollbar{width:10px}.wbp-sec-main::-webkit-scrollbar-track{background:transparent;margin:8px 0}.wbp-sec-main::-webkit-scrollbar-thumb{background:#d0d0d8;border-radius:999px;border:2px solid #f8f8f9}.wbp-sec-main::-webkit-scrollbar-thumb:hover{background:#b4b4be}.wbp-custom-sec .wbp-sec-main-header{align-items:center;justify-content:space-between}.wbp-custom-remove-btn{padding:7px 12px;border-radius:8px;border:1px solid #fecaca;background:#fff5f5;color:#dc2626;font-size:12px;font-weight:700;cursor:pointer;flex-shrink:0}.wbp-custom-remove-btn:hover{background:#fee2e2}.wbp-custom-sec .wbp-input,.wbp-custom-sec .wbp-textarea{margin-bottom:0}.wbp-multi-imgs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px}.wbp-multi-imgs-item{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;border:1px solid #e4e4e8;background:#fff}.wbp-multi-imgs-item img{width:100%;height:100%;object-fit:cover;display:block}.wbp-multi-imgs-item .wbp-img-remove{position:absolute;top:6px;right:6px}.wbp-multi-imgs-add{aspect-ratio:1;border-radius:10px;border:1px dashed #c8c8d0;background:#fff;color:#555;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:11px;font-weight:700;cursor:pointer;padding:8px;text-align:center}.wbp-multi-imgs-add:hover{border-color:#111;color:#111;background:#f7f7f9}.wbp-multi-imgs-hint{margin:8px 0 0;font-size:11px;color:#999}.wbp-sec-empty{display:flex;align-items:center;justify-content:center;height:200px;color:#aaa;font-size:14px}.wbp-sec-main-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:24px}.wbp-sec-main-icon{font-size:28px;flex-shrink:0}.wbp-sec-main-title{font-size:18px;font-weight:800;color:#111;margin:0 0 4px}.wbp-sec-main-desc{font-size:13px;color:#777;margin:0}.wbp-sec-block-label{font-size:12px;font-weight:700;color:#555;text-transform:uppercase;letter-spacing:.05em;margin:0 0 14px}.wbp-sec-block-label--mt{margin-top:24px}.wbp-layout-grid{display:flex;gap:12px;flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}.wbp-layout-grid::-webkit-scrollbar{height:4px}.wbp-layout-grid::-webkit-scrollbar-track{background:transparent}.wbp-layout-grid::-webkit-scrollbar-thumb{background:#ddd;border-radius:2px}[data-theme=dark] .wbp-layout-grid::-webkit-scrollbar-thumb{background:#333}.wbp-layout-card{flex:0 0 180px;border:2px solid #e4e4ea;border-radius:12px;background:#fafafa;cursor:pointer;padding:12px;display:flex;flex-direction:column;gap:8px;text-align:left;transition:border-color .15s,box-shadow .15s}.wbp-layout-card:hover:not(:disabled){border-color:#bbb}.wbp-layout-card--active{border-color:#111;background:#fff;box-shadow:0 0 0 3px #11111112}.wbp-layout-card:disabled{opacity:.5;cursor:not-allowed}.wbp-layout-preview{width:100%;height:72px;border-radius:8px;overflow:hidden;background:#f0f0f4;border:1px solid #e4e4ea}.wbp-layout-name{font-size:12px;font-weight:700;color:#111}.wbp-layout-desc{font-size:11px;color:#888;line-height:1.4}.wbp-fields-list{display:flex;flex-direction:column;gap:14px}.wbp-field{display:flex;flex-direction:column;gap:6px}.wbp-field-label{font-size:12px;font-weight:600;color:#444}.wbp-input{padding:9px 12px;border:1.5px solid #e4e4ea;border-radius:8px;font-size:13px;color:#111;background:#fff;outline:none;transition:border-color .15s;font-family:inherit;width:100%;box-sizing:border-box}.wbp-input:focus{border-color:#aaa}.wbp-input:disabled{background:#f5f5f8;color:#999;cursor:not-allowed}.wbp-textarea{padding:9px 12px;border:1.5px solid #e4e4ea;border-radius:8px;font-size:13px;color:#111;background:#fff;outline:none;resize:vertical;transition:border-color .15s;font-family:inherit;width:100%;box-sizing:border-box;line-height:1.6}.wbp-textarea:focus{border-color:#aaa}.wbp-textarea:disabled{background:#f5f5f8;color:#999;cursor:not-allowed}.wbp-textarea--notes{background:#fafafa}.wbp-textarea--final{min-height:220px}.wbp-optional{font-weight:400;color:#aaa}.wbp-notes-wrap{display:flex;flex-direction:column;gap:12px}.wbp-notes-title{font-size:18px;font-weight:800;color:#111;margin:0}.wbp-notes-sub{font-size:13px;color:#777;margin:0;line-height:1.6}.wbp-submitted-note{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;padding:12px 16px}.wbp-bottombar{position:fixed;bottom:0;left:0;right:0;height:60px;background:#fff;border-top:1px solid #e8e8ec;display:flex;align-items:center;justify-content:space-between;padding:0 32px;z-index:100}.wbp-bottombar-left{display:flex;align-items:center;gap:10px}.wbp-bottombar-right{display:flex;align-items:center;gap:8px}.wbp-step-indicator{font-size:13px;color:#888;font-weight:500}.wbp-step-warning{font-size:12px;color:#d97706;font-weight:500;display:flex;align-items:center;gap:4px}.wbp-step-warning:before{content:"⚠";font-size:11px}.wbp-nav-btn{padding:8px 20px;background:#f0f0f4;color:#333;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.wbp-nav-btn:hover{background:#e4e4ea}.wbp-nav-btn--next{background:#111;color:#fff}.wbp-nav-btn--next:hover{opacity:.85;background:#111}.wbp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:200;padding:20px}.wbp-confirm{background:#fff;border-radius:16px;padding:32px;max-width:440px;width:100%;display:flex;flex-direction:column;gap:16px;box-shadow:0 24px 80px #0000002e}.wbp-confirm-icon{width:52px;height:52px;border-radius:14px;background:#fff8e6;color:#d97706;display:flex;align-items:center;justify-content:center}.wbp-confirm-title{font-size:17px;font-weight:800;color:#111;margin:0}.wbp-confirm-body{font-size:13px;color:#666;line-height:1.7;margin:0}.wbp-confirm-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:4px}.wbp-html-preview-iframe{width:100%;height:100%;border:none;display:block;pointer-events:none}.wbp-html-preview-iframe--editable{pointer-events:auto}.wbp-layout-preview{width:100%;height:130px;border-radius:8px;overflow:hidden;background:#f0f0f4;border:1px solid #e4e4ea;position:relative;display:flex;align-items:center;justify-content:center}.wbp-layout-preview .wbp-html-preview-iframe{width:960px;height:540px;transform:scale(.22);transform-origin:top center;pointer-events:none;position:absolute;left:50%;top:0;translate:-50% 0}.wbp-full-preview{width:100%;height:420px;border-radius:10px;overflow:hidden;border:1px solid #e4e4ea;background:#fff;position:relative}.wbp-full-preview .wbp-html-preview-iframe{width:100%;height:100%;pointer-events:none}.wbp-full-preview--editable{border-color:#c7d2fe;box-shadow:inset 0 0 0 1px #6366f11f}.wbp-full-preview--editable .wbp-html-preview-iframe,.wbp-full-preview--editable .wbp-html-preview-iframe--editable{pointer-events:auto}.wbp-preview-edit-hint{margin:-4px 0 10px;font-size:12px;line-height:1.45;color:#6b7280}.wbp-page-preview{width:100%;max-width:1040px;min-width:0;margin:0 auto}.wbp-page-preview-head{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:12px 16px;margin-bottom:12px}.wbp-page-preview-head .wbp-sec-main-desc{flex:1;min-width:220px}.wbp-pv-toolbar{display:flex;align-items:center;gap:8px;flex-shrink:0}.wbp-pv-devices,.wbp-pv-zoom{display:flex;align-items:center;padding:3px;border:1px solid #e4e4ea;border-radius:8px;background:#fff}.wbp-pv-device,.wbp-pv-zoom-btn,.wbp-pv-zoom-pct{border:0;background:transparent;color:#444;font-size:12px;font-weight:700;cursor:pointer}.wbp-pv-device{padding:6px 10px;border-radius:6px}.wbp-pv-device--active{background:#111;color:#fff}.wbp-pv-zoom-btn,.wbp-pv-zoom-pct{min-width:28px;height:28px;padding:0 6px;border-radius:6px}.wbp-pv-zoom-pct{min-width:44px}.wbp-pv-zoom-btn:hover,.wbp-pv-zoom-pct:hover,.wbp-pv-device:hover{background:#f3f3f6}.wbp-pv-device--active:hover{background:#111;color:#fff}.wbp-pv-zoom-btn:disabled{opacity:.35;cursor:not-allowed}.wbp-pv-viewport{width:100%;max-width:100%;overflow:auto}.wbp-pv-sizer{width:100%;position:relative}.wbp-pv-scale{position:absolute;top:0;left:0;max-width:none}.wbp-page-preview-sheet{border:1px solid #e4e4ea;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 10px 40px #0000000f}.wbp-pv-stage{position:relative}.wbp-pv-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}.wbp-pv-zone{position:absolute;left:0;right:0;pointer-events:none;box-shadow:inset 0 0 0 2px transparent;transition:box-shadow .15s}.wbp-pv-zone--shown{box-shadow:inset 0 0 0 2px #6c5ce74d}.wbp-pv-zone--active{box-shadow:inset 0 0 0 2px #6c5ce7}.wbp-pv-frame{position:relative;width:100%;background:#fff;font-size:0;line-height:0}.wbp-pv-frame .wbp-html-preview-iframe{width:100%;height:560px;display:block;border:0;pointer-events:none}.wbp-pv-frame--editable .wbp-html-preview-iframe{pointer-events:auto}.wbp-pv-tools{position:absolute;top:10px;right:10px;display:flex;align-items:center;gap:7px;padding:4px 4px 4px 10px;border-radius:8px;background:#111111e0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 4px 14px #0003;opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity .15s,transform .15s}.wbp-pv-zone--shown .wbp-pv-tools,.wbp-pv-zone--active .wbp-pv-tools{opacity:1;transform:none;pointer-events:auto}.wbp-pv-tools-label{font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#fff;white-space:nowrap}.wbp-pv-tools-dot{width:6px;height:6px;border-radius:50%;background:#f59e0b;flex-shrink:0}.wbp-pv-tools-btn{padding:4px 10px;border-radius:6px;border:none;background:#fff;color:#111;font-size:10.5px;font-weight:800;cursor:pointer;white-space:nowrap}.wbp-pv-tools-btn:hover{background:#e6e6ea}.wbp-pv-tools-img{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:6px;border:1px solid rgba(255,255,255,.28);background:transparent;color:#fff;font-size:10.5px;font-weight:800;cursor:pointer;white-space:nowrap}.wbp-pv-tools-img:hover{background:#ffffff29}.wbp-pv-tools-img--missing{border-color:#f8717199;color:#fca5a5}.wbp-pv-tools-img--missing:hover{background:#f871712e}.wbp-pv-imgpanel{position:absolute;top:calc(100% + 6px);right:0;width:260px;max-height:260px;overflow-y:auto;padding:6px;border-radius:9px;background:#111111f2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 10px 28px #00000052;display:flex;flex-direction:column;gap:2px;text-align:left}.wbp-pv-imgslot{display:flex;align-items:center;gap:8px;width:100%;padding:5px 6px;border:none;border-radius:7px;background:transparent;cursor:pointer;text-align:left}.wbp-pv-imgslot:hover{background:#ffffff1f}.wbp-pv-imgslot-thumb{width:34px;height:26px;flex-shrink:0;border-radius:4px;overflow:hidden;background:#ffffff1f}.wbp-pv-imgslot-thumb img{width:100%;height:100%;object-fit:cover;display:block}.wbp-pv-imgslot--empty .wbp-pv-imgslot-thumb{background:repeating-linear-gradient(45deg,#ef44448c 0,#ef44448c 5px,#ef444426 5px,#ef444426 10px)}.wbp-pv-imgslot-name{flex:1;min-width:0;font-size:11px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wbp-pv-imgslot-act{flex-shrink:0;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#ffffff8c}.wbp-pv-imgslot--empty .wbp-pv-imgslot-act{color:#fca5a5}.wbp-pv-imgpanel-all{margin-top:4px;padding:7px;border:none;border-top:1px solid rgba(255,255,255,.14);border-radius:0 0 6px 6px;background:transparent;color:#ffffffb3;font-size:10.5px;font-weight:700;cursor:pointer}.wbp-pv-imgpanel-all:hover{color:#fff;background:#ffffff1a}.wbp-opt-sidebar{width:300px;flex-shrink:0;display:flex;flex-direction:column;overflow:hidden;border-left:1px solid #e8e8ec;background:#f7f7fb}.wbp-opt-empty{margin:0;font-size:12px;line-height:1.65;color:#999}.wbp-opt-empty strong{color:#666}.wbp-pv-drawer-body{flex:1;min-height:0;padding:16px;overflow-y:auto;scrollbar-width:thin}.wbp-opt-sidebar .wbp-layout-grid{flex-wrap:wrap;overflow-x:visible}.wbp-opt-sidebar .wbp-layout-card{width:100%;min-width:0;flex:none}.wbp-templates-loading{display:flex;flex:1;align-items:center;justify-content:center;gap:12px;font-size:13px;color:#888}.wbp-spinner{width:18px;height:18px;border:2px solid #e0e0e0;border-top-color:#6c5ce7;border-radius:50%;animation:wbp-spin .7s linear infinite;flex-shrink:0}@keyframes wbp-spin{to{transform:rotate(360deg)}}.wbp-sec-count{font-size:10px;font-weight:700;color:#aaa;background:#f0f0f4;padding:1px 6px;border-radius:100px;margin-left:2px;flex-shrink:0}.wbp-no-templates{font-size:13px;color:#aaa;font-style:italic;margin:0}.wbp-img-picker{display:flex;align-items:flex-start}.wbp-img-picker-btn{display:flex;align-items:center;gap:8px;padding:9px 14px;border:1.5px dashed #ccc;border-radius:8px;background:#fafafa;color:#666;font-size:13px;font-weight:500;cursor:pointer;transition:border-color .15s,background .15s;font-family:inherit}.wbp-img-picker-btn:hover:not(:disabled){border-color:#888;background:#f5f5f8;color:#333}.wbp-img-picker-btn:disabled{opacity:.5;cursor:not-allowed}.wbp-img-picker-thumb{position:relative;display:inline-block;border-radius:8px;overflow:hidden;border:1.5px solid #e4e4ea}.wbp-img-thumb{display:block;width:120px;height:80px;object-fit:cover;border-radius:8px}.wbp-img-remove{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;background:#0000008c;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.wbp-img-remove:hover{background:#000c}.wbp-content-fields{display:flex;flex-direction:column;gap:14px;margin-bottom:8px}.wbp-cf-row{display:flex;flex-direction:column;gap:6px}.wbp-cf-label-row{display:flex;align-items:center;gap:7px}.wbp-cf-label{font-size:12px;font-weight:600;color:#444}.wbp-cf-type-badge{font-size:9px;font-weight:800;letter-spacing:.06em;padding:2px 6px;border-radius:4px;flex-shrink:0}.wbp-cf-type-badge--text{background:#eff6ff;color:#3b82f6}.wbp-cf-type-badge--img{background:#fdf4ff;color:#a855f7}@media(max-width:768px){.wbp-pages-wrap{height:auto;overflow:visible}.wbp-stepbar{height:auto;flex-wrap:wrap;gap:8px;padding:8px 12px}.wbp-stepbar-slot{margin-left:0;width:100%;justify-content:flex-start}.wbp-pages-list{justify-content:safe flex-start}.wbp-page-preset-grid{grid-template-columns:1fr}.wbp-pages-body{min-height:520px}.wbp-sec-layout{flex-direction:column;height:auto}.wbp-sec-sidebar{width:100%;border-right:none;border-bottom:1px solid #e8e8ec;padding:12px 0;max-height:220px;overflow-y:auto}.wbp-opt-sidebar{width:100%;border-left:none;border-top:1px solid #e8e8ec}.wbp-pv-drawer-body{max-height:60vh}.wbp-font-grid{flex-direction:column}.wbp-layout-card{min-width:100px}.wbp-colors-row{flex-direction:column}.wbp-step-body{margin:16px auto;padding:0 16px}.wbp-sec-main{padding:16px}.wbp-full-preview{height:260px}}[data-theme=dark] .wbp-root,[data-theme=dark] .wbp-mobile-block{background:#111}[data-theme=dark] .wbp-mobile-block-card{background:#1a1a1a;border-color:#2a2a2a;box-shadow:0 12px 36px #0006}[data-theme=dark] .wbp-mobile-block-icon{background:#222;border-color:#2a2a2a;color:#f0f0f0}[data-theme=dark] .wbp-mobile-block-title{color:#f0f0f0}[data-theme=dark] .wbp-mobile-block-text{color:#888}[data-theme=dark] .wbp-mobile-block-back{background:#f0f0f0;border-color:#f0f0f0;color:#111}[data-theme=dark] .wbp-mobile-block-back:hover{background:#fff;border-color:#fff}[data-theme=dark] .wbp-topbar{background:#1a1a1a;border-bottom-color:#2a2a2a}[data-theme=dark] .wbp-back-btn{color:#aaa}[data-theme=dark] .wbp-back-btn:hover{background:#252525;color:#f0f0f0}[data-theme=dark] .wbp-topbar-logo{color:#f0f0f0}[data-theme=dark] .wbp-save-btn{background:#252525;color:#ccc}[data-theme=dark] .wbp-save-btn:hover:not(:disabled){background:#2e2e2e}[data-theme=dark] .wbp-preview-btn{background:#1a1a1a;color:#f0f0f0;border-color:#3a3a3a}[data-theme=dark] .wbp-preview-btn:hover:not(:disabled){background:#252525}[data-theme=dark] .wbp-submit-btn{background:#f0f0f0;color:#111}[data-theme=dark] .wbp-submit-btn:hover:not(:disabled){opacity:.88}[data-theme=dark] .wbp-cancel-btn{color:#f87171;border-color:#5a2020}[data-theme=dark] .wbp-cancel-btn:hover:not(:disabled){background:#2a1a1a}[data-theme=dark] .wbp-stepbar{background:#1a1a1a;border-bottom-color:#2a2a2a}[data-theme=dark] .wbp-step{color:#666}[data-theme=dark] .wbp-step:hover:not(:disabled){background:#252525;color:#ccc}[data-theme=dark] .wbp-step--active{color:#f0f0f0}[data-theme=dark] .wbp-step--active .wbp-step-num{background:#f0f0f0;color:#111}[data-theme=dark] .wbp-step-num{background:#252525;color:#666}[data-theme=dark] .wbp-school-card{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .wbp-school-name{color:#f0f0f0}[data-theme=dark] .wbp-school-motto{color:#888}[data-theme=dark] .wbp-school-note{color:#555}[data-theme=dark] .wbp-school-logo{background:#252525;border-color:#333}[data-theme=dark] .wbp-divider{background:#2a2a2a}[data-theme=dark] .wbp-field-group-title{color:#e0e0e0}[data-theme=dark] .wbp-field-group-hint{color:#666}[data-theme=dark] .wbp-color-item{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .wbp-color-help{color:#888}[data-theme=dark] .wbp-color-preview--site{border-color:#2a2a2a}[data-theme=dark] .wbp-color-pill--bg{color:#e0e0e0;border-color:#444}[data-theme=dark] .wbp-color-label{color:#888}[data-theme=dark] .wbp-color-wrap{background:#1e1e1e;border-color:#333}[data-theme=dark] .wbp-color-hex{color:#e0e0e0}[data-theme=dark] .wbp-font-card{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .wbp-font-card:hover:not(:disabled){border-color:#555}[data-theme=dark] .wbp-font-card--active{border-color:#f0f0f0;box-shadow:0 0 0 3px #f0f0f014}[data-theme=dark] .wbp-font-sample{color:#f0f0f0}[data-theme=dark] .wbp-font-name{color:#e0e0e0}[data-theme=dark] .wbp-font-desc{color:#666}[data-theme=dark] .wbp-sec-sidebar{background:#1a1a1a;border-right-color:#2a2a2a}[data-theme=dark] .wbp-sec-sidebar-hint{color:#555}[data-theme=dark] .wbp-sec-sidebar-head{border-bottom-color:#2a2a2a}[data-theme=dark] .wbp-sec-add-btn{background:#1e1e1e;border-color:#444;color:#e0e0e0}[data-theme=dark] .wbp-sec-add-btn:hover,[data-theme=dark] .wbp-sec-add-btn--open{border-color:#f0f0f0;background:#252525}[data-theme=dark] .wbp-sec-add-menu{background:#1e1e1e;border-color:#333;box-shadow:0 12px 28px #00000080}[data-theme=dark] .wbp-sec-add-item:hover{background:#2a2a2a}[data-theme=dark] .wbp-sec-add-item .wbp-sec-name{color:#f0f0f0}[data-theme=dark] .wbp-sec-add-empty,[data-theme=dark] .wbp-sec-list-empty,[data-theme=dark] .wbp-sec-ordinal{color:#555}[data-theme=dark] .wbp-sec-grip{color:#444}[data-theme=dark] .wbp-sec-item--movable:hover .wbp-sec-grip{color:#888}[data-theme=dark] .wbp-sec-item--drop-before{box-shadow:inset 0 2px #f0f0f0}[data-theme=dark] .wbp-sec-item--drop-after{box-shadow:inset 0 -2px #f0f0f0}[data-theme=dark] .wbp-sec-remove-btn{color:#555}[data-theme=dark] .wbp-sec-remove-btn:hover{background:#ef444426;color:#f87171}[data-theme=dark] .wbp-sec-item:hover{background:#222}[data-theme=dark] .wbp-sec-item--active{background:#1e1e2e}[data-theme=dark] .wbp-sec-item--enabled .wbp-sec-name{color:#f0f0f0}[data-theme=dark] .wbp-sec-name{color:#666}[data-theme=dark] .wbp-sec-count{background:#252525;color:#555}[data-theme=dark] .wbp-sec-locked-pill{background:#252525;color:#666}[data-theme=dark] .wbp-sec-main{background:#111;scrollbar-color:#3a3a3a transparent}[data-theme=dark] .wbp-sec-main::-webkit-scrollbar-thumb{background:#3a3a3a;border-color:#111}[data-theme=dark] .wbp-sec-main::-webkit-scrollbar-thumb:hover{background:#555}[data-theme=dark] .wbp-custom-remove-btn{background:#ef444414;border-color:#ef44444d;color:#f87171}[data-theme=dark] .wbp-multi-imgs-item{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .wbp-multi-imgs-add{background:#1e1e1e;border-color:#444;color:#888}[data-theme=dark] .wbp-multi-imgs-add:hover{border-color:#f0f0f0;color:#e0e0e0;background:#252525}[data-theme=dark] .wbp-multi-imgs-hint,[data-theme=dark] .wbp-sec-empty{color:#555}[data-theme=dark] .wbp-sec-main-title{color:#f0f0f0}[data-theme=dark] .wbp-sec-main-desc,[data-theme=dark] .wbp-sec-block-label{color:#666}[data-theme=dark] .wbp-layout-card{background:#1e1e1e;border-color:#2a2a2a}[data-theme=dark] .wbp-layout-card:hover:not(:disabled){border-color:#555}[data-theme=dark] .wbp-layout-card--active{background:#252525;border-color:#f0f0f0;box-shadow:0 0 0 3px #f0f0f012}[data-theme=dark] .wbp-layout-preview{background:#252525;border-color:#333}[data-theme=dark] .wbp-layout-name{color:#e0e0e0}[data-theme=dark] .wbp-full-preview{background:#1a1a1a;border-color:#2a2a2a}[data-theme=dark] .wbp-full-preview--editable{border-color:#3f3f46;box-shadow:inset 0 0 0 1px #ffffff0a}[data-theme=dark] .wbp-preview-edit-hint{color:#9ca3af}[data-theme=dark] .wbp-img-picker-btn{background:#1e1e1e;border-color:#444;color:#888}[data-theme=dark] .wbp-img-picker-btn:hover:not(:disabled){background:#252525;border-color:#666;color:#ccc}[data-theme=dark] .wbp-img-picker-thumb{border-color:#333}[data-theme=dark] .wbp-no-templates{color:#555}[data-theme=dark] .wbp-cf-label{color:#888}[data-theme=dark] .wbp-cf-type-badge--text{background:#0f172a;color:#60a5fa}[data-theme=dark] .wbp-cf-type-badge--img{background:#1e0a2e;color:#c084fc}[data-theme=dark] .wbp-templates-loading{color:#666}[data-theme=dark] .wbp-spinner{border-color:#333;border-top-color:#a29bfe}[data-theme=dark] .wbp-field-label{color:#888}[data-theme=dark] .wbp-input{background:#1e1e1e;border-color:#333;color:#e0e0e0}[data-theme=dark] .wbp-input:focus{border-color:#666}[data-theme=dark] .wbp-input::placeholder{color:#444}[data-theme=dark] .wbp-input:disabled{background:#161616;color:#444}[data-theme=dark] .wbp-textarea{background:#1e1e1e;border-color:#333;color:#e0e0e0}[data-theme=dark] .wbp-textarea:focus{border-color:#666}[data-theme=dark] .wbp-textarea::placeholder{color:#444}[data-theme=dark] .wbp-textarea:disabled{background:#161616;color:#444}[data-theme=dark] .wbp-textarea--notes{background:#1a1a1a}[data-theme=dark] .wbp-optional{color:#555}[data-theme=dark] .wbp-notes-title{color:#f0f0f0}[data-theme=dark] .wbp-notes-sub{color:#666}[data-theme=dark] .wbp-submitted-note{background:#0a1f0f;border-color:#14532d;color:#4ade80}[data-theme=dark] .wbp-bottombar{background:#1a1a1a;border-top-color:#2a2a2a}[data-theme=dark] .wbp-step-indicator{color:#666}[data-theme=dark] .wbp-step-warning{color:#f59e0b}[data-theme=dark] .wbp-nav-btn{background:#252525;color:#ccc}[data-theme=dark] .wbp-nav-btn:hover{background:#2e2e2e}[data-theme=dark] .wbp-nav-btn--next{background:#f0f0f0;color:#111}[data-theme=dark] .wbp-nav-btn--next:hover{background:#e0e0e0}[data-theme=dark] .wbp-overlay{background:#000000a6}[data-theme=dark] .wbp-confirm{background:#1a1a1a;box-shadow:0 24px 80px #00000080}[data-theme=dark] .wbp-confirm-icon{background:#2a1f0a;color:#d97706}[data-theme=dark] .wbp-confirm-title{color:#f0f0f0}[data-theme=dark] .wbp-confirm-body{color:#888}[data-theme=dark] .wbp-pages-wrap{background:#111}[data-theme=dark] .wbp-page-tab{color:#888}[data-theme=dark] .wbp-page-tab:hover{background:#222;border-color:#2a2a2a;color:#e0e0e0}[data-theme=dark] .wbp-page-tab--active{background:#f0f0f0;border-color:#f0f0f0;color:#111}[data-theme=dark] .wbp-page-tab:not(.wbp-page-tab--active) .wbp-page-tab-pill{background:#2a2a2a;color:#888}[data-theme=dark] .wbp-page-tab:not(.wbp-page-tab--active) .wbp-page-tab-count{background:#2a2a2a;color:#888}[data-theme=dark] .wbp-page-tab--active .wbp-page-tab-count,[data-theme=dark] .wbp-page-tab--active .wbp-page-tab-icon,[data-theme=dark] .wbp-page-tab--active .wbp-page-tab-remove{background:#0000001a}[data-theme=dark] .wbp-page-tab--active .wbp-page-tab-icon:hover{background:#0003}[data-theme=dark] .wbp-pages-add-btn{background:#222;border-color:#444;color:#e0e0e0}[data-theme=dark] .wbp-pages-add-btn:hover{border-color:#f0f0f0;background:#252525}[data-theme=dark] .wbp-page-dialog{background:#1a1a1a;box-shadow:0 24px 80px #00000080}[data-theme=dark] .wbp-page-dialog-close{color:#777}[data-theme=dark] .wbp-page-dialog-close:hover{color:#f0f0f0}[data-theme=dark] .wbp-page-dialog-label{color:#666}[data-theme=dark] .wbp-page-preset{background:#222;border-color:#2a2a2a}[data-theme=dark] .wbp-page-preset:hover{background:#262626;border-color:#f0f0f0}[data-theme=dark] .wbp-page-preset-title{color:#f0f0f0}[data-theme=dark] .wbp-page-preset-slug{color:#777}[data-theme=dark] .wbp-page-meta-field .wbp-input{background:#1e1e1e}[data-theme=dark] .wbp-pages-wrap .wbp-sec-layout{background:#111}[data-theme=dark] .wbp-page-preview-sheet{background:#1a1a1a;border-color:#2a2a2a;box-shadow:0 10px 40px #00000059}[data-theme=dark] .wbp-pv-devices,[data-theme=dark] .wbp-pv-zoom{background:#1a1a1a;border-color:#2a2a2a}[data-theme=dark] .wbp-pv-device,[data-theme=dark] .wbp-pv-zoom-btn,[data-theme=dark] .wbp-pv-zoom-pct{color:#ddd}[data-theme=dark] .wbp-pv-device--active,[data-theme=dark] .wbp-pv-device--active:hover{background:#f0f0f0;color:#111}[data-theme=dark] .wbp-pv-zoom-btn:hover,[data-theme=dark] .wbp-pv-zoom-pct:hover,[data-theme=dark] .wbp-pv-device:hover{background:#2a2a2a}[data-theme=dark] .wbp-opt-sidebar{background:#161616;border-left-color:#2a2a2a}[data-theme=dark] .wbp-opt-empty{color:#666}[data-theme=dark] .wbp-opt-empty strong{color:#999}.hle-root{display:flex;flex-direction:column;flex:1;overflow:hidden;background:#111;min-width:0}.hle-canvas{flex:1;overflow-y:auto;overflow-x:hidden;background:#1a1a1a;display:flex;flex-direction:column;align-items:center;scrollbar-width:thin;scrollbar-color:#2a2a2a transparent}.hle-canvas::-webkit-scrollbar{width:6px}.hle-canvas::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:3px}.hle-paper{width:100%;max-width:520px;background:#fff;border-radius:8px;box-shadow:0 4px 32px #0009;overflow:hidden}.hle-content{width:100%;position:relative}.hle-content *{pointer-events:auto}.hle-page{display:flex;flex-direction:column;height:100vh;width:100vw;background:#0d0d0d;color:#e0e0e0;font-family:Inter,sans-serif;overflow:hidden;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999}.hle-body{display:flex;flex:1;overflow:hidden}.hle-loading,.hle-error{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:12px;color:#555;font-size:14px;font-family:Inter,sans-serif}.hle-error{color:#f87171}.hle-spinner{width:28px;height:28px;border:3px solid #2a2a2a;border-top-color:#6c5ce7;border-radius:50%;animation:hle-spin .8s linear infinite}@keyframes hle-spin{to{transform:rotate(360deg)}}.aie-draft-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;background:#f59e0b22;color:#f59e0b;font-size:11px;font-weight:600;letter-spacing:.3px;border:1px solid #f59e0b44;cursor:default}.aie-reset-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:5px 12px;border-radius:6px;border:1px solid #3f3f3f;background:transparent;color:#f87171;font-size:12px;font-weight:500;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background .15s,border-color .15s}.aie-reset-btn:hover:not(:disabled){background:#f8717122;border-color:#f87171}.aie-reset-btn:disabled{opacity:.5;cursor:not-allowed}.aie-reset-btn span{white-space:nowrap}.hle-page .aie-topbar-right{flex-shrink:0;flex-wrap:nowrap;gap:8px}.hle-page .aie-site-name{max-width:140px;min-width:0}.hle-page .aie-save-status{flex-shrink:1;min-width:0;overflow:hidden}.rtp-tab{display:flex;flex-direction:column;gap:18px;padding:4px 2px 12px}.rtp-tab__top{display:flex;align-items:center;justify-content:space-between;gap:10px}.rtp-reset-btn{padding:5px 10px;border-radius:6px;border:1px solid #e5e7eb;background:#fff;font-size:10px;font-weight:700;color:#555;cursor:pointer;white-space:nowrap}.rtp-reset-btn:hover{background:#f9fafb;border-color:#d1d5db;color:#111}.rtp-section-badge{display:inline-flex;align-self:flex-start;padding:4px 10px;border-radius:999px;background:#f3f4f6;border:1px solid #e5e7eb;font-size:11px;font-weight:700;color:#111}.rtp-block__head{display:flex;flex-direction:column;gap:2px;margin-bottom:10px}.rtp-block__title{font-size:12px;font-weight:800;color:#111}.rtp-block__hint{font-size:10px;color:#888}.rtp-layout-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rtp-layout-card{min-height:88px}.rtp-colors{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.rtp-color-swatch{width:28px;height:28px;border-radius:50%;border:2px solid #ffffff;box-shadow:0 0 0 1px #d1d5db;cursor:pointer;padding:0}.rtp-color-swatch--active{box-shadow:0 0 0 2px #111}.rtp-color-swatch--auto{background:linear-gradient(45deg,#e5e7eb 25%,transparent 25%),linear-gradient(-45deg,#e5e7eb 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e5e7eb 75%),linear-gradient(-45deg,transparent 75%,#e5e7eb 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0;background-color:#fff}.rtp-color-swatch--transparent{background:linear-gradient(45deg,#fca5a5 25%,transparent 25%),linear-gradient(-45deg,#fca5a5 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#fca5a5 75%),linear-gradient(-45deg,transparent 75%,#fca5a5 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0;background-color:#fff}.rtp-color-custom{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid #e5e7eb;border-radius:8px;font-size:10px;font-weight:600;color:#555;cursor:pointer}.rtp-color-custom input{width:24px;height:24px;border:none;padding:0;background:none;cursor:pointer}.rtp-empty{padding:24px 12px;text-align:center}.rtp-empty__title{margin:0 0 6px;font-size:13px;font-weight:700;color:#111}.rtp-empty__desc{margin:0;font-size:11px;line-height:1.5;color:#888}.rtp-footnote{margin:0;font-size:10px;line-height:1.45;color:#9ca3af}.rtp-mini{width:100%;min-height:42px}.rtp-mini--header{display:flex;align-items:center;gap:6px;padding:4px}.rtp-mini--split{align-items:flex-start}.rtp-mini--col{flex-direction:column;align-items:center}.rtp-mini--student{display:flex;gap:6px;padding:4px}.rtp-mini--inline{align-items:center;justify-content:space-between}.rtp-mini__logo{width:14px;height:14px;border-radius:50%;flex-shrink:0}.rtp-mini__logo--sm{width:10px;height:10px}.rtp-mini__bar{height:6px;border-radius:3px;background:#d1d5db}.rtp-mini__bar--thin{height:4px}.rtp-mini__line{height:4px;border-radius:2px;background:#e5e7eb;margin-top:3px}.rtp-mini__line--short{width:60%}.rtp-mini__line--thin{height:3px}.rtp-mini__pill{width:18px;height:10px;border-radius:4px;border:1px solid #d1d5db;flex-shrink:0}.rtp-mini__stack{flex:1;min-width:0}.rtp-mini__photo{width:16px;height:20px;border:1px solid #d1d5db;border-radius:3px;flex-shrink:0}.rtp-mini__grid{flex:1;display:grid;gap:3px;min-height:28px;background:linear-gradient(#e5e7eb 0,#e5e7eb 0) 0 0 / 100% 4px no-repeat,linear-gradient(#e5e7eb 0,#e5e7eb 0) 0 8px / 100% 4px no-repeat,linear-gradient(#e5e7eb 0,#e5e7eb 0) 0 16px / 70% 4px no-repeat}.rtp-mini__grid--2{grid-template-columns:1fr 1fr}.rtp-mini__grid--3{grid-template-columns:1fr 1fr 1fr}.rtp-mini__vdiv{width:1px;height:18px;background:#e5e7eb}.rtp-mini--remarks{display:flex;gap:6px;padding:4px;width:100%}.rtp-mini__remark-block{flex:1;min-height:34px;border:1px solid #e5e7eb;border-radius:3px;background:linear-gradient(#d1d5db 0,#d1d5db 0) 6px 6px / 70% 3px no-repeat,linear-gradient(#e5e7eb 0,#e5e7eb 0) 6px 14px / 90% 2px no-repeat,linear-gradient(#e5e7eb 0,#e5e7eb 0) 6px 20px / 60% 2px no-repeat}.rtp-mini__remark-box{flex:1;min-height:34px;border:1px solid #e5e7eb;background:#fafafa}.rtp-mini__remark-sig{flex:1;min-height:34px;border-bottom:2px solid #d1d5db;background:linear-gradient(#9ca3af 0,#9ca3af 0) 4px 4px / 50% 3px no-repeat,linear-gradient(#e5e7eb 0,#e5e7eb 0) 4px 12px / 80% 2px no-repeat}.rtp-mini__remark-accent{flex:1;min-height:34px;border-left:3px solid #111111;padding-left:4px;background:linear-gradient(#d1d5db 0,#d1d5db 0) 4px 4px / 70% 3px no-repeat,linear-gradient(#e5e7eb 0,#e5e7eb 0) 4px 12px / 85% 2px no-repeat}.rtp-mini__remark-min{flex:1;min-height:34px;opacity:.35;border-radius:2px;background:linear-gradient(#fff 0,#fff 0) 4px 4px / 60% 3px no-repeat,linear-gradient(#fff 0,#fff 0) 4px 12px / 80% 2px no-repeat}.eat-page{display:flex;flex-direction:column;height:100vh;width:100vw;background:#f1f5f9;color:#1e293b;font-family:Inter,sans-serif;overflow:hidden;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999}.eat-topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 16px;height:50px;background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;gap:12px;box-shadow:0 1px 3px #0000000f}.eat-topbar-left{display:flex;align-items:center;gap:10px;min-width:0}.eat-back-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:6px;border:1px solid #e2e8f0;background:transparent;color:#64748b;font-size:12px;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background .15s,color .15s}.eat-back-btn:hover{background:#f8fafc;color:#1e293b}.eat-name{font-size:14px;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.eat-draft-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;background:#fef3c7;color:#d97706;font-size:11px;font-weight:600;border:1px solid #fde68a}.eat-topbar-right{display:flex;align-items:center;gap:8px;flex-shrink:0;justify-self:end}.eat-mode-switch{display:inline-flex;align-items:center;padding:3px;border-radius:9px;background:#f1f5f9;border:1px solid #e2e8f0}.eat-mode-btn{min-width:88px;height:28px;padding:0 14px;border:none;border-radius:7px;background:transparent;color:#64748b;font-size:12px;font-weight:700;cursor:pointer;transition:background .12s,color .12s,box-shadow .12s}.eat-mode-btn:hover{color:#1e293b}.eat-mode-btn.active{background:#fff;color:#6c5ce7;box-shadow:0 1px 3px #0f172a1f}.eat-save-status{font-size:11px;color:#94a3b8;white-space:nowrap}.eat-save-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:7px;border:none;background:#6c5ce7;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,opacity .15s}.eat-save-btn:hover:not(:disabled){background:#5b4ccc}.eat-save-btn:disabled{opacity:.55;cursor:not-allowed}.eat-reset-btn{display:inline-flex;align-items:center;gap:5px;padding:7px 14px;border-radius:7px;border:1px solid #e2e8f0;background:transparent;color:#ef4444;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}.eat-reset-btn:hover:not(:disabled){background:#fef2f2;border-color:#fca5a5}.eat-reset-btn:disabled{opacity:.5;cursor:not-allowed}.eat-body{display:flex;flex:1 1 0;overflow:hidden;min-height:0}.eat-editor-pane{flex:1 1 0;display:flex;flex-direction:column;min-height:0;min-width:0;background:#f1f5f9;overflow:hidden}.eat-editor-pane.is-hidden,.eat-preview-pane.is-hidden{display:none}.eat-toolbar{display:flex;align-items:center;gap:2px;padding:6px 14px;background:#fff;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;flex-shrink:0;box-shadow:0 1px 2px #0000000a}.eat-toolbar-section-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#94a3b8;margin-right:6px;white-space:nowrap}.eat-tb-btn{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 4px;border-radius:5px;border:none;background:transparent;color:#64748b;font-size:13px;font-weight:600;cursor:pointer;transition:background .12s,color .12s;white-space:nowrap}.eat-tb-btn:hover{background:#f1f5f9;color:#1e293b}.eat-tb-btn.active{background:#ede9fe;color:#6c5ce7}.eat-tb-btn:disabled{opacity:.35;cursor:not-allowed}.eat-tb-sep{width:1px;height:18px;background:#e2e8f0;margin:0 4px;flex-shrink:0}.eat-tb-select{height:27px;border-radius:5px;border:1px solid #e2e8f0;background:#f8fafc;color:#475569;font-size:12px;padding:0 6px;cursor:pointer}.eat-tb-select:focus{outline:none;border-color:#6c5ce7}.eat-tb-color{width:28px;height:28px;border:1px solid #e2e8f0;border-radius:5px;cursor:pointer;padding:2px;background:#f8fafc}.eat-tb-color-wrap{display:flex;align-items:center;gap:3px;font-size:10px;color:#94a3b8}.eat-tb-bg-group{display:flex;align-items:center;gap:4px;font-size:11px;color:#64748b;padding:0 4px}.eat-tb-bg-label{font-size:10px;color:#94a3b8;white-space:nowrap}.eat-bg-panel{display:flex;align-items:center;gap:8px;padding:0 6px;border-left:1px solid #e2e8f0;margin-left:2px}.eat-bg-panel-label{font-size:10px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap}.eat-bg-row{display:flex;align-items:center;gap:5px}.eat-bg-hint{font-size:10px;color:#94a3b8;white-space:nowrap}.eat-bg-upload-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:5px;border:1px dashed #cbd5e1;background:#f8fafc;color:#475569;font-size:11px;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .12s,border-color .12s}.eat-bg-upload-btn:hover:not(:disabled){background:#f1f5f9;border-color:#94a3b8}.eat-bg-upload-btn:disabled{opacity:.5;cursor:not-allowed}.eat-bg-img-preview-wrap{position:relative;display:inline-flex;align-items:center}.eat-bg-img-thumb{width:32px;height:22px;object-fit:cover;border-radius:3px;border:1px solid #e2e8f0}.eat-bg-remove-btn{position:absolute;top:-5px;right:-6px;width:14px;height:14px;border-radius:50%;border:none;background:#ef4444;color:#fff;font-size:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}.eat-bg-overlay-row{gap:6px}.eat-overlay-slider{width:80px;height:4px;cursor:pointer;accent-color:#6c5ce7}.eat-editor-scroll{flex:1 1 0;overflow-y:auto;overflow-x:hidden;padding:28px 20px 60px;background:#f1f5f9;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.eat-email-paper{margin:0 auto}.eat-editor-scroll::-webkit-scrollbar{width:6px}.eat-editor-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.eat-email-paper{width:100%;max-width:600px;background:#fff;border-radius:10px;box-shadow:0 4px 24px #0000001a;overflow:hidden;flex-shrink:0}.eat-section-wrap{position:relative;transition:box-shadow .15s;cursor:text}.eat-section-wrap.focused{box-shadow:inset 0 0 0 2px #6c5ce755}.eat-section-label{position:absolute;top:6px;left:10px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#ffffff73;pointer-events:none;z-index:1}.eat-section-label.dark-bg{color:#ffffff73}.eat-section-label.light-bg{color:#0000004d}.eat-top-editor{outline:none;min-height:48px;font-family:Arial,Helvetica,sans-serif;font-size:14px;color:inherit;caret-color:#a78bfa}.eat-top-editor:focus{outline:none}.eat-top-editor p,.eat-top-editor h1,.eat-top-editor h2,.eat-top-editor h3{margin:0 0 6px}.eat-bottom-editor{outline:none;min-height:48px;font-family:Arial,Helvetica,sans-serif;font-size:13px;color:inherit;caret-color:#6c5ce7}.eat-bottom-editor:focus{outline:none}.eat-bottom-editor p{margin:0 0 5px}.eat-top-editor img,.eat-bottom-editor img{max-width:100%;height:auto;border-radius:4px;display:block;margin:6px auto}.eat-top-editor img.ProseMirror-selectednode,.eat-bottom-editor img.ProseMirror-selectednode{outline:2px solid #6c5ce7}.eat-locked-zone{padding:22px 28px;background:#f8fafc;border-top:2px dashed #e2e8f0;border-bottom:2px dashed #e2e8f0;position:relative;cursor:text}.eat-locked-zone.focused{box-shadow:inset 0 0 0 2px #6c5ce755}.eat-locked-badge{position:absolute;top:7px;right:10px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:#94a3b8;background:#fff;border:1px solid #e2e8f0;border-radius:4px;padding:2px 7px}.eat-locked-content{color:#374151;font-size:14px;line-height:1.6;font-family:Arial,Helvetica,sans-serif}.eat-locked-content p{margin:0 0 8px}.eat-locked-content h1,.eat-locked-content h2,.eat-locked-content h3{margin:0 0 8px;font-weight:700}.eat-locked-content ul,.eat-locked-content ol{margin:4px 0 8px 18px;padding:0}.eat-locked-content li{margin-bottom:3px}.eat-locked-content img{max-width:100%;height:auto;border-radius:4px}.eat-locked-content a{color:#6c5ce7}.eat-content-editor{outline:none;min-height:72px;font-family:Arial,Helvetica,sans-serif;font-size:14px;color:#374151;line-height:1.6}.eat-content-editor:focus{outline:none}.eat-content-editor p{margin:0 0 8px}.eat-content-editor img,.eat-top-editor img,.eat-bottom-editor img{max-width:100%;height:auto;border-radius:4px}.eat-content-editor [data-resize-container]:has(img[data-align=center]),.eat-top-editor [data-resize-container]:has(img[data-align=center]),.eat-bottom-editor [data-resize-container]:has(img[data-align=center]){justify-content:center}.eat-content-editor [data-resize-container]:has(img[data-align=left]),.eat-top-editor [data-resize-container]:has(img[data-align=left]),.eat-bottom-editor [data-resize-container]:has(img[data-align=left]){justify-content:flex-start}.eat-content-editor [data-resize-container]:has(img[data-align=right]),.eat-top-editor [data-resize-container]:has(img[data-align=right]),.eat-bottom-editor [data-resize-container]:has(img[data-align=right]){justify-content:flex-end}.eat-content-editor [data-resize-container]:has(img[data-align=float-left]),.eat-top-editor [data-resize-container]:has(img[data-align=float-left]),.eat-bottom-editor [data-resize-container]:has(img[data-align=float-left]){display:block!important;float:left;width:max-content!important;max-width:100%;margin:0 8px 0 0;line-height:0}.eat-content-editor [data-resize-container]:has(img[data-align=float-right]),.eat-top-editor [data-resize-container]:has(img[data-align=float-right]),.eat-bottom-editor [data-resize-container]:has(img[data-align=float-right]){display:block!important;float:right;width:max-content!important;max-width:100%;margin:0 0 0 8px;line-height:0}.eat-content-editor [data-resize-container]:has(img[data-align=float-left]) [data-resize-wrapper],.eat-content-editor [data-resize-container]:has(img[data-align=float-right]) [data-resize-wrapper],.eat-top-editor [data-resize-container]:has(img[data-align=float-left]) [data-resize-wrapper],.eat-top-editor [data-resize-container]:has(img[data-align=float-right]) [data-resize-wrapper],.eat-bottom-editor [data-resize-container]:has(img[data-align=float-left]) [data-resize-wrapper],.eat-bottom-editor [data-resize-container]:has(img[data-align=float-right]) [data-resize-wrapper]{width:max-content;max-width:100%}.eat-content-editor:after,.eat-top-editor:after,.eat-bottom-editor:after{content:"";display:table;clear:both}[data-resize-handle]{width:10px;height:10px;background:#6c5ce7;border:2px solid #fff;border-radius:2px;box-shadow:0 0 0 1px #6c5ce766;z-index:4;box-sizing:border-box}[data-resize-handle=top-left],[data-resize-handle=bottom-left]{cursor:nwse-resize;transform:translate(-50%,-50%)}[data-resize-handle=top-right],[data-resize-handle=bottom-right]{cursor:nesw-resize;transform:translate(50%,-50%)}[data-resize-handle=bottom-left]{transform:translate(-50%,50%)}[data-resize-handle=bottom-right]{transform:translate(50%,50%)}[data-resize-wrapper]{max-width:100%}[data-resize-wrapper] img{display:block}.eat-preview-pane{flex:1 1 0;display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden;background:#f1f5f9}.eat-preview-scroll{flex:1 1 0;overflow-y:auto;padding:28px 20px 60px;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.eat-preview-scroll--full{display:flex;justify-content:center}.eat-preview-scroll--full>div{width:100%;max-width:600px}.eat-preview-scroll::-webkit-scrollbar{width:6px}.eat-preview-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.eat-loading,.eat-error{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:12px;color:#94a3b8;font-size:14px}.eat-error{color:#ef4444}.eat-spinner{width:28px;height:28px;border:3px solid #e2e8f0;border-top-color:#6c5ce7;border-radius:50%;animation:eat-spin .8s linear infinite}@keyframes eat-spin{to{transform:rotate(360deg)}}.eat-img-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:10000}.eat-img-modal{background:#fff;border-radius:10px;padding:24px;width:380px;box-shadow:0 8px 40px #0000002e;display:flex;flex-direction:column;gap:14px}.eat-img-modal h3{margin:0;font-size:15px;font-weight:700;color:#1e293b}.eat-img-modal input{width:100%;padding:9px 12px;border:1px solid #e2e8f0;border-radius:7px;font-size:13px;color:#1e293b;box-sizing:border-box}.eat-img-modal input:focus{outline:none;border-color:#6c5ce7}.eat-img-modal-actions{display:flex;gap:8px;justify-content:flex-end}.eat-img-modal-actions button{padding:7px 16px;border-radius:6px;border:none;font-size:13px;font-weight:600;cursor:pointer}.eat-img-modal-actions .cancel{background:#f1f5f9;color:#64748b}.eat-img-modal-actions .insert{background:#6c5ce7;color:#fff}[data-theme=dark] .eat-page{background:#111;color:#e0e0e0}[data-theme=dark] .eat-topbar{background:#1a1a1a;border-bottom-color:#2a2a2a;box-shadow:0 1px 3px #0000004d}[data-theme=dark] .eat-back-btn{border-color:#2a2a2a;color:#888}[data-theme=dark] .eat-back-btn:hover{background:#252525;color:#e0e0e0}[data-theme=dark] .eat-name{color:#e0e0e0}[data-theme=dark] .eat-mode-switch{background:#252525;border-color:#2a2a2a}[data-theme=dark] .eat-mode-btn{color:#888}[data-theme=dark] .eat-mode-btn:hover{color:#e0e0e0}[data-theme=dark] .eat-mode-btn.active{background:#1a1a1a;color:#a78bfa;box-shadow:0 1px 3px #0006}[data-theme=dark] .eat-draft-badge{background:#2d2000;color:#f59e0b;border-color:#3d2d00}[data-theme=dark] .eat-save-status{color:#555}[data-theme=dark] .eat-reset-btn{border-color:#2a2a2a;color:#f87171}[data-theme=dark] .eat-reset-btn:hover:not(:disabled){background:#2a1a1a;border-color:#f87171}[data-theme=dark] .eat-toolbar{background:#1a1a1a;border-bottom-color:#2a2a2a;box-shadow:0 1px 2px #0003}[data-theme=dark] .eat-toolbar-section-label{color:#555}[data-theme=dark] .eat-tb-btn{color:#888}[data-theme=dark] .eat-tb-btn:hover{background:#252525;color:#e0e0e0}[data-theme=dark] .eat-tb-btn.active{background:#2d2040;color:#a78bfa}[data-theme=dark] .eat-tb-sep{background:#2a2a2a}[data-theme=dark] .eat-tb-select{background:#252525;border-color:#2a2a2a;color:#aaa}[data-theme=dark] .eat-tb-select:focus{border-color:#a78bfa}[data-theme=dark] .eat-tb-color{background:#252525;border-color:#2a2a2a}[data-theme=dark] .eat-tb-color-wrap{color:#555}[data-theme=dark] .eat-bg-panel{border-left-color:#2a2a2a}[data-theme=dark] .eat-bg-panel-label,[data-theme=dark] .eat-bg-hint{color:#555}[data-theme=dark] .eat-bg-upload-btn{background:#252525;border-color:#3a3a3a;color:#888}[data-theme=dark] .eat-bg-upload-btn:hover:not(:disabled){background:#2a2a2a;border-color:#555}[data-theme=dark] .eat-bg-img-thumb{border-color:#3a3a3a}[data-theme=dark] .eat-editor-pane{background:#111;border-right-color:#2a2a2a}[data-theme=dark] .eat-editor-scroll{background:#111;scrollbar-color:#2a2a2a transparent}[data-theme=dark] .eat-editor-scroll::-webkit-scrollbar-thumb{background:#2a2a2a}[data-theme=dark] .eat-email-paper{background:#1a1a1a;box-shadow:0 4px 24px #0006}[data-theme=dark] .eat-section-wrap.focused{box-shadow:inset 0 0 0 2px #a78bfa59}[data-theme=dark] .eat-locked-zone{background:#1e1e1e;border-top-color:#2a2a2a;border-bottom-color:#2a2a2a}[data-theme=dark] .eat-locked-badge{background:#1a1a1a;border-color:#2a2a2a;color:#555}[data-theme=dark] .eat-locked-zone.focused{box-shadow:inset 0 0 0 2px #a78bfa59}[data-theme=dark] .eat-content-editor{color:#ccc}[data-theme=dark] .eat-preview-pane{background:#111}[data-theme=dark] .eat-preview-scroll{scrollbar-color:#2a2a2a transparent}[data-theme=dark] .eat-preview-scroll::-webkit-scrollbar-thumb{background:#2a2a2a}[data-theme=dark] .eat-loading{color:#555}[data-theme=dark] .eat-spinner{border-color:#2a2a2a;border-top-color:#a78bfa}[data-theme=dark] .eat-img-modal-overlay{background:#0009}[data-theme=dark] .eat-img-modal{background:#1e1e1e;box-shadow:0 8px 40px #00000080}[data-theme=dark] .eat-img-modal h3{color:#e0e0e0}[data-theme=dark] .eat-img-modal input{background:#252525;border-color:#2a2a2a;color:#e0e0e0}[data-theme=dark] .eat-img-modal input:focus{border-color:#a78bfa}[data-theme=dark] .eat-img-modal-actions .cancel{background:#252525;color:#888}.fbw_widget{position:fixed;z-index:1600000;display:flex;align-items:center;gap:8px;background:#111;color:#fff;border-radius:50px;padding:9px 14px 9px 10px;box-shadow:0 4px 20px #00000040;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;transition:box-shadow .2s ease,opacity .2s ease;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.07'/%3E%3C/svg%3E");background-size:100px 100px}.fbw_widget:hover{box-shadow:0 6px 28px #00000059}.fbw_widget:active{cursor:grabbing}.fbw_icon{width:28px;height:28px;border-radius:50%;background:#ffffff1f;border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;flex-shrink:0;pointer-events:none}.fbw_label{font-size:12px;font-weight:600;letter-spacing:.1px;white-space:nowrap;pointer-events:none}.fbw_dismiss{position:absolute;top:-7px;right:-7px;width:18px;height:18px;border-radius:50%;background:#555;border:1.5px solid #111111;color:#fff;font-size:11px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .15s;padding:0}.fbw_widget:hover .fbw_dismiss{opacity:1}.fbw_widget.fbw_glow{animation:fbw_glow_pulse 2.5s ease forwards}@keyframes fbw_glow_pulse{0%{box-shadow:0 4px 20px #00000040}25%{box-shadow:0 0 0 6px #ffffff26,0 0 24px 6px #64646480}50%{box-shadow:0 0 0 10px #ffffff14,0 0 36px 10px #50505066}75%{box-shadow:0 0 0 6px #ffffff1a,0 0 20px 4px #64646459}to{box-shadow:0 4px 20px #00000040}}[data-theme=dark] .fbw_widget{background:#1e1e1e;box-shadow:0 4px 20px #00000080}[data-theme=dark] .fbw_dismiss{background:#444;border-color:#1e1e1e}.site-footer{background:#0d0d0d;border-top:1px solid rgba(255,255,255,.06)}.site-footer__inner{max-width:1200px;margin:0 auto;padding:64px 6% 48px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}.site-footer__brand-col{display:flex;flex-direction:column;gap:14px}.site-footer__brand{display:inline-flex;align-items:center;gap:10px;font-size:22px;font-weight:800;color:#fff;letter-spacing:-.02em}.site-footer__brand-logo{width:28px;height:28px;object-fit:contain;border-radius:6px;display:block}.site-footer__tagline{font-size:13px;color:#fff6;line-height:1.7;margin:0;max-width:240px}.site-footer__socials{display:flex;gap:10px;margin-top:4px}.site-footer__socials a{width:34px;height:34px;border-radius:8px;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:#ffffff73;text-decoration:none;transition:border-color .15s,color .15s,background .15s}.site-footer__socials a:hover{border-color:#ffffff4d;color:#fff;background:#ffffff0f}.site-footer__col{display:flex;flex-direction:column;gap:10px}.site-footer__col h4{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#ffffff59;margin:0 0 6px}.site-footer__col a{font-size:13px;color:#ffffff8c;text-decoration:none;transition:color .15s;line-height:1.4}.site-footer__col a:hover{color:#fff}.site-footer__bottom{border-top:1px solid rgba(255,255,255,.06)}.site-footer__bottom-inner{max-width:1200px;margin:0 auto;padding:20px 6%;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.site-footer__bottom-inner span{font-size:12px;color:#ffffff40}.site-footer__bottom-links{display:flex;gap:20px}.site-footer__bottom-links a{font-size:12px;color:#ffffff4d;text-decoration:none;transition:color .15s}.site-footer__bottom-links a:hover{color:#ffffffb3}@media(max-width:900px){.site-footer__inner{grid-template-columns:1fr 1fr;gap:36px;padding:48px 24px 36px}.site-footer__brand-col{grid-column:1 / -1}}@media(max-width:500px){.site-footer__inner{grid-template-columns:1fr 1fr;gap:28px;padding:40px 20px 28px}.site-footer__bottom-inner{flex-direction:column;text-align:center}}.docs-pg{min-height:100vh;background:#f7f6f3;font-family:Inter,sans-serif;display:flex;flex-direction:column}.docs-pg__footer{margin-top:auto}.docs-pg__body--status{flex:1;display:flex;align-items:center;justify-content:center;min-height:420px;padding:60px 24px 100px}.docs-pg__status{width:100%;max-width:420px;text-align:center;background:#fff;border:1px solid #ebebeb;border-radius:16px;padding:40px 32px;box-shadow:0 8px 32px #0000000a}.docs-pg__status h2{margin:16px 0 8px;font-size:1.25rem;font-weight:800;color:#111}.docs-pg__status p{margin:0;font-size:14px;line-height:1.6;color:#666}.docs-pg__status-icon{color:#ef4444}.docs-pg__status--error{border-color:#ef444433}.docs-pg__spinner{width:40px;height:40px;margin:0 auto;border:3px solid #ebebeb;border-top-color:#111;border-radius:50%;animation:docs-pg-spin .8s linear infinite}.docs-pg__retry-btn{margin-top:20px;padding:10px 22px;border:none;border-radius:10px;background:#111;color:#fff;font-size:14px;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;transition:background .15s}.docs-pg__retry-btn:hover{background:#333}@keyframes docs-pg-spin{to{transform:rotate(360deg)}}.docs-pg__hero{background:#0d0d0d;color:#fff;text-align:center;padding:92px 24px 56px;position:relative;overflow:hidden}.docs-pg__hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}.docs-pg__tag{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:#fff6;border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:4px 12px;margin-bottom:16px}.docs-pg__hero h1{font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:900;margin:0 0 12px;line-height:1.15;position:relative}.docs-pg__hero p{font-size:15px;color:#ffffff80;margin:0 0 28px;position:relative}.docs-pg__search-wrap{position:relative;display:inline-flex;align-items:center;width:100%;max-width:520px}.docs-pg__search-icon{position:absolute;left:16px;color:#ffffff4d;pointer-events:none}.docs-pg__search{width:100%;padding:13px 44px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff12;color:#fff;font-size:14px;font-family:Inter,sans-serif;outline:none;transition:border-color .15s,background .15s}.docs-pg__search::placeholder{color:#ffffff4d}.docs-pg__search:focus{border-color:#ffffff40;background:#ffffff1a}.docs-pg__search-clear{position:absolute;right:14px;background:none;border:none;color:#ffffff59;font-size:13px;cursor:pointer;padding:4px;line-height:1}.docs-pg__search-clear:hover{color:#fff}.docs-pg__search-results{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);width:100%;max-width:520px;background:#1a1a1a;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;z-index:100;box-shadow:0 16px 48px #0006}.docs-pg__search-empty{padding:20px;font-size:13px;color:#fff6;text-align:center}.docs-pg__search-result{display:flex;flex-direction:column;gap:3px;width:100%;text-align:left;padding:14px 18px;background:none;border:none;border-bottom:1px solid rgba(255,255,255,.06);cursor:pointer;transition:background .12s}.docs-pg__search-result:last-child{border-bottom:none}.docs-pg__search-result:hover{background:#ffffff0d}.docs-pg__search-result-title{font-size:13px;font-weight:600;color:#fff}.docs-pg__search-result-preview{font-size:12px;color:#fff6;line-height:1.4}.docs-pg__body{max-width:1200px;margin:0 auto;padding:40px 24px 80px;display:flex;gap:32px;align-items:flex-start}.docs-pg__sidebar{width:240px;flex-shrink:0;position:sticky;top:84px;background:#fff;border-radius:14px;border:1px solid #ebebeb;padding:20px 0;overflow:hidden}.docs-pg__sidebar-section{margin-bottom:4px}.docs-pg__sidebar-heading{display:flex;align-items:center;gap:8px;padding:8px 20px 6px}.docs-pg__sidebar-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:#888}.docs-pg__sidebar-heading h4{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#aaa;margin:0}.docs-pg__sidebar ul{list-style:none;padding:0;margin:0 0 8px}.docs-pg__sidebar-link{display:block;width:100%;text-align:left;padding:8px 20px 8px 28px;background:none;border:none;font-size:13px;color:#555;cursor:pointer;transition:color .12s,background .12s;font-family:Inter,sans-serif;border-left:2px solid transparent;margin-left:0;text-decoration:none;box-sizing:border-box}.docs-pg__sidebar-link:hover{color:#111;background:#f7f6f3}.docs-pg__sidebar-link.active{color:#111;font-weight:600;background:#f7f6f3;border-left-color:#111}.docs-pg__sidebar-toggle,.docs-pg__sidebar-backdrop,.docs-pg__sidebar-header,.docs-pg__sidebar-close{display:none}.docs-pg__content{flex:1;min-width:0;border-radius:14px;padding:40px 48px}.docs-pg__breadcrumb{font-size:12px;color:#aaa;margin-bottom:20px;display:flex;align-items:center;gap:4px}.docs-pg__breadcrumb span{color:#ddd}.docs-pg__content-title{font-size:clamp(1.4rem,2.5vw,2rem);font-weight:900;color:#111;margin:0 0 14px;line-height:1.15}.docs-pg__content-lead,.docs-pg__block-paragraph{font-size:16px;line-height:1.75;color:#444;margin:0 0 20px}.docs-pg__content-blocks{margin-bottom:28px}.docs-pg__step-blocks .docs-pg__block-paragraph{font-size:14px;margin-bottom:14px}.docs-pg__step-blocks .docs-pg__video-wrap,.docs-pg__step-blocks .docs-pg__image-wrap{margin-top:12px;margin-bottom:14px}.docs-pg__image-wrap{margin:0 0 24px;border-radius:12px;overflow:hidden;border:1px solid #ebebeb;background:#fff}.docs-pg__image-wrap img{display:block;width:100%;height:auto}.docs-pg__image-wrap figcaption{padding:10px 14px;font-size:12px;color:#666;background:#f7f6f3;border-top:1px solid #ebebeb}font-size: 15px; color: #666; line-height: 1.8; margin: 0 0 32px; padding-bottom: 28px; border-bottom: 1px solid #f0f0f0; } .docs-pg__video-wrap{margin-bottom:36px;border-radius:12px;overflow:hidden;border:1px solid #ebebeb}.docs-pg__video-label{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#f7f6f3;font-size:12px;font-weight:600;color:#555;border-bottom:1px solid #ebebeb}.docs-pg__video-label svg{color:#111}.docs-pg__video-frame{position:relative;padding-bottom:56.25%;height:0;background:#000}.docs-pg__video-frame iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none}.docs-pg__steps{display:flex;flex-direction:column;gap:0;margin-bottom:32px;position:relative}.docs-pg__steps:before{content:"";position:absolute;left:19px;top:20px;bottom:20px;width:1px;background:#ebebeb;z-index:0}.docs-pg__step{display:flex;gap:18px;align-items:flex-start;padding:16px 0;position:relative;z-index:1}.docs-pg__step-num{width:38px;height:38px;border-radius:50%;background:#111;color:#fff;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.docs-pg__step-body h4{font-size:14px;font-weight:700;color:#111;margin:6px 0 4px}.docs-pg__step-body p{font-size:13px;color:#666;line-height:1.7;margin:0}.docs-pg__callout{display:flex;align-items:flex-start;gap:10px;background:#f7f6f3;border-left:3px solid #111;border-radius:0 8px 8px 0;padding:14px 18px;font-size:13px;color:#555;line-height:1.6;margin-bottom:40px}.docs-pg__callout svg{flex-shrink:0;margin-top:1px;color:#111}.docs-pg__nav{display:flex;justify-content:space-between;gap:16px;padding-top:32px;border-top:1px solid #f0f0f0;margin-top:8px}.docs-pg__nav-btn{display:flex;align-items:center;gap:10px;padding:14px 20px;border-radius:10px;border:1px solid #ebebeb;background:#fff;cursor:pointer;transition:border-color .15s,box-shadow .15s;font-family:Inter,sans-serif;max-width:48%;text-decoration:none;box-sizing:border-box}.docs-pg__nav-btn:hover{border-color:#bbb;box-shadow:0 4px 12px #0000000f}.docs-pg__nav-btn span{display:flex;flex-direction:column;gap:2px}.docs-pg__nav-btn small{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#aaa}.docs-pg__nav-btn--prev span{text-align:left}.docs-pg__nav-btn--next span{text-align:right}.docs-pg__nav-btn--prev{font-size:13px;font-weight:600;color:#333}.docs-pg__nav-btn--next{font-size:13px;font-weight:600;color:#333;margin-left:auto}@media(max-width:860px){.docs-pg__body{flex-direction:column;padding:24px 16px 60px}.docs-pg__sidebar-toggle{display:inline-flex;align-items:center;gap:10px;width:100%;padding:12px 16px;margin-bottom:16px;border-radius:12px;border:1px solid #ebebeb;background:#fff;color:#111;font-size:14px;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;transition:border-color .15s,box-shadow .15s}.docs-pg__sidebar-toggle:hover{border-color:#ccc;box-shadow:0 4px 12px #0000000f}.docs-pg__sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;border:none;padding:0;background:#00000073;cursor:pointer;animation:docs-pg-fade-in .2s ease}.docs-pg__sidebar{position:fixed;top:0;left:0;bottom:0;width:min(300px,86vw);z-index:201;margin:0;border-radius:0;border-left:none;border-top:none;border-bottom:none;transform:translate(-100%);transition:transform .25s ease;overflow-y:auto;padding:0 0 24px;box-shadow:8px 0 32px #0000001f}.docs-pg__sidebar--open{transform:translate(0)}.docs-pg__sidebar-header{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:0;z-index:1;padding:18px 20px;background:#fff;border-bottom:1px solid #ebebeb;font-size:14px;font-weight:700;color:#111}.docs-pg__sidebar-close{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:none;border-radius:8px;background:#f7f6f3;color:#555;cursor:pointer;transition:background .12s,color .12s}.docs-pg__sidebar-close:hover{background:#eee;color:#111}.docs-pg__content{padding:28px 24px}}@keyframes docs-pg-fade-in{0%{opacity:0}to{opacity:1}}@media(max-width:500px){.docs-pg__content{padding:20px 16px}.docs-pg__nav{flex-direction:column}.docs-pg__nav-btn{max-width:100%}}.ct-pg{min-height:100vh;background:#f7f6f3;font-family:Inter,sans-serif}.ct-pg__hero{background:#0d0d0d;color:#fff;text-align:center;padding:92px 24px 0;position:relative;overflow:hidden}.ct-pg__hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}.ct-pg__tag{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:#fff6;border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:4px 12px;margin-bottom:16px;position:relative}.ct-pg__hero h1{font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:900;margin:0 0 12px;line-height:1.15;position:relative}.ct-pg__hero p{font-size:15px;color:#ffffff80;margin:0 0 48px;position:relative}.ct-pg__channels{display:flex;justify-content:center;gap:0;max-width:900px;margin:0 auto;position:relative;border-top:1px solid rgba(255,255,255,.07)}.ct-pg__channel{flex:1;display:flex;align-items:flex-start;gap:14px;padding:28px 24px;border-right:1px solid rgba(255,255,255,.07);text-align:left}.ct-pg__channel:last-child{border-right:none}.ct-pg__channel-icon{width:40px;height:40px;border-radius:10px;background:#ffffff12;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:#ffffffb3;flex-shrink:0}.ct-pg__channel-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#ffffff59;margin-bottom:4px}.ct-pg__channel-value{display:block;font-size:13px;font-weight:600;color:#fff;text-decoration:none;transition:color .15s}a.ct-pg__channel-value:hover{color:#ffffffb3}.ct-pg__channel-sub{font-size:11px;color:#ffffff4d;margin-top:3px}.ct-pg__body{max-width:1100px;margin:0 auto;padding:48px 24px 80px;display:flex;gap:32px;align-items:flex-start}.ct-pg__aside{width:260px;flex-shrink:0;display:flex;flex-direction:column;gap:4px}.ct-pg__aside-block{background:#fff;border:1px solid #ebebeb;border-radius:14px;padding:22px 24px}.ct-pg__aside-block h3{font-size:13px;font-weight:700;color:#111;margin:0 0 10px}.ct-pg__aside-block p{font-size:13px;color:#666;line-height:1.6;margin:0}.ct-pg__aside-block a{color:#111;font-weight:600;text-decoration:underline;text-underline-offset:3px}.ct-pg__hours{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.ct-pg__hours li{display:flex;justify-content:space-between;font-size:13px;color:#555}.ct-pg__hours li span:last-child{font-weight:600;color:#111}.ct-pg__socials{display:flex;gap:8px}.ct-pg__socials a{width:34px;height:34px;border-radius:8px;border:1px solid #ebebeb;display:flex;align-items:center;justify-content:center;color:#888;text-decoration:none;transition:border-color .15s,color .15s}.ct-pg__socials a:hover{border-color:#111;color:#111}.ct-pg__form-wrap{flex:1;background:#fff;border:1px solid #ebebeb;border-radius:14px;padding:40px 44px;position:relative;overflow:hidden}.ct-pg__form-wrap:before,.ct-pg__form-wrap:after{content:"";position:absolute;width:20px;height:20px;border:2px solid rgba(0,0,0,.1);pointer-events:none}.ct-pg__form-wrap:before{top:-1px;left:-1px;border-right:none;border-bottom:none;border-radius:14px 0 0}.ct-pg__form-wrap:after{bottom:-1px;right:-1px;border-left:none;border-top:none;border-radius:0 0 14px}.ct-pg__form-header{margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid #f0f0f0}.ct-pg__form-header h2{font-size:1.4rem;font-weight:900;color:#111;margin:0 0 6px}.ct-pg__form-header p{font-size:13px;color:#888;margin:0}.ct-pg__row{display:flex;gap:16px}.ct-pg__field{display:flex;flex-direction:column;flex:1;margin-bottom:20px}.ct-pg__field label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#888;margin-bottom:7px}.ct-pg__field input,.ct-pg__field select,.ct-pg__field textarea{border:1.5px solid #e0e0e0;border-radius:9px;padding:11px 14px;font-size:14px;font-family:Inter,sans-serif;color:#111;background:#fafafa;outline:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border-color .15s,background .15s,box-shadow .15s;resize:vertical;accent-color:#111}.ct-pg__field input:focus,.ct-pg__field select:focus,.ct-pg__field textarea:focus{border-color:#111;background:#fff;box-shadow:0 0 0 3px #00000012;outline:none}.ct-pg__field input::placeholder,.ct-pg__field textarea::placeholder{color:#bbb}.ct-pg__field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23999' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px;cursor:pointer}.ct-pg__submit{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px;border-radius:10px;border:none;background:#111;color:#fff;font-size:14px;font-weight:700;font-family:Inter,sans-serif;cursor:pointer;transition:background .15s,transform .15s;margin-top:4px}.ct-pg__submit:hover:not(:disabled){background:#333}.ct-pg__submit:active:not(:disabled){transform:scale(.99)}.ct-pg__submit:disabled{opacity:.7;cursor:not-allowed}.ct-pg__error{font-size:13px;color:#c33;background:#fff5f5;border:1px solid #fcc;border-radius:8px;padding:10px 14px;margin-bottom:12px}.ct-pg__spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:ctSpin .7s linear infinite}@keyframes ctSpin{to{transform:rotate(360deg)}}.ct-pg__success{display:flex;flex-direction:column;align-items:center;text-align:center;padding:48px 24px;gap:12px}.ct-pg__success-icon{width:64px;height:64px;border-radius:50%;background:#111;color:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.ct-pg__success h3{font-size:1.4rem;font-weight:900;color:#111;margin:0}.ct-pg__success p{font-size:14px;color:#666;line-height:1.6;margin:0;max-width:360px}.ct-pg__reset{margin-top:8px;background:none;border:1.5px solid #ddd;border-radius:8px;padding:10px 22px;font-size:13px;font-weight:600;color:#555;cursor:pointer;font-family:Inter,sans-serif;transition:border-color .15s,color .15s}.ct-pg__reset:hover{border-color:#111;color:#111}@media(max-width:860px){.ct-pg__channels{flex-wrap:wrap}.ct-pg__channel{flex:1 1 45%;border-right:none;border-bottom:1px solid rgba(255,255,255,.07)}.ct-pg__channel:nth-child(odd){border-right:1px solid rgba(255,255,255,.07)}.ct-pg__body{flex-direction:column}.ct-pg__aside{width:100%;flex-direction:row;flex-wrap:wrap}.ct-pg__aside-block{flex:1 1 200px}.ct-pg__form-wrap{padding:28px 24px}}@media(max-width:540px){.ct-pg__channels{flex-direction:column}.ct-pg__channel{border-right:none}.ct-pg__row,.ct-pg__aside{flex-direction:column}}.pricing-pg{min-height:100vh;background:#fff;font-family:Inter,sans-serif}.pricing-pg__hero{text-align:center;padding:90px 24px 56px;background:#0d0d0d;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:40px 40px;position:relative;overflow:hidden;color:#fff}.pricing-pg__hero:before,.pricing-pg__hero:after{content:"";position:absolute;width:48px;height:48px;border:2px solid rgba(255,255,255,.1);pointer-events:none}.pricing-pg__hero:before{top:24px;left:24px;border-right:none;border-bottom:none;border-radius:6px 0 0}.pricing-pg__hero:after{bottom:24px;right:24px;border-left:none;border-top:none;border-radius:0 0 6px}.pricing-pg__hero-corner-tr,.pricing-pg__hero-corner-bl{position:absolute;width:48px;height:48px;border:2px solid rgba(255,255,255,.1);pointer-events:none}.pricing-pg__hero-corner-tr{top:24px;right:24px;border-left:none;border-bottom:none;border-radius:0 6px 0 0}.pricing-pg__hero-corner-bl{bottom:24px;left:24px;border-right:none;border-top:none;border-radius:0 0 0 6px}.pricing-pg__tag{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:#fff6;border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:4px 12px;margin-bottom:16px}.pricing-pg__hero h1{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:900;color:#fff;margin:0 0 12px;line-height:1.15}.pricing-pg__hero p{font-size:15px;color:#ffffff80;margin:0 0 32px;line-height:1.7}.pricing-pg__toggle{display:inline-flex;background:#ffffff14;border-radius:12px;padding:4px;gap:2px}.pricing-pg__toggle-btn{position:relative;padding:8px 20px;border:none;border-radius:8px;background:transparent;font-size:13px;font-weight:500;color:#ffffff80;cursor:pointer;transition:background .15s,color .15s;display:flex;align-items:center;gap:6px}.pricing-pg__toggle-btn.active{background:#fff;color:#111;font-weight:700}.pricing-pg__toggle-badge{font-size:9px;font-weight:700;background:#22c55e;color:#fff;border-radius:6px;padding:2px 5px;letter-spacing:.03em}.pricing-pg__cards-section{position:relative;background:#f7f6f3;background-image:linear-gradient(rgba(0,0,0,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.03) 1px,transparent 1px);background-size:40px 40px;padding:60px 24px 80px;overflow:hidden}.pricing-pg__cards-section:before,.pricing-pg__cards-section:after{content:"";position:absolute;width:48px;height:48px;border:2px solid rgba(0,0,0,.1);pointer-events:none}.pricing-pg__cards-section:before{top:24px;left:24px;border-right:none;border-bottom:none;border-radius:6px 0 0}.pricing-pg__cards-section:after{bottom:24px;right:24px;border-left:none;border-top:none;border-radius:0 0 6px}.pricing-pg__cards-corner-tr,.pricing-pg__cards-corner-bl{position:absolute;width:48px;height:48px;border:2px solid rgba(0,0,0,.1);pointer-events:none}.pricing-pg__cards-corner-tr{top:24px;right:24px;border-left:none;border-bottom:none;border-radius:0 6px 0 0}.pricing-pg__cards-corner-bl{bottom:24px;left:24px;border-right:none;border-top:none;border-radius:0 0 0 6px}.pricing-pg__cards{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:24px;max-width:1100px;margin:0 auto;padding:0}.pricing-pg__card{background:#fafafa;border:1px solid #ebebeb;border-radius:16px;padding:28px 24px 24px;width:260px;text-align:left;position:relative;display:flex;flex-direction:column;overflow:visible;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease}.pricing-pg__card:hover{transform:translateY(-8px);box-shadow:0 20px 48px #0000001a}.pricing-pg__card.featured{background:#0d0d0d;border-color:#0d0d0d;color:#fff;transform:scale(1.03)}.pricing-pg__card.featured:hover{transform:scale(1.03) translateY(-8px);box-shadow:0 24px 56px #0000004d}.pricing-pg__card:before,.pricing-pg__card:after{content:"";position:absolute;width:18px;height:18px;border:2px solid rgba(0,0,0,.15);transition:all .35s cubic-bezier(.34,1.56,.64,1);pointer-events:none;z-index:2}.pricing-pg__card:before{top:-6px;left:-6px;border-right:none;border-bottom:none;border-radius:4px 0 0}.pricing-pg__card:after{bottom:-6px;right:-6px;border-left:none;border-top:none;border-radius:0 0 4px}.pricing-pg__card-corner-tr,.pricing-pg__card-corner-bl{position:absolute;width:18px;height:18px;border:2px solid rgba(0,0,0,.15);transition:all .35s cubic-bezier(.34,1.56,.64,1);pointer-events:none;z-index:2}.pricing-pg__card-corner-tr{top:-6px;right:-6px;border-left:none;border-bottom:none;border-radius:0 4px 0 0}.pricing-pg__card-corner-bl{bottom:-6px;left:-6px;border-right:none;border-top:none;border-radius:0 0 0 4px}.pricing-pg__card:hover:before{transform:translate(-5px,-5px)}.pricing-pg__card:hover:after{transform:translate(5px,5px)}.pricing-pg__card:hover .pricing-pg__card-corner-tr{transform:translate(5px,-5px)}.pricing-pg__card:hover .pricing-pg__card-corner-bl{transform:translate(-5px,5px)}.pricing-pg__card.featured:before,.pricing-pg__card.featured:after,.pricing-pg__card.featured .pricing-pg__card-corner-tr,.pricing-pg__card.featured .pricing-pg__card-corner-bl{border-color:#ffffff4d}.pricing-pg__card-deco-circle{position:absolute;width:120px;height:120px;border-radius:50%;border:18px solid rgba(0,0,0,.04);top:-40px;right:-40px;pointer-events:none;z-index:0;transition:transform .5s ease,opacity .4s ease}.pricing-pg__card:hover .pricing-pg__card-deco-circle{transform:scale(1.25) translate(6px,-6px);opacity:.7;animation:ppCircleFloat 3s ease-in-out infinite}.pricing-pg__card.featured .pricing-pg__card-deco-circle{border-color:#ffffff0f}.pricing-pg__card-deco-box{position:absolute;width:44px;height:44px;border-radius:8px;border:1.5px solid rgba(0,0,0,.06);bottom:20px;left:-12px;transform:rotate(14deg);pointer-events:none;z-index:0;transition:transform .5s ease,opacity .4s ease}.pricing-pg__card:hover .pricing-pg__card-deco-box{animation:ppBoxSpin 4s ease-in-out infinite;opacity:.8}.pricing-pg__card.featured .pricing-pg__card-deco-box{border-color:#ffffff1a}@keyframes ppCircleFloat{0%,to{transform:scale(1.25) translate(6px,-6px)}50%{transform:scale(1.3) translate(10px,-10px)}}@keyframes ppBoxSpin{0%{transform:rotate(14deg) scale(1)}50%{transform:rotate(38deg) scale(1.15)}to{transform:rotate(14deg) scale(1)}}.pricing-pg__badge{position:absolute;top:-13px;left:50%;transform:translate(-50%);background:linear-gradient(90deg,#6c5ce7,#a29bfe);color:#fff;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:4px 16px;border-radius:20px;white-space:nowrap}.pricing-pg__card-header{margin-bottom:16px}.pricing-pg__card-header h3{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#999;margin:0 0 4px}.pricing-pg__card.featured .pricing-pg__card-header h3{color:#ffffff73}.pricing-pg__desc{font-size:11px;color:#777;line-height:1.5;margin:0}.pricing-pg__card.featured .pricing-pg__desc{color:#ffffff73}.pricing-pg__price{margin-bottom:12px}.mkml-price-amount{font-size:1.8rem;font-weight:900;color:#111;letter-spacing:-1px;display:flex;align-items:baseline;gap:3px;line-height:1}.mkml-price-period{font-size:11px;font-weight:500;color:#aaa;letter-spacing:0}.mkml-price-total{font-size:11px;color:#888;margin-top:4px}.mkml-price-desc{font-size:10px;color:#aaa;margin:2px 0 0}.pricing-pg__price-free{font-size:1.8rem;font-weight:900;color:#111;letter-spacing:-1px;line-height:1;margin-bottom:4px}.pricing-pg__card.featured .pricing-pg__price-free{color:#fff}.pricing-pg__features{list-style:none;padding:0;margin:0 0 20px;display:flex;flex-direction:column;gap:8px;flex:1}.pricing-pg__features li{font-size:12px;color:#444;display:flex;align-items:center;gap:7px;line-height:1.4}.pricing-pg__card.featured .pricing-pg__features li{color:#fffc}.pricing-pg__features li:before{content:"✓";color:#22c55e;font-weight:800;font-size:11px;flex-shrink:0}.pricing-pg__card.featured .pricing-pg__features li:before{color:#a8ff78}.pricing-pg__cta{width:100%;padding:11px;border-radius:8px;border:1.5px solid #ddd;background:transparent;font-size:12px;font-weight:700;color:#111;cursor:pointer;transition:all .15s;margin-top:auto}.pricing-pg__cta:hover{background:#f0f0f0;border-color:#bbb}.pricing-pg__card.featured .pricing-pg__cta{background:#fff;border-color:#fff;color:#111}.pricing-pg__card.featured .pricing-pg__cta:hover{background:#e8e8e8}@media(max-width:640px){.pricing-pg__hero h1{font-size:1.8rem}.pricing-pg__cards{gap:32px}.pricing-pg__card{width:100%;max-width:340px}.pricing-pg__card.featured{transform:none}.pricing-pg__card.featured:hover{transform:translateY(-8px)}}@keyframes ppSkeletonShimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.pricing-pg__card--skeleton{pointer-events:none}.pricing-pg__skeleton-line,.pricing-pg__skeleton-price,.pricing-pg__skeleton-btn{background:linear-gradient(90deg,#00000012 25%,#00000021,#00000012 75%);background-size:800px 100%;animation:ppSkeletonShimmer 1.6s infinite linear;border-radius:6px}.pricing-pg__card--skeleton.featured .pricing-pg__skeleton-line,.pricing-pg__card--skeleton.featured .pricing-pg__skeleton-price,.pricing-pg__card--skeleton.featured .pricing-pg__skeleton-btn{background:linear-gradient(90deg,#ffffff14 25%,#ffffff2e,#ffffff14 75%);background-size:800px 100%;animation:ppSkeletonShimmer 1.6s infinite linear}.pricing-pg__skeleton-header{margin-bottom:16px;display:flex;flex-direction:column;gap:8px}.pricing-pg__skeleton-line{height:12px;width:100%}.pricing-pg__skeleton-line--sm{width:55%;height:14px}.pricing-pg__skeleton-line--xs{width:80%;height:10px}.pricing-pg__skeleton-price{height:42px;width:60%;margin-bottom:20px;border-radius:8px}.pricing-pg__skeleton-features{display:flex;flex-direction:column;gap:10px;flex:1;margin-bottom:20px}.pricing-pg__skeleton-btn{height:38px;border-radius:8px;width:100%}.landing{font-family:Inter,sans-serif;background:#fff}.landing__btn-primary{background:#771a1a;color:#fff;border:none;border-radius:10px;padding:14px 28px;font-size:15px;font-weight:600;cursor:pointer;transition:background .15s,transform .1s}.landing__btn-primary:hover{background:#333;transform:translateY(-1px)}.landing__btn-ghost{background:none;color:#111;border:2px solid #111;border-radius:10px;padding:12px 28px;font-size:15px;font-weight:600;cursor:pointer;transition:background .15s}.landing__btn-ghost:hover{background:#f0f0f0}.landing__btn-outline-white{background:none;color:#fff;border:2px solid rgba(255,255,255,.6);border-radius:10px;padding:12px 28px;font-size:15px;font-weight:600;cursor:pointer;transition:background .15s}.landing__btn-outline-white:hover{background:#ffffff1a}.landing__btn-lg{padding:16px 36px;font-size:16px}.landing__section-inner{max-width:1100px;margin:0 auto;padding:0 24px}.landing__section-inner h2{font-size:2rem;font-weight:700;color:#1a1a2e;margin:0 0 12px;text-align:center}.landing__section-sub{text-align:center;color:#666;font-size:1.05rem;margin:0 0 48px}.landing__hero{position:relative;top:0;z-index:1;background:#fff;background-image:linear-gradient(rgba(0,0,0,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.03) 1px,transparent 1px);background-size:40px 40px;min-height:100vh;display:flex;align-items:center;justify-content:flex-start;padding:0;overflow:hidden}.lh-corner{position:absolute;width:40px;height:40px;border:2px solid rgba(0,0,0,.08);pointer-events:none;z-index:0}.lh-corner--tl{top:20px;left:20px;border-right:none;border-bottom:none;border-radius:4px 0 0}.lh-corner--tr{top:20px;right:20px;border-left:none;border-bottom:none;border-radius:0 4px 0 0}.lh-corner--bl{bottom:20px;left:20px;border-right:none;border-top:none;border-radius:0 0 0 4px}.lh-corner--br{bottom:20px;right:20px;border-left:none;border-top:none;border-radius:0 0 4px}.landing__hero-text{padding:100px 40px 80px 6%;position:relative;z-index:3;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;align-items:start}.landing__hero-tag{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:#888;border:1px solid #e0e0e0;border-radius:20px;padding:5px 16px;margin-bottom:22px}.landing__hero-text h1{font-size:clamp(1.8rem,3.5vw,3rem);font-weight:900;line-height:1.1;color:#111;margin:0 0 4px;letter-spacing:-.02em;width:fit-content}.landing__hero-typewriter{font-size:clamp(1.2rem,2.5vw,2rem);font-weight:800;color:#888;margin-bottom:16px;min-height:1.25em;line-height:1.2;width:fit-content}.landing__hero-cursor{display:inline-block;margin-left:2px;animation:blink .7s step-end infinite;color:#6c5ce7}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.landing__hero-text>p{font-size:.9rem;color:#666;line-height:1.6;margin:0 0 28px;max-width:480px}.landing__hero-perk{display:inline-flex;align-items:center;gap:10px;max-width:480px;margin:0 0 22px;padding:10px 14px;border-radius:10px;border:1px solid #111;background:linear-gradient(90deg,#111,#1f1f1f 55%,#111);color:#fff;box-shadow:0 8px 24px #00000024;animation:heroPerkIn .55s ease both}.landing__hero-perk-pulse{width:9px;height:9px;border-radius:50%;background:#34d399;box-shadow:0 0 #34d3998c;flex-shrink:0;animation:heroPerkPulse 1.6s ease-out infinite}.landing__hero-perk-text{font-size:.84rem;line-height:1.35;letter-spacing:-.01em;color:#ffffffeb}.landing__hero-perk-text strong{color:#fff;font-weight:800}@keyframes heroPerkPulse{0%{box-shadow:0 0 #34d3998c}70%{box-shadow:0 0 0 10px #34d39900}to{box-shadow:0 0 #34d39900}}@keyframes heroPerkIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.landing__hero-note{font-size:12px;color:#bbb;letter-spacing:.02em}.landing__hero-img-wrap{position:absolute;right:0;top:50%;transform:translateY(-50%);width:45vw;z-index:2;display:flex;flex-direction:column;border-radius:14px 0 0 14px;overflow:hidden;box-shadow:-12px 0 48px #0000001a,0 24px 64px #6c5ce721}.lh-browser-bar{background:#e8e8e8;border-radius:12px 0 0;height:36px;min-height:36px;flex-shrink:0;display:flex;align-items:center;padding:0 14px;gap:12px;border:1px solid rgba(0,0,0,.07);border-right:none;border-bottom:none}.lh-browser-dots{display:flex;gap:6px;flex-shrink:0}.lh-browser-dots span{width:11px;height:11px;border-radius:50%}.lh-browser-dots span:nth-child(1){background:#ff5f57}.lh-browser-dots span:nth-child(2){background:#febc2e}.lh-browser-dots span:nth-child(3){background:#28c840}.lh-browser-url{flex:1;max-width:360px;margin:0 auto;height:22px;background:#fff;border-radius:5px;border:1px solid #d8d8d8;display:flex;align-items:center;padding:0 10px;font-size:11px;font-family:monospace;color:#666}.lh-img-frame{flex:1;border:1px solid rgba(0,0,0,.07);border-top:none;border-right:none;overflow:hidden;background:#f0f0f0;line-height:0;position:relative;min-height:0;max-height:480px}.lh-dash-img{width:100%;height:480px;display:block;object-fit:cover;object-position:top left}.lh-img-frame:before{content:"";position:absolute;top:0;bottom:0;left:0;width:60px;background:linear-gradient(to right,rgba(255,255,255,.55),transparent);pointer-events:none;z-index:1}.lh-img-frame:after{content:"";position:absolute;top:0;left:0;right:0;height:40px;background:linear-gradient(to bottom,rgba(232,232,232,.4),transparent);pointer-events:none;z-index:1}.lh-img-frame--placeholder{flex:1;min-height:260px;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#f5f3ff,#ede9fe 60%,#f8f9fb)}.lh-img-frame--placeholder:after{content:"Drop your dashboard screenshot at /public/dashboard-preview.png";font-size:13px;color:#aaa;font-family:Inter,sans-serif;text-align:center;padding:24px;background:none;position:static;height:auto;display:block}.landing__hero-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:0;width:fit-content}.landing__hero-dashboard,.dash-mockup,.dash-chrome,.dash-shell,.dash-sidebar,.dash-main,.dash-stats,.dash-stat-card,.dash-row,.dash-chart-card,.dash-activity-card,.dash-table-card,.dash-donut-card{all:unset}.landing__hero .landing__btn-primary{background:#111;color:#fff}.landing__hero .landing__btn-primary:hover{background:#333}.landing__hero .landing__btn-ghost{border-color:#ccc;color:#111}.landing__hero .landing__btn-ghost:hover{background:#f5f5f5}.intro-video-section{position:relative;z-index:1;background:#1a1a1a;padding:96px 8%;overflow:hidden}.ivs-noise{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.12'/%3E%3C/svg%3E");background-repeat:repeat;background-size:180px 180px;mix-blend-mode:overlay}.ivs-grid{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px);background-size:28px 28px}.intro-video-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,2.4fr) minmax(0,1fr);gap:56px;align-items:center;max-width:1280px;margin:0 auto}.intro-video-text{display:flex;flex-direction:column}.ivs-eyebrow{display:inline-block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:#ffffff59;margin-bottom:20px}.ivs-heading{font-size:clamp(2.2rem,3.5vw,3.2rem);font-weight:900;color:#f0ede8;line-height:1.05;letter-spacing:-.03em;margin:0 0 20px}.ivs-sub{font-size:.875rem;color:#ffffff61;line-height:1.8;margin:0 0 32px;max-width:300px}.ivs-divider{width:32px;height:2px;background:#ffffff26;margin-bottom:16px;border-radius:2px}.ivs-runtime{font-size:11px;color:#ffffff38;letter-spacing:.08em;text-transform:uppercase}.intro-video-frame-wrap{position:relative;width:100%}.ivs-glow{position:absolute;width:90%;height:70%;left:5%;bottom:-18%;background:radial-gradient(ellipse,rgba(108,92,231,.3) 0%,transparent 70%);filter:blur(48px);pointer-events:none;z-index:0}.intro-video-frame{position:relative;width:100%;padding-bottom:56.25%;border-radius:20px;overflow:hidden;z-index:1;box-shadow:0 0 0 1px #ffffff14,0 32px 80px #000000a6,0 8px 20px #00000073}.intro-video-frame iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none;display:block}@media(max-width:900px){.intro-video-inner{grid-template-columns:1fr;gap:40px}.intro-video-text{order:1}.intro-video-frame-wrap{order:2}.ivs-sub{max-width:100%}.ivs-heading{font-size:2rem}}@media(max-width:600px){.intro-video-section{padding:64px 6%}}.landing__trust{background:#f8f9fa;padding:32px 24px;text-align:center;border-top:1px solid #eee;border-bottom:1px solid #eee}.landing__trust p{font-size:13px;color:#999;text-transform:uppercase;letter-spacing:.08em;margin:0 0 16px}.landing__trust-logos{display:flex;flex-wrap:wrap;justify-content:center;gap:24px}.landing__trust-logo{font-size:14px;font-weight:600;color:#bbb}.landing__features{padding:80px 24px}.landing__features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.landing__feature-card{background:#f8f9fa;border-radius:14px;padding:28px 24px;transition:box-shadow .15s,transform .15s}.landing__feature-card:hover{box-shadow:0 8px 24px #6c5ce71a;transform:translateY(-3px)}.landing__feature-icon{font-size:32px;display:block;margin-bottom:14px}.landing__feature-card h4{font-size:16px;font-weight:700;color:#1a1a2e;margin:0 0 8px}.landing__feature-card p{font-size:14px;color:#666;line-height:1.6;margin:0}.landing__how{background:#f8f9fa;padding:80px 24px}.landing__steps{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:32px;margin-top:8px}.landing__step{position:relative}.landing__step-num{display:block;font-size:40px;font-weight:800;color:#ede9ff;line-height:1;margin-bottom:12px}.landing__step h4{font-size:16px;font-weight:700;color:#1a1a2e;margin:0 0 8px}.landing__step p{font-size:14px;color:#666;line-height:1.6;margin:0}.landing__testimonials{padding:80px 24px}.landing__testimonials-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.landing__testimonial{background:#f8f9fa;border-radius:14px;padding:28px 24px}.landing__testimonial-text{font-size:15px;color:#444;line-height:1.7;margin:0 0 20px;font-style:italic}.landing__testimonial-author{display:flex;align-items:center;gap:12px}.landing__testimonial-avatar{width:42px;height:42px;border-radius:50%;background:#6c5ce7;color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.landing__testimonial-author strong{display:block;font-size:14px;color:#1a1a2e}.landing__testimonial-author span{font-size:12px;color:#999}.landing__cta{background:linear-gradient(135deg,#6c5ce7,#a29bfe);color:#fff;text-align:center;padding:80px 24px}.landing__cta h2{font-size:2.2rem;font-weight:700;margin:0 0 12px}.landing__cta p{font-size:1.1rem;opacity:.9;margin:0 0 32px}.landing__cta-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.landing__footer{background:#0d0d0d;border-top:1px solid rgba(255,255,255,.06)}.landing__footer-inner{max-width:1200px;margin:0 auto;padding:64px 6% 48px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:40px}.landing__footer-brand-col{display:flex;flex-direction:column;gap:14px}.landing__footer-brand{font-size:22px;font-weight:800;color:#fff;letter-spacing:-.02em}.landing__footer-tagline{font-size:13px;color:#fff6;line-height:1.7;margin:0;max-width:240px}.landing__footer-socials{display:flex;gap:10px;margin-top:4px}.landing__footer-socials a{width:34px;height:34px;border-radius:8px;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:#ffffff73;text-decoration:none;transition:border-color .15s,color .15s,background .15s}.landing__footer-socials a:hover{border-color:#ffffff4d;color:#fff;background:#ffffff0f}.landing__footer-col{display:flex;flex-direction:column;gap:10px}.landing__footer-col h4{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#ffffff59;margin:0 0 6px}.landing__footer-col a{font-size:13px;color:#ffffff8c;text-decoration:none;transition:color .15s;line-height:1.4}.landing__footer-col a:hover{color:#fff}.landing__footer-bottom{border-top:1px solid rgba(255,255,255,.06)}.landing__footer-bottom-inner{max-width:1200px;margin:0 auto;padding:20px 6%;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.landing__footer-bottom-inner span{font-size:12px;color:#ffffff40}.landing__footer-bottom-links{display:flex;gap:20px}.landing__footer-bottom-links a{font-size:12px;color:#ffffff4d;text-decoration:none;transition:color .15s}.landing__footer-bottom-links a:hover{color:#ffffffb3}@media(max-width:900px){.landing__footer-inner{grid-template-columns:1fr 1fr;gap:36px;padding:48px 24px 36px}.landing__footer-brand-col{grid-column:1 / -1}}@media(max-width:500px){.landing__footer-inner{grid-template-columns:1fr 1fr;gap:28px;padding:40px 20px 28px}.landing__footer-bottom-inner{flex-direction:column;text-align:center}}@media(max-width:900px){.landing__hero{flex-direction:column;align-items:stretch;min-height:100svh;padding-bottom:0}.landing__hero-text{width:100%;max-width:100%;padding:100px 6% 32px}.landing__hero-img-wrap{position:relative;top:unset;right:-20%;transform:none;width:100%;margin:50px auto 0;border-radius:12px 12px 0 0}.lh-browser-bar{border-radius:12px 12px 0 0;border-right:1px solid rgba(0,0,0,.07)}.lh-img-frame{border-right:1px solid rgba(0,0,0,.07);max-height:340px}.lh-dash-img{height:400px;object-position:top left}.lh-img-frame:after{top:unset;bottom:0;left:0;right:0;height:80px;background:linear-gradient(to bottom,transparent,#fff)}.lh-img-frame:before{display:none}}@media(max-width:600px){.landing__hero-text{padding:80px 5% 24px}.landing__hero-typewriter{font-size:1.3rem}.landing__hero-tag{font-size:10px}.landing__hero-img-wrap{width:100%;border-radius:0}.lh-browser-bar{border-radius:0}.lh-img-frame{max-height:300px}.lh-dash-img{height:300px}.landing__footer-bottom-inner{flex-direction:column;text-align:center}.stack-content{font-size:clamp(1.8rem,10vw,3rem)}.hscroll-header{left:20px;right:20px;top:70px}.hscroll-header h2{font-size:1.2rem}.hscroll-header p{font-size:12px;max-width:100%}}.morph-btn{position:relative;padding:14px 36px;font-family:Segoe UI,system-ui,sans-serif;font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#fff;background:transparent;border:none;cursor:pointer;overflow:visible;isolation:isolate}.morph-btn .btn-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:#0d0d0d;border-radius:4px;transition:border-radius .5s cubic-bezier(.68,-.55,.265,1.55);z-index:1}.morph-btn:hover .btn-fill{border-radius:50px;animation:jelly .5s ease}@keyframes jelly{0%{transform:scale(1)}30%{transform:scale(1.15,.85)}50%{transform:scale(.9,1.1)}70%{transform:scale(1.05,.95)}to{transform:scale(1)}}.morph-btn .orbit-dots{position:absolute;top:-30px;right:-30px;bottom:-30px;left:-30px;pointer-events:none}.morph-btn .orbit-dots span{position:absolute;width:8px;height:8px;background:#0d0d0d;border-radius:50%;opacity:1;transition:opacity .3s ease}.morph-btn:hover .orbit-dots span{opacity:1}.morph-btn .orbit-dots span:nth-child(1){top:0;left:50%;animation:orbit1 3s linear infinite}.morph-btn .orbit-dots span:nth-child(2){bottom:0;left:50%;animation:orbit2 3s linear infinite}.morph-btn .orbit-dots span:nth-child(3){top:50%;left:0;animation:orbit3 4s linear infinite}.morph-btn .orbit-dots span:nth-child(4){top:50%;right:0;animation:orbit4 4s linear infinite}@keyframes orbit1{0%{transform:translate(-50%) translateY(0) scale(1)}25%{transform:translate(30px) translateY(10px) scale(.6)}50%{transform:translate(-50%) translateY(20px) scale(1)}75%{transform:translate(-80px) translateY(10px) scale(.6)}to{transform:translate(-50%) translateY(0) scale(1)}}@keyframes orbit2{0%{transform:translate(-50%) translateY(0) scale(.6)}25%{transform:translate(-80px) translateY(-10px) scale(1)}50%{transform:translate(-50%) translateY(-20px) scale(.6)}75%{transform:translate(30px) translateY(-10px) scale(1)}to{transform:translate(-50%) translateY(0) scale(.6)}}@keyframes orbit3{0%{transform:translateY(-50%) translate(0) scale(.8)}50%{transform:translateY(-50%) translate(-15px) scale(1.2)}to{transform:translateY(-50%) translate(0) scale(.8)}}@keyframes orbit4{0%{transform:translateY(-50%) translate(0) scale(1.2)}50%{transform:translateY(-50%) translate(15px) scale(.8)}to{transform:translateY(-50%) translate(0) scale(1.2)}}.morph-btn .btn-text{position:relative;display:inline-block;z-index:3}.morph-btn .btn-text span{display:inline-block;transition:transform .4s cubic-bezier(.68,-.55,.265,1.55);transition-delay:calc(var(--i) * .03s)}.morph-btn .btn-text .btn-space{width:.3em}.morph-btn:hover .btn-text span{transform:translateY(-100%);animation:letterBounce .6s cubic-bezier(.68,-.55,.265,1.55) forwards;animation-delay:calc(var(--i) * .03s)}@keyframes letterBounce{0%{transform:translateY(0)}40%{transform:translateY(-120%)}70%{transform:translateY(10%)}to{transform:translateY(0)}}.morph-btn .corners span{position:absolute;width:20px;height:20px;border:2px solid #0d0d0d;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);opacity:1}.morph-btn .corners span:nth-child(1){top:-10px;left:-10px;border-right:none;border-bottom:none}.morph-btn .corners span:nth-child(2){top:-10px;right:-10px;border-left:none;border-bottom:none}.morph-btn .corners span:nth-child(3){bottom:-10px;left:-10px;border-right:none;border-top:none}.morph-btn .corners span:nth-child(4){bottom:-10px;right:-10px;border-left:none;border-top:none}.morph-btn:hover .corners span{opacity:1}.morph-btn:hover .corners span:nth-child(1){transform:translate(-5px,-5px) rotate(-5deg)}.morph-btn:hover .corners span:nth-child(2){transform:translate(5px,-5px) rotate(5deg)}.morph-btn:hover .corners span:nth-child(3){transform:translate(-5px,5px) rotate(5deg)}.morph-btn:hover .corners span:nth-child(4){transform:translate(5px,5px) rotate(-5deg)}.morph-btn .shadow{position:absolute;top:5px;right:5px;bottom:5px;left:5px;background:#0d0d0d4d;border-radius:4px;filter:blur(15px);z-index:0;transition:all .5s cubic-bezier(.68,-.55,.265,1.55);transform:translateY(10px)}.morph-btn:hover .shadow{border-radius:50px;transform:translateY(15px) scale(1.1);filter:blur(20px)}.morph-btn:active .btn-fill{transform:scale(.92);transition:transform .1s ease}.morph-btn:active .shadow{transform:translateY(3px) scale(.85);filter:blur(8px);opacity:.5;transition:all .1s ease}.morph-btn:active .btn-text{transform:scale(.95);transition:transform .1s ease}.morph-btn:active .corners span:nth-child(1){transform:translate(-15px,-15px) rotate(-15deg) scale(.8)}.morph-btn:active .corners span:nth-child(2){transform:translate(15px,-15px) rotate(15deg) scale(.8)}.morph-btn:active .corners span:nth-child(3){transform:translate(-15px,15px) rotate(15deg) scale(.8)}.morph-btn:active .corners span:nth-child(4){transform:translate(15px,15px) rotate(-15deg) scale(.8)}.morph-btn:active .orbit-dots span{animation-play-state:paused;transform:scale(1.5)}.stack-scroll{position:relative}.stack-section{position:sticky;top:0;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.stack-section--1{background:#000;z-index:2}.stack-section--2{background:#16213e;z-index:3}.stack-section--3{background:#0f3460;z-index:4}.stack-section--4{background:#533483;z-index:5}.stack-section--5{background:#111;z-index:6}.stack-content{font-size:clamp(2.5rem,8vw,6rem);font-weight:900;color:#fff;letter-spacing:-.02em;opacity:0;transform:translateY(120px) scale(.8);transition:opacity .8s ease,transform .8s ease;text-align:center;padding:0 24px}.stack-section.active .stack-content{opacity:1;transform:translateY(0) scale(1)}.hscroll-wrapper{position:relative;background:#1a1a1a}.hscroll-pull-handle-wrap{position:sticky;top:0;height:0;z-index:12;pointer-events:none}.hscroll-pull-handle{position:absolute;top:28px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;opacity:0;will-change:transform,opacity}.hscroll-pull-handle__dot{width:11px;height:11px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px #ffffff14,0 0 18px #ffffff59;animation:hscrollHandleDrag 1.6s ease-in-out infinite}.hscroll-pull-handle__line{width:2px;height:52px;margin-top:10px;border-radius:2px;background:linear-gradient(to bottom,rgba(255,255,255,.55) 0%,rgba(255,255,255,.12) 55%,transparent 100%);animation:hscrollHandleLine 1.6s ease-in-out infinite}@keyframes hscrollHandleDrag{0%,to{transform:translateY(0);opacity:.75}50%{transform:translateY(-16px);opacity:1}}@keyframes hscrollHandleLine{0%,to{transform:scaleY(1);opacity:.7}50%{transform:scaleY(1.12);opacity:1}}.hscroll-sticky{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding-top:0;opacity:1;box-sizing:border-box;backface-visibility:hidden}.hscroll-track{display:flex;width:max-content;height:calc(100% - 220px);margin-top:220px;align-items:flex-end;will-change:transform;backface-visibility:hidden;transform:translateZ(0);padding:0 80px;gap:0;position:relative;box-sizing:border-box}.hscroll-inline-line{position:absolute;bottom:43px;left:0;width:100%;height:2px;background:#ffffff26;pointer-events:none;z-index:0}.hscroll-panel{width:300px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;position:relative;flex-shrink:0;margin:0 56px;padding-bottom:40px}.hscroll-panel--up{justify-content:flex-end;padding-bottom:40px}.hscroll-panel--down{flex-direction:column;justify-content:flex-end;padding-bottom:40px;padding-top:0}.hscroll-dot{width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid #000;box-shadow:0 0 0 2px #fff6;flex-shrink:0;z-index:2}.hscroll-connector{width:2px;height:60px;background:linear-gradient(to bottom,#fff9,#ffffff1a);flex-shrink:0}.hscroll-panel--down .hscroll-connector{background:linear-gradient(to top,#fff9,#ffffff1a)}@keyframes connectorGlow{0%,to{opacity:.5}50%{opacity:1}}.hscroll-card{background:transparent;border:none;border-radius:16px;overflow:visible;width:240px;position:relative;transition:transform .3s ease}.hscroll-card:hover{transform:translate3d(0,-6px,0)}.hscroll-card-orbit{position:absolute;top:-24px;right:-24px;bottom:-24px;left:-24px;pointer-events:none;z-index:0}.hscroll-card-orbit span{position:absolute;width:6px;height:6px;background:#ffffffb3;border-radius:50%}.hscroll-card-orbit span:nth-child(1){top:0;left:50%;transform:translate(-50%)}.hscroll-card-orbit span:nth-child(2){bottom:0;left:50%;transform:translate(-50%)}.hscroll-card-orbit span:nth-child(3){top:50%;left:0;transform:translateY(-50%)}.hscroll-card-orbit span:nth-child(4){top:50%;right:0;transform:translateY(-50%)}.hscroll-card-corners span{position:absolute;width:14px;height:14px;border:1.5px solid rgba(255,255,255,.5);pointer-events:none;z-index:0;transition:all .4s cubic-bezier(.68,-.55,.265,1.55)}.hscroll-card-corners span:nth-child(1){top:-8px;left:-8px;border-right:none;border-bottom:none}.hscroll-card-corners span:nth-child(2){top:-8px;right:-8px;border-left:none;border-bottom:none}.hscroll-card-corners span:nth-child(3){bottom:-8px;left:-8px;border-right:none;border-top:none}.hscroll-card-corners span:nth-child(4){bottom:-8px;right:-8px;border-left:none;border-top:none}.hscroll-card:hover .hscroll-card-corners span:nth-child(1){transform:translate(-4px,-4px)}.hscroll-card:hover .hscroll-card-corners span:nth-child(2){transform:translate(4px,-4px)}.hscroll-card:hover .hscroll-card-corners span:nth-child(3){transform:translate(-4px,4px)}.hscroll-card:hover .hscroll-card-corners span:nth-child(4){transform:translate(4px,4px)}.hscroll-card--feature{width:264px;padding:12px 12px 6px;background:#ffffff09;border:1px solid rgba(255,255,255,.08);border-radius:18px;box-shadow:0 12px 36px #00000059}.hscroll-card--feature:hover{border-color:#ffffff38;box-shadow:0 16px 40px #00000073}.hscroll-card--feature .hscroll-card-orbit span{background:var(--feature-accent, #fff)}.hscroll-card--feature .hscroll-card-corners span{border-color:var(--feature-accent, #fff);opacity:.55}.hscroll-card-visual{position:relative;height:148px;margin-bottom:4px;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 40%),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),#0a0a0a;background-size:auto,18px 18px,18px 18px,auto;border:1px solid rgba(255,255,255,.06)}.hscroll-card-visual__glow{position:absolute;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,var(--feature-accent, #fff) 0%,transparent 70%);filter:blur(8px);pointer-events:none;opacity:.28;transition:opacity .3s ease,transform .3s ease}.hscroll-card--feature:hover .hscroll-card-visual__glow{opacity:.42;transform:scale(1.12)}.hscroll-card-visual__index{position:absolute;top:10px;left:12px;font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--feature-accent, #fff);opacity:.75}.hscroll-feature-svg{width:88px;height:88px;color:var(--feature-accent, #fff);position:relative;z-index:1;transition:transform .35s cubic-bezier(.68,-.55,.265,1.55);filter:drop-shadow(0 8px 18px rgba(0,0,0,.45))}.hscroll-card--feature:hover .hscroll-feature-svg{transform:scale(1.08) translateY(-2px)}.hscroll-card-body{padding:14px 10px 16px}.hscroll-card-body h3{font-size:15px;font-weight:800;color:#fff;margin:0 0 12px;letter-spacing:.01em}.hscroll-card-body ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.hscroll-card-body ul li{font-size:12px;color:#ffffff9e;padding:0;position:relative;line-height:1.4;display:flex;align-items:center;gap:8px}.hscroll-bullet-icon{width:14px;height:14px;flex-shrink:0;color:var(--feature-accent, rgba(255,255,255,.7));opacity:.9}.hscroll-card-btn{position:relative;padding:8px 20px;font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#fff;background:transparent;border:none;cursor:pointer;overflow:visible;isolation:isolate}.hscroll-card-btn .btn-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;border-radius:3px;transition:border-radius .4s cubic-bezier(.68,-.55,.265,1.55);z-index:1}.hscroll-card-btn .btn-text{position:relative;z-index:2;color:#000;font-weight:700}.hscroll-card-btn:hover .btn-fill{border-radius:30px;animation:jelly .5s ease}.hscroll-card-btn .corners span{position:absolute;width:10px;height:10px;border:1.5px solid #fff;transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.hscroll-card-btn .corners span:nth-child(1){top:-6px;left:-6px;border-right:none;border-bottom:none}.hscroll-card-btn .corners span:nth-child(2){top:-6px;right:-6px;border-left:none;border-bottom:none}.hscroll-card-btn .corners span:nth-child(3){bottom:-6px;left:-6px;border-right:none;border-top:none}.hscroll-card-btn .corners span:nth-child(4){bottom:-6px;right:-6px;border-left:none;border-top:none}.hscroll-card-btn:hover .corners span:nth-child(1){transform:translate(-3px,-3px)}.hscroll-card-btn:hover .corners span:nth-child(2){transform:translate(3px,-3px)}.hscroll-card-btn:hover .corners span:nth-child(3){transform:translate(-3px,3px)}.hscroll-card-btn:hover .corners span:nth-child(4){transform:translate(3px,3px)}.hscroll-svg-connector{flex-shrink:0;overflow:visible}.hscroll-svg-dot{filter:drop-shadow(0 0 4px rgba(255,255,255,.6))}.hscroll-header{position:absolute;top:70px;left:30px;z-index:20;pointer-events:none}.hscroll-header-tag{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:#ffffffd1;border:1px solid rgba(255,255,255,.22);background:#ffffff0d;border-radius:20px;padding:5px 13px;margin-bottom:12px}.hscroll-header h2{font-size:clamp(1.5rem,3.2vw,2.4rem);font-weight:900;color:#fff;margin:0 0 10px;line-height:1.12;letter-spacing:-.02em}.hscroll-header p{font-size:14px;color:#ffffff80;margin:0;max-width:380px;line-height:1.65}.hscroll2-wrapper{position:relative;background:#000}.hscroll2-sticky{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding-top:100px;opacity:0;box-sizing:border-box;backface-visibility:hidden}.hscroll2-header{position:absolute;top:70px;right:80px;text-align:right;z-index:20;pointer-events:none}.hscroll2-tag{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:#fff6;border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:4px 12px;margin-bottom:10px}.hscroll2-header h2{font-size:clamp(1.4rem,3vw,2.2rem);font-weight:900;color:#fff;margin:0 0 8px;line-height:1.15}.hscroll2-header p{font-size:14px;color:#ffffff73;margin:0;line-height:1.6}.hscroll2-track{display:flex;width:max-content;height:100%;align-items:center;will-change:transform;backface-visibility:hidden;transform:translateZ(0);padding:0 80px;gap:32px;box-sizing:border-box}.hscroll2-card{position:relative;width:340px;height:380px;background:#0d0d0d;border:1px solid rgba(255,255,255,.07);border-radius:20px;padding:40px 36px;flex-shrink:0;overflow:hidden;transition:border-color .3s ease;display:flex;flex-direction:column;justify-content:flex-end}.hscroll2-card:hover{border-color:#fff3;transform:translateY(-8px)}.hscroll2-card-accent{position:absolute;top:0;left:0;right:0;height:3px;border-radius:20px 20px 0 0;opacity:.8}.hscroll2-card-num{position:absolute;top:20px;right:28px;font-size:7rem;font-weight:900;color:#ffffff0a;line-height:1;letter-spacing:-4px;pointer-events:none;-webkit-user-select:none;user-select:none}.hscroll2-card-title{font-size:1.5rem;font-weight:800;color:#fff;margin:0 0 14px;line-height:1.2}.hscroll2-card-desc{font-size:14px;color:#ffffff80;line-height:1.7;margin:0 0 24px}.hscroll2-card-line{height:2px;width:40px;border-radius:2px;transition:width .4s ease;opacity:.7}.hscroll2-card:hover .hscroll2-card-line{width:100%;opacity:1}@media(max-width:600px){.hscroll2-header{right:20px;left:20px;text-align:left;top:70px}}.hscroll2-track{display:flex;width:max-content;height:100%;align-items:center;will-change:transform;backface-visibility:hidden;transform:translateZ(0);padding:0 80px;gap:28px;box-sizing:border-box}.portal-card{width:520px;height:78vh;border-radius:24px;border:1px solid rgba(255,255,255,.08);background:#0d0d0d;flex-shrink:0;display:flex;flex-direction:column;overflow:hidden;transition:border-color .3s,transform .3s;position:relative}.portal-card:hover{border-color:#fff3;transform:translateY(-6px)}.portal-card--admin{border-top:2px solid #6c5ce7}.portal-card--student{border-top:2px solid #00cec9}.portal-card--staff{border-top:2px solid #fd79a8}.portal-card__top{padding:32px 32px 20px;flex-shrink:0}.portal-card__badge{display:inline-block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;padding:4px 12px;border-radius:20px;margin-bottom:16px}.portal-card--admin .portal-card__badge{background:#6c5ce726;color:#a29bfe}.portal-card--student .portal-card__badge{background:#00cec926;color:#55efc4}.portal-card--staff .portal-card__badge{background:#fd79a826;color:#fd79a8}.portal-card__top h3{font-size:1.35rem;font-weight:800;color:#fff;line-height:1.25;margin:0 0 10px}.portal-card__top p{font-size:13px;color:#ffffff73;line-height:1.65;margin:0 0 14px}.portal-card__features{list-style:none;padding:0;margin:0 0 18px;display:flex;flex-wrap:wrap;gap:6px}.portal-card__features li{font-size:11px;font-weight:600;color:#fff9;background:#ffffff0f;border-radius:6px;padding:4px 10px}.portal-card__store-btns{display:flex;gap:10px;flex-wrap:wrap}.store-btn{display:flex;align-items:center;gap:10px;background:#1a1a1a;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:8px 16px;text-decoration:none;color:#fff;transition:background .2s,border-color .2s;cursor:pointer}.store-btn:hover{background:#2a2a2a;border-color:#ffffff40}.store-btn svg{flex-shrink:0;opacity:.85}.store-btn div{display:flex;flex-direction:column;line-height:1.2}.store-btn span{font-size:9px;color:#ffffff80;text-transform:uppercase;letter-spacing:.05em}.store-btn strong{font-size:13px;font-weight:700}.portal-card__visual{flex:1;position:relative;padding:0 24px 24px;display:flex;align-items:flex-end;justify-content:center}.portal-mockup--desktop{width:100%;background:#ffffff08;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.06);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pm-bar{height:22px;background:#ffffff0a;display:flex;align-items:center;padding:0 10px;gap:5px;border-bottom:1px solid rgba(255,255,255,.05)}.pm-bar span{width:7px;height:7px;border-radius:50%;background:#ffffff14}.pm-bar span:nth-child(1){background:#ff5f5780}.pm-bar span:nth-child(2){background:#febc2e80}.pm-bar span:nth-child(3){background:#28c84080}.pm-screen{display:flex;height:160px}.pm-sidebar{width:40px;background:#0000004d;padding:10px 8px;display:flex;flex-direction:column;gap:8px;flex-shrink:0;border-right:1px solid rgba(255,255,255,.04)}.pm-sidebar span{display:block;height:5px;border-radius:3px;background:#ffffff12}.pm-sidebar span:first-child{background:#fff3}.pm-content{flex:1;padding:10px;display:flex;flex-direction:column;gap:8px;background:#00000026}.pm-stat-row{display:flex;gap:6px}.pm-stat{flex:1;height:34px;border-radius:6px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.pm-chart{flex:1;border-radius:6px;background:#ffffff08;border:1px solid rgba(255,255,255,.06)}.pm-table{display:flex;flex-direction:column;gap:4px}.pm-table div{height:7px;border-radius:3px;background:#ffffff0a}.pm-table div:nth-child(odd){width:80%;background:#ffffff0f}.portal-mockup--phone{width:90px;height:140px;background:#ffffff08;border-radius:20px;border:1px solid rgba(255,255,255,.08);overflow:hidden;flex-shrink:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:relative}.portal-mockup--overlay{position:absolute;bottom:-30px;right:16px;width:90px;height:140px;z-index:2;box-shadow:-8px 12px 40px #000000e6}.pm-phone-notch{width:36px;height:7px;background:#00000080;border-radius:0 0 8px 8px;margin:0 auto 6px}.pm-phone-screen{padding:0 8px 10px;display:flex;flex-direction:column;gap:6px}.pm-phone-header{height:14px;border-radius:4px;background:#ffffff0f}.pm-phone-card{height:38px;border-radius:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07)}.pm-phone-card--sm{height:26px}.pm-phone-row{display:flex;gap:6px}.pm-phone-row div{flex:1;height:26px;border-radius:6px;background:#ffffff0a}.pm-coming-soon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-8deg);z-index:4;padding:6px 8px;border-radius:6px;background:#111;border:1px solid rgba(255,255,255,.22);color:#fff;font-size:8px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;box-shadow:0 6px 16px #00000059}@media(max-width:600px){.portal-card{width:85vw;height:auto}.hscroll2-track{padding:0 20px;gap:16px}}.portal2-card{width:100%;padding:24px 22px 20px;display:flex;flex-direction:column;gap:10px;overflow:visible}.portal2-badge{display:inline-block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;border:1px solid;border-radius:20px;padding:3px 10px;margin-bottom:4px;width:fit-content}.portal2-title{font-size:1.05rem;font-weight:800;color:#fff;margin:0;line-height:1.3}.portal2-desc{font-size:12px;color:#ffffff73;line-height:1.6;margin:0}.portal2-features{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:5px}.portal2-features li{font-size:10px;font-weight:600;color:#ffffff8c;background:#ffffff0f;border-radius:5px;padding:3px 8px}.portal-mockup--desktop{margin-top:8px}.pm-stat{background:rgba(var(--c-rgb, 108,92,231),.15)!important}.pm-chart{background:linear-gradient(135deg,rgba(var(--c-rgb, 108,92,231),.12),rgba(var(--c-rgb,108,92,231),.03))!important}.portal-visual-both{position:relative;margin-top:8px;overflow:visible;padding-bottom:50px}.portal-mockup--centered{margin:8px auto 0;width:110px}.hscroll-panel:first-of-type .portal2-card,.portal2-card.portal2-card--center{align-items:center;text-align:center}.portal2-card.portal2-card--center .portal2-features,.portal2-card.portal2-card--center .portal-card__store-btns{justify-content:center}.hscroll2-track .hscroll-panel,.hscroll2-track .hscroll-panel--up,.hscroll2-track .hscroll-panel--down{flex-direction:column;justify-content:center;padding:0;height:auto;align-self:center}.hscroll2-track .hscroll-svg-connector,.hscroll2-track .hscroll-inline-line{display:none}.stack-section--light{background:#fff!important;align-items:flex-start;justify-content:flex-start;overflow-y:auto}.landing-section-tag{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:#888;border:1px solid #ddd;border-radius:20px;padding:4px 12px;margin-bottom:14px}.landing-pricing{width:100%;max-width:1100px;margin:0 auto;padding:80px 24px;text-align:center}.landing-pricing h2{font-size:clamp(1.6rem,3vw,2.4rem);font-weight:900;color:#111;margin:0 0 10px}.landing-section-sub{font-size:15px;color:#888;margin:0 0 48px}.pricing-cards{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.pricing-card{background:#f8f9fa;border:1px solid #eee;border-radius:20px;padding:32px 28px;width:300px;text-align:left;position:relative;transition:transform .2s,box-shadow .2s}.pricing-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000014}.pricing-card--highlight{background:#111;border-color:#111;color:#fff}.pricing-card__popular{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:#6c5ce7;color:#fff;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:4px 14px;border-radius:20px;white-space:nowrap}.pricing-card h3{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#888;margin:0 0 12px}.pricing-card--highlight h3{color:#ffffff80}.pricing-card__price{display:flex;align-items:baseline;gap:4px;margin-bottom:10px}.pricing-card__amount{font-size:2.2rem;font-weight:900;color:#111}.pricing-card__period{font-size:14px;color:#888}.pricing-card--highlight .pricing-card__period{color:#ffffff80}.pricing-card__desc{font-size:13px;color:#666;margin:0 0 20px;line-height:1.6}.pricing-card--highlight .pricing-card__desc{color:#ffffff8c}.pricing-card__features{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-direction:column;gap:10px}.pricing-card__features li{font-size:13px;color:#444;display:flex;align-items:center;gap:8px}.pricing-card--highlight .pricing-card__features li{color:#fffc}.pricing-check{color:#22c55e;font-weight:700;font-size:12px}.pricing-card__btn{width:100%;padding:12px;border-radius:10px;border:1.5px solid #ddd;background:transparent;font-size:13px;font-weight:600;color:#111;cursor:pointer;transition:background .15s,border-color .15s}.pricing-card__btn--dark:hover{background:#eee}.cta-section{position:relative;background:#0a0a0a;padding:80px 8%;overflow:hidden}.cta-section__bg-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:32px 32px;pointer-events:none}.cta-section__layout{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;max-width:1100px}.cta-section__inner{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.cta-section__tag{color:#fff6!important;border-color:#ffffff1f!important;margin-bottom:18px}.cta-section__heading{font-size:clamp(1.6rem,3vw,2.4rem);font-weight:900;color:#fff;line-height:1.15;letter-spacing:-.02em;margin:0 0 14px}.cta-section__sub{font-size:.875rem;color:#fff6;line-height:1.7;margin:0 0 28px}.cta-section__actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.cta-section__btn{padding:11px 24px;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;transition:all .18s;border:2px solid transparent;letter-spacing:.02em}.cta-section__btn--primary{background:#fff;color:#111;border-color:#fff}.cta-section__btn--primary:hover{background:#e8e8e8;border-color:#e8e8e8;transform:translateY(-2px)}.cta-section__btn--ghost{background:transparent;color:#ffffffa6;border-color:#ffffff29}.cta-section__btn--ghost:hover{border-color:#ffffff73;color:#fff;transform:translateY(-2px)}.cta-section__trust{display:flex;gap:18px;flex-wrap:wrap}.cta-section__trust span{font-size:11px;color:#ffffff38;letter-spacing:.03em}.cta-testimonials{display:flex;flex-direction:column;gap:20px}.cta-testimonials__label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:#ffffff40}.cta-testimonials__card{position:relative;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:32px 28px 28px;overflow:hidden;transition:opacity .35s ease,transform .35s ease}.cta-tcard--visible{opacity:1;transform:translateY(0)}.cta-tcard--up{opacity:0;transform:translateY(24px)}.cta-tcard--down{opacity:0;transform:translateY(-24px)}.cta-tcard__quote-icon{display:block;margin-bottom:16px;flex-shrink:0}.cta-tcard__quote{font-size:.95rem;color:#ffffffbf;line-height:1.75;margin:0 0 24px;font-style:italic;position:relative;z-index:1}.cta-tcard__author{display:flex;align-items:center;gap:12px}.cta-tcard__avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:#fff;flex-shrink:0;font-family:Inter,sans-serif}.cta-tcard__name{display:block;font-size:13px;font-weight:700;color:#fff;font-family:Inter,sans-serif;margin-bottom:2px}.cta-tcard__role{display:block;font-size:11px;color:#ffffff59;font-family:Inter,sans-serif}.cta-testimonials__dots{display:flex;gap:8px;align-items:center}.cta-tdot{width:6px;height:6px;border-radius:50%;background:#ffffff2e;border:none;cursor:pointer;padding:0;transition:background .2s,transform .2s}.cta-tdot--active{background:#fff;transform:scale(1.4)}.cta-tdot:hover:not(.cta-tdot--active){background:#fff6}@media(max-width:860px){.cta-section__layout{grid-template-columns:1fr;gap:40px}}@media(max-width:600px){.cta-section{padding:56px 6%}}.faq-section{background:#fff;padding:96px 6%}.faq-section__inner{max-width:1000px;margin:0 auto}.faq-section__head{text-align:center;margin-bottom:56px}.faq-section__head h2{font-size:clamp(1.6rem,3vw,2.4rem);font-weight:900;color:#111;margin:10px 0 12px;letter-spacing:-.01em}.faq-section__head p{font-size:.95rem;color:#888;margin:0}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 48px}.faq-item{border-bottom:1px solid #efefef;padding:0}.faq-item:first-of-type,.faq-item:nth-of-type(2){border-top:1px solid #efefef}.faq-question{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;font-size:14px;font-weight:600;color:#111;cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none;transition:color .15s}.faq-question:hover{color:#6c5ce7}.faq-question::-webkit-details-marker{display:none}.faq-icon{font-size:20px;font-weight:300;color:#ccc;transition:transform .25s ease,color .15s;flex-shrink:0;line-height:1}.faq-item[open] .faq-icon{transform:rotate(45deg);color:#6c5ce7}.faq-item[open] .faq-question{color:#6c5ce7}.faq-answer{font-size:13px;color:#666;line-height:1.75;padding:0 0 18px;margin:0}@media(max-width:700px){.faq-grid{grid-template-columns:1fr}.faq-item:nth-of-type(2){border-top:none}.cta-section{padding:72px 5%}.cta-section__heading{font-size:2rem}}.landing-cta-final{display:contents}.cta-section-text h2{font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:900;color:#111;margin:0 0 14px;line-height:1.15}.cta-section-text p{font-size:15px;color:#666;margin:0 0 32px;line-height:1.7}.cta-final-actions{display:flex;gap:12px;flex-wrap:wrap}.cta-final-btn{padding:13px 28px;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;transition:all .15s;border:2px solid transparent}.cta-final-btn--dark{background:#111;color:#fff}.cta-final-btn--dark:hover{background:#333}.cta-final-btn--outline{background:transparent;color:#111;border-color:#ccc}.cta-final-btn--outline:hover{border-color:#111}.normal-section{position:relative;background:#f7f6f3;width:100%;padding:72px 6%;overflow:hidden;box-sizing:border-box}.normal-section:before{content:"";position:absolute;width:340px;height:340px;border-radius:50%;border:40px solid rgba(0,0,0,.03);top:-100px;right:-80px;pointer-events:none}.normal-section:after{content:"";position:absolute;width:110px;height:110px;border-radius:20px;border:2px solid rgba(0,0,0,.05);bottom:40px;right:120px;transform:rotate(22deg);pointer-events:none}.normal-section-deco-circle{position:absolute;width:200px;height:200px;border-radius:50%;border:28px solid rgba(0,0,0,.03);bottom:-60px;left:-50px;pointer-events:none}.normal-section-deco-box{position:absolute;width:60px;height:60px;border-radius:12px;border:1.5px solid rgba(0,0,0,.06);top:32px;left:260px;transform:rotate(14deg);pointer-events:none}.normal-section--cta{background:#f7f6f3;border-top:1px solid #ece9e2}.normal-section-inner{position:relative;z-index:1;max-width:1100px;width:100%;margin:0 auto;display:flex;align-items:center;gap:64px}.cta-section-text{flex:1;min-width:0}.cta-section-img{flex:1;min-width:0;position:relative}.cta-section-img img{width:100%;height:380px;object-fit:cover;border-radius:16px;display:block;box-shadow:0 16px 48px #0000001a}.faq-section-img{flex:1;min-width:0;position:relative}.faq-section-img img{width:100%;height:420px;object-fit:cover;border-radius:16px;display:block;box-shadow:0 16px 48px #0000001a}.section-img-corners{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;pointer-events:none;z-index:3}.section-img-corners span{position:absolute;width:20px;height:20px;border:2px solid rgba(0,0,0,.18);transition:all .4s cubic-bezier(.68,-.55,.265,1.55)}.section-img-corners span:nth-child(1){top:0;left:0;border-right:none;border-bottom:none;border-radius:4px 0 0}.section-img-corners span:nth-child(2){top:0;right:0;border-left:none;border-bottom:none;border-radius:0 4px 0 0}.section-img-corners span:nth-child(3){bottom:0;left:0;border-right:none;border-top:none;border-radius:0 0 0 4px}.section-img-corners span:nth-child(4){bottom:0;right:0;border-left:none;border-top:none;border-radius:0 0 4px}.cta-section-img:hover .section-img-corners span:nth-child(1),.faq-section-img:hover .section-img-corners span:nth-child(1){transform:translate(-6px,-6px)}.cta-section-img:hover .section-img-corners span:nth-child(2),.faq-section-img:hover .section-img-corners span:nth-child(2){transform:translate(6px,-6px)}.cta-section-img:hover .section-img-corners span:nth-child(3),.faq-section-img:hover .section-img-corners span:nth-child(3){transform:translate(-6px,6px)}.cta-section-img:hover .section-img-corners span:nth-child(4),.faq-section-img:hover .section-img-corners span:nth-child(4){transform:translate(6px,6px)}.section-img-deco-circle{position:absolute;width:140px;height:140px;border-radius:50%;border:20px solid rgba(0,0,0,.05);top:-50px;right:-50px;pointer-events:none;z-index:0;transition:transform .5s ease,opacity .4s ease}.cta-section-img:hover .section-img-deco-circle,.faq-section-img:hover .section-img-deco-circle{animation:imgCircleFloat 3s ease-in-out infinite;opacity:.8}.section-img-deco-box{position:absolute;width:52px;height:52px;border-radius:10px;border:1.5px solid rgba(0,0,0,.08);bottom:-16px;left:-16px;transform:rotate(14deg);pointer-events:none;z-index:0;transition:transform .5s ease}.cta-section-img:hover .section-img-deco-box,.faq-section-img:hover .section-img-deco-box{animation:imgBoxSpin 4s ease-in-out infinite}.cta-section-img img,.faq-section-img img{transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .4s ease}.cta-section-img:hover img,.faq-section-img:hover img{transform:translateY(-6px);box-shadow:0 24px 60px #00000026}@keyframes imgCircleFloat{0%,to{transform:scale(1) translate(0)}50%{transform:scale(1.15) translate(8px,-8px)}}@keyframes imgBoxSpin{0%{transform:rotate(14deg) scale(1)}50%{transform:rotate(40deg) scale(1.2)}to{transform:rotate(14deg) scale(1)}}@media(max-width:860px){.normal-section-inner{flex-direction:column;gap:36px}.faq-section-img{order:-1}.cta-section-img img,.faq-section-img img{height:240px}.normal-section-deco-box{display:none}.normal-section{padding:52px 24px;overflow:hidden}.cta-section-img,.faq-section-img{overflow:hidden}.section-img-deco-circle,.section-img-deco-box,.section-img-corners{display:none}}.pricing-toggle{display:inline-flex;background:#f2f2f2;border-radius:12px;padding:4px;gap:2px;margin-bottom:48px}.pricing-toggle__btn{position:relative;padding:8px 20px;border:none;border-radius:8px;background:transparent;font-size:13px;font-weight:500;color:#666;cursor:pointer;transition:background .15s,color .15s;display:flex;align-items:center;gap:6px}.pricing-toggle__btn--active{background:#111;color:#fff}.pricing-toggle__badge{font-size:9px;font-weight:700;background:#22c55e;color:#fff;border-radius:6px;padding:2px 5px;letter-spacing:.03em}.pricing-cards{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;align-items:stretch}.pricing-card{background:#fafafa;border:1px solid #ebebeb;border-radius:16px;padding:20px 18px 18px;width:200px;text-align:left;position:relative;display:flex;flex-direction:column;gap:0;overflow:visible;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease}.pricing-card:hover{transform:translateY(-8px);box-shadow:0 20px 48px #0000001a}.pricing-card:before,.pricing-card:after{content:"";position:absolute;width:18px;height:18px;border:2px solid rgba(0,0,0,.15);transition:all .35s cubic-bezier(.34,1.56,.64,1);pointer-events:none;z-index:2}.pricing-card:before{top:-6px;left:-6px;border-right:none;border-bottom:none;border-radius:4px 0 0}.pricing-card:after{bottom:-6px;right:-6px;border-left:none;border-top:none;border-radius:0 0 4px}.pricing-card__corner-tr,.pricing-card__corner-bl{position:absolute;width:18px;height:18px;border:2px solid rgba(0,0,0,.15);transition:all .35s cubic-bezier(.34,1.56,.64,1);pointer-events:none;z-index:2}.pricing-card__corner-tr{top:-6px;right:-6px;border-left:none;border-bottom:none;border-radius:0 4px 0 0}.pricing-card__corner-bl{bottom:-6px;left:-6px;border-right:none;border-top:none;border-radius:0 0 0 4px}.pricing-card:hover:before{transform:translate(-5px,-5px)}.pricing-card:hover:after{transform:translate(5px,5px)}.pricing-card:hover .pricing-card__corner-tr{transform:translate(5px,-5px)}.pricing-card:hover .pricing-card__corner-bl{transform:translate(-5px,5px)}.pricing-card--highlight:before,.pricing-card--highlight:after,.pricing-card--highlight .pricing-card__corner-tr,.pricing-card--highlight .pricing-card__corner-bl{border-color:#ffffff4d}.pricing-card__deco-circle{position:absolute;width:120px;height:120px;border-radius:50%;border:18px solid rgba(0,0,0,.04);top:-40px;right:-40px;pointer-events:none;z-index:0;transition:transform .5s ease,opacity .4s ease}.pricing-card:hover .pricing-card__deco-circle{transform:scale(1.25) translate(6px,-6px);opacity:.7;animation:circleFloat 3s ease-in-out infinite}.pricing-card__deco-box{position:absolute;width:44px;height:44px;border-radius:8px;border:1.5px solid rgba(0,0,0,.06);bottom:20px;left:-12px;transform:rotate(14deg);pointer-events:none;z-index:0;transition:transform .5s ease,opacity .4s ease}.pricing-card:hover .pricing-card__deco-box{animation:boxSpin 4s ease-in-out infinite;opacity:.8}.pricing-card--highlight .pricing-card__deco-circle{border-color:#ffffff0f}.pricing-card--highlight .pricing-card__deco-box{border-color:#ffffff1a}@keyframes circleFloat{0%,to{transform:scale(1.25) translate(6px,-6px)}50%{transform:scale(1.3) translate(10px,-10px)}}@keyframes boxSpin{0%{transform:rotate(14deg) scale(1)}50%{transform:rotate(38deg) scale(1.15)}to{transform:rotate(14deg) scale(1)}}.pricing-card--highlight{background:#0d0d0d;border-color:#0d0d0d;color:#fff;transform:scale(1.03)}.pricing-card--highlight:hover{transform:scale(1.03) translateY(-8px);box-shadow:0 24px 56px #0000004d}.pricing-card__popular{position:absolute;top:-13px;left:50%;transform:translate(-50%);background:linear-gradient(90deg,#6c5ce7,#a29bfe);color:#fff;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:4px 16px;border-radius:20px;white-space:nowrap}.pricing-card__header{margin-bottom:20px}.pricing-card__header h3{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#999;margin:0 0 4px}.pricing-card--highlight .pricing-card__header h3{color:#ffffff73}.pricing-card__desc{font-size:11px;color:#777;line-height:1.5;margin:0}.pricing-card--highlight .pricing-card__desc{color:#ffffff73}.pricing-card__price{display:flex;align-items:baseline;gap:3px;margin-bottom:12px}.pricing-card__amount{font-size:1.8rem;font-weight:900;color:#111;letter-spacing:-1px}.pricing-card--highlight .pricing-card__amount{color:#fff}.pricing-card__period{font-size:11px;color:#aaa}.pricing-card--highlight .pricing-card__period{color:#fff6}.pricing-card__limits{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:12px}.pricing-card__limits span{font-size:10px;color:#666;background:#0000000a;border-radius:5px;padding:2px 6px}.pricing-card--highlight .pricing-card__limits span{color:#fff9;background:#ffffff14}.pricing-card__features{list-style:none;padding:0;margin:0 0 16px;display:flex;flex-direction:column;gap:6px;flex:1}.pricing-card__features li{font-size:11px;color:#444;display:flex;align-items:center;gap:6px;line-height:1.3}.pricing-card--highlight .pricing-card__features li{color:#ffffffbf}.pricing-check{color:#22c55e;font-weight:800;font-size:10px;flex-shrink:0}.pricing-card--highlight .pricing-check{color:#a8ff78}.pricing-card__btn{width:100%;padding:10px;border-radius:8px;border:1.5px solid #ddd;background:transparent;font-size:11px;font-weight:700;color:#111;cursor:pointer;transition:all .15s;margin-top:auto}.pricing-card__btn:hover{background:#f0f0f0;border-color:#bbb}.pricing-card__btn--dark{background:#fff;border-color:#fff;color:#111}.pricing-card__btn--dark:hover{background:#e8e8e8}.pricing-loading{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.pricing-skeleton{width:260px;height:420px;border-radius:20px;background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.pricing-hscroll-wrapper{position:relative;background:#fff}.pricing-hscroll-sticky{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding-top:100px;opacity:0;box-sizing:border-box;backface-visibility:hidden}.pricing-hscroll-header{position:absolute;top:70px;left:80px;z-index:20;pointer-events:none}.pricing-hscroll-header h2{font-size:clamp(1.4rem,3vw,2.2rem);font-weight:900;color:#111;margin:0 0 6px}.pricing-hscroll-header p{font-size:14px;color:#888;margin:0 0 14px}.pricing-hscroll-header .pricing-toggle{pointer-events:all;margin-bottom:0}.pricing-hscroll-track{display:flex;width:max-content;height:100%;align-items:center;padding:0 80px;gap:24px;will-change:transform;backface-visibility:hidden;transform:translateZ(0);box-sizing:border-box}@media(max-width:600px){.pricing-hscroll-header{left:20px;right:20px}.pricing-hscroll-header h2{font-size:1.2rem}}.af-page{min-height:100vh;background:#f5f4ff;font-family:Inter,system-ui,sans-serif;color:#111;transition:background .3s,color .3s}[data-theme=dark] .af-page{background:#111;color:#e0e0e0}.af-shell{max-width:860px;margin:0 auto;padding:28px 20px 48px}.af-theme-toggle{position:fixed;top:20px;right:20px;width:38px;height:38px;border-radius:50%;border:1.5px solid #d0d0d0;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,border-color .2s;z-index:20}.af-theme-toggle:hover{border-color:#111}[data-theme=dark] .af-theme-toggle{background:#1e1e1e;border-color:#3a3a3a}[data-theme=dark] .af-theme-toggle:hover{border-color:#f0f0f0}.af-page--state{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:40px 20px}.af-state-card{width:100%;max-width:420px;text-align:center;background:#fff;border:1px solid #e8e8e8;border-radius:20px;padding:40px 32px;box-shadow:0 12px 40px #0000000f}[data-theme=dark] .af-state-card{background:#1a1a1a;border-color:#2a2a2a;box-shadow:0 12px 40px #00000059}.af-state-card h2{margin:16px 0 8px;font-size:1.2rem;font-weight:800;color:#111}[data-theme=dark] .af-state-card h2{color:#f0f0f0}.af-state-card p{margin:0;font-size:14px;line-height:1.6;color:#888}[data-theme=dark] .af-state-card p{color:#666}.af-state-card--error{border-color:#ef444433}.af-state-icon{color:#ef4444}.af-spinner{width:40px;height:40px;margin:0 auto;border:3px solid #e8e8e8;border-top-color:#111;border-radius:50%;animation:af-spin .8s linear infinite}[data-theme=dark] .af-spinner{border-color:#2a2a2a;border-top-color:#f0f0f0}@keyframes af-spin{to{transform:rotate(360deg)}}.af-back-link{display:inline-block;margin-top:20px;padding:10px 20px;border-radius:10px;background:#111;color:#fff;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s}.af-back-link:hover{background:#333}[data-theme=dark] .af-back-link{background:#f0f0f0;color:#111}[data-theme=dark] .af-back-link:hover{background:#fff}.af-hero{background:#fff;border:1px solid #e8e8e8;border-radius:20px;padding:28px 28px 24px;margin-bottom:24px;box-shadow:0 8px 32px #0000000a}[data-theme=dark] .af-hero{background:#1a1a1a;border-color:#2a2a2a;box-shadow:0 8px 32px #00000040}.af-hero-brand{display:flex;align-items:center;gap:18px;margin-bottom:16px}.af-logo,.af-logo-placeholder{width:68px;height:68px;border-radius:16px;flex-shrink:0}.af-logo{object-fit:cover;background:#f7f7f7;border:1px solid #e8e8e8}[data-theme=dark] .af-logo{background:#252525;border-color:#3a3a3a}.af-logo-placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6c5ce7,#a29bfe);color:#fff;font-size:26px;font-weight:800}.af-hero-text{min-width:0}.af-hero-badge{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#6c5ce7;background:#6c5ce71a;padding:4px 10px;border-radius:999px;margin-bottom:8px}[data-theme=dark] .af-hero-badge{color:#a29bfe;background:#a29bfe1f}.af-hero-text h1{margin:0 0 4px;font-size:1.6rem;font-weight:800;letter-spacing:-.02em;color:#111;line-height:1.2}[data-theme=dark] .af-hero-text h1{color:#f0f0f0}.af-hero-motto{margin:0;font-size:13px;color:#888;font-style:italic}[data-theme=dark] .af-hero-motto{color:#555}.af-hero-desc{margin:0;padding-top:16px;border-top:1px solid #f0f0f0;font-size:14px;line-height:1.6;color:#666}[data-theme=dark] .af-hero-desc{border-top-color:#2a2a2a;color:#888}.af-main{display:flex;flex-direction:column;gap:20px}.af-banner{display:flex;align-items:flex-start;gap:14px;padding:16px 18px;border-radius:14px;font-size:14px}.af-banner strong{display:block;margin-bottom:4px;font-weight:800}.af-banner p{margin:0;line-height:1.5}.af-banner-icon{flex-shrink:0;margin-top:2px}.af-banner--success{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.af-banner--success .af-banner-icon{color:#059669}[data-theme=dark] .af-banner--success{background:#10b9811a;border-color:#10b98140;color:#6ee7b7}[data-theme=dark] .af-banner--success .af-banner-icon{color:#34d399}.af-banner--error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.af-banner--error .af-banner-icon{color:#dc2626}[data-theme=dark] .af-banner--error{background:#ef44441a;border-color:#ef444440;color:#fca5a5}[data-theme=dark] .af-banner--error .af-banner-icon{color:#f87171}.af-form{display:flex;flex-direction:column;gap:18px}.af-section{background:#fff;border:1px solid #e8e8e8;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #00000008}[data-theme=dark] .af-section{background:#1a1a1a;border-color:#2a2a2a;box-shadow:0 4px 20px #0003}.af-section-head{display:flex;align-items:center;gap:12px;padding:16px 22px;background:#f7f7f7;border-bottom:1px solid #e8e8e8}[data-theme=dark] .af-section-head{background:#222;border-bottom-color:#2a2a2a}.af-section-num{width:28px;height:28px;border-radius:8px;background:#111;color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}[data-theme=dark] .af-section-num{background:#f0f0f0;color:#111}.af-section-head h2{margin:0;font-size:14px;font-weight:800;color:#111;letter-spacing:-.01em}[data-theme=dark] .af-section-head h2{color:#f0f0f0}.af-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 20px;padding:20px 22px 22px}.af-grid-item--full{grid-column:1 / -1}.af-grid--declaration{gap:14px}.af-grid-item--half{min-width:0}.af-section--declaration .af-checkbox{padding:14px 16px;border:1px solid #e8e8e8;border-radius:10px;background:#fafafa;align-items:center;margin:0}.af-field-hint{font-size:12px;color:#888;line-height:1.4}[data-theme=dark] .af-section--declaration .af-checkbox{background:#222;border-color:#2a2a2a}[data-theme=dark] .af-field-hint{color:#666}.af-field{display:flex;flex-direction:column;gap:8px}.af-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#555}[data-theme=dark] .af-label{color:#888}.af-input,.af-textarea,.af-select{width:100%;border:1px solid #d8d8d8;border-radius:10px;padding:11px 14px;font:inherit;font-size:14px;background:#fafafa;color:#111;box-sizing:border-box;transition:border-color .15s,background .15s,box-shadow .15s}.af-input:focus,.af-textarea:focus,.af-select:focus{outline:none;border-color:#111;background:#fff;box-shadow:0 0 0 3px #1111110f}[data-theme=dark] .af-input,[data-theme=dark] .af-textarea,[data-theme=dark] .af-select{background:#252525;border-color:#3a3a3a;color:#e0e0e0}[data-theme=dark] .af-input:focus,[data-theme=dark] .af-textarea:focus,[data-theme=dark] .af-select:focus{border-color:#f0f0f0;background:#2a2a2a;box-shadow:0 0 0 3px #ffffff0f}.af-textarea{resize:vertical;min-height:100px}.af-file-wrap{display:flex;flex-direction:column;gap:6px}.af-file{width:100%;padding:10px 12px;border:1px dashed #d0d0d0;border-radius:10px;background:#fafafa;font:inherit;font-size:13px;color:#333;cursor:pointer;transition:border-color .15s,background .15s}.af-file:hover{border-color:#6c5ce7;background:#f5f4ff}[data-theme=dark] .af-file{background:#252525;border-color:#3a3a3a;color:#ccc}[data-theme=dark] .af-file:hover{border-color:#a29bfe;background:#1e1e2e}.af-file-hint{font-size:11px;color:#888}[data-theme=dark] .af-file-hint{color:#555}.af-checkbox{display:flex;align-items:flex-start;gap:12px;font-size:14px;color:#333;padding:10px 0;cursor:pointer;-webkit-user-select:none;user-select:none}[data-theme=dark] .af-checkbox{color:#ccc}.af-checkbox input{position:absolute;opacity:0;width:0;height:0}.af-checkbox-box{width:18px;height:18px;border-radius:5px;border:1.5px solid #d1d5db;background:#fff;flex-shrink:0;margin-top:2px;position:relative;transition:border-color .15s,background .15s}.af-checkbox input:checked+.af-checkbox-box{background:#111;border-color:#111}.af-checkbox input:checked+.af-checkbox-box:after{content:"";position:absolute;left:5px;top:2px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}[data-theme=dark] .af-checkbox-box{background:#252525;border-color:#3a3a3a}[data-theme=dark] .af-checkbox input:checked+.af-checkbox-box{background:#f0f0f0;border-color:#f0f0f0}[data-theme=dark] .af-checkbox input:checked+.af-checkbox-box:after{border-color:#111}.af-grid-item>div{margin-bottom:0!important}.af-actions{display:flex;justify-content:flex-end;padding-top:4px}.af-footer{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:32px;padding-top:20px;border-top:1px solid #e8e8e8;font-size:12px;color:#888}[data-theme=dark] .af-footer{border-top-color:#2a2a2a;color:#555}.af-footer a{color:#111;font-weight:700;text-decoration:none}.af-footer a:hover{text-decoration:underline}[data-theme=dark] .af-footer a{color:#e0e0e0}@media(max-width:700px){.af-shell{padding:20px 16px 40px}.af-hero{padding:22px 20px 20px;border-radius:16px}.af-hero-brand{flex-direction:column;align-items:flex-start;gap:14px}.af-hero-text h1{font-size:1.35rem}.af-grid{grid-template-columns:1fr;padding:16px 18px 18px}.af-grid-item--half{grid-column:1 / -1}.af-actions{justify-content:stretch}.af-actions button{width:100%}.af-theme-toggle{top:14px;right:14px}}.af-email-verify .af-label{display:flex;align-items:center;gap:8px}.af-verified-pill{display:inline-flex;align-items:center;padding:2px 8px;border-radius:99px;background:#dcfce7;color:#166534;font-size:10px;font-weight:800;letter-spacing:.03em;text-transform:uppercase}.af-email-row,.af-otp-row{display:flex;gap:8px;align-items:stretch}.af-email-input,.af-otp-input{flex:1;min-width:0}.af-otp-row{margin-top:8px}.af-otp-input{letter-spacing:.18em;font-weight:700}.af-verify-btn{flex-shrink:0;padding:0 14px;border-radius:10px;border:1.5px solid #111111;background:#111;color:#fff;font-size:12px;font-weight:800;cursor:pointer;transition:opacity .15s,background .15s;white-space:nowrap}.af-verify-btn:hover:not(:disabled){opacity:.9}.af-verify-btn:disabled{opacity:.45;cursor:not-allowed}.af-verify-btn--confirm{background:#166534;border-color:#166534}.af-email-msg{display:block;margin-top:6px;font-size:12px;font-weight:600}.af-email-msg--ok{color:#166534}.af-email-msg--err{color:#b91c1c}[data-theme=dark] .af-verified-pill{background:#14532d;color:#bbf7d0}[data-theme=dark] .af-verify-btn{background:#f0f0f0;border-color:#f0f0f0;color:#111}[data-theme=dark] .af-verify-btn--confirm{background:#22c55e;border-color:#22c55e;color:#052e16}[data-theme=dark] .af-email-msg--ok{color:#86efac}[data-theme=dark] .af-email-msg--err{color:#fca5a5}@media(max-width:560px){.af-email-row,.af-otp-row{flex-direction:column}.af-verify-btn{height:42px}}.legal-pg{min-height:100vh;background:#f7f6f3;font-family:Inter,sans-serif}.legal-pg__hero{background:#0d0d0d;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:40px 40px;color:#fff;text-align:center;padding:100px 24px 56px}.legal-pg__tag{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:#fff6;border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:4px 12px;margin-bottom:16px}.legal-pg__hero h1{font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:900;margin:0 0 12px;line-height:1.15}.legal-pg__hero p{font-size:14px;color:#ffffff73;margin:0}.legal-pg__body{max-width:1040px;margin:0 auto;padding:48px 6% 80px;display:grid;grid-template-columns:220px 1fr;gap:48px;align-items:start}.legal-pg__toc{position:sticky;top:88px;display:flex;flex-direction:column;gap:8px}.legal-pg__toc h2{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#888;margin:0 0 8px}.legal-pg__toc nav{display:flex;flex-direction:column;gap:6px}.legal-pg__toc a{font-size:13px;color:#555;text-decoration:none;line-height:1.4;padding:4px 0;transition:color .15s}.legal-pg__toc a:hover{color:#111}.legal-pg__other{margin-top:20px;font-size:13px;font-weight:600;color:#111;text-decoration:underline;text-underline-offset:3px}.legal-pg__content{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:16px;padding:40px 40px 48px}.legal-pg__intro{font-size:15px;color:#444;line-height:1.75;margin:0 0 32px}.legal-pg__section{margin-bottom:28px;scroll-margin-top:96px}.legal-pg__section h2{font-size:18px;font-weight:800;color:#111;margin:0 0 12px;letter-spacing:-.01em}.legal-pg__section p{font-size:14px;color:#444;line-height:1.75;margin:0 0 12px}.legal-pg__section ul{margin:0 0 12px;padding-left:20px}.legal-pg__section li{font-size:14px;color:#444;line-height:1.7;margin-bottom:6px}.legal-pg__contact{font-size:14px;color:#555;line-height:1.7;margin:36px 0 0;padding-top:28px;border-top:1px solid rgba(0,0,0,.06)}.legal-pg__contact a{color:#111;font-weight:600}@media(max-width:800px){.legal-pg__body{grid-template-columns:1fr;gap:28px;padding:32px 20px 64px}.legal-pg__toc{position:static;padding-bottom:8px;border-bottom:1px solid rgba(0,0,0,.06)}.legal-pg__toc nav{flex-direction:row;flex-wrap:wrap;gap:8px 16px}.legal-pg__content{padding:28px 22px 36px}}.otp-input-row{display:flex;gap:10px;justify-content:center;width:100%}.otp-box{width:48px;height:52px;font-size:22px;font-weight:700;text-align:center;border-radius:12px;border:1.5px solid #d0d0d0;background:#fafafa;color:#1a1a1a;outline:none;transition:border-color .2s,box-shadow .2s,background .2s;caret-color:#1a1a1a}.otp-box:focus{border-color:#1a1a1a;background:#fff;box-shadow:0 0 0 3px #0000000f}.otp-box-filled{border-color:#1a1a1a;background:#fff}.otp-box-error{border-color:#e55!important;box-shadow:0 0 0 3px #ee55551f!important;animation:otp-shake .35s ease}@keyframes otp-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}[data-theme=dark] .otp-box{background:#252525;border-color:#3a3a3a;color:#f0f0f0;caret-color:#f0f0f0}[data-theme=dark] .otp-box:focus{border-color:#f0f0f0;background:#2a2a2a;box-shadow:0 0 0 3px #ffffff0f}[data-theme=dark] .otp-box-filled{border-color:#f0f0f0;background:#2a2a2a}.otp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:16px;animation:otp-fade .2s ease}@keyframes otp-fade{0%{opacity:0}to{opacity:1}}.otp-modal{background:#fff;border-radius:20px;width:100%;max-width:400px;padding:32px 28px 28px;box-shadow:0 24px 64px #00000029;display:flex;flex-direction:column;align-items:center;gap:16px;animation:otp-up .25s ease}[data-theme=dark] .otp-modal{background:#1a1a1a;box-shadow:0 24px 64px #0009}@keyframes otp-up{0%{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}.otp-icon{width:52px;height:52px;border-radius:14px;border:1.5px solid #e0e0e0;background:#fafafa;display:flex;align-items:center;justify-content:center;color:#1a1a1a;margin-bottom:4px}[data-theme=dark] .otp-icon{background:#252525;border-color:#333;color:#f0f0f0}.otp-header{text-align:center}.otp-header h3{font-size:20px;font-weight:800;color:#1a1a1a;margin:0 0 8px;letter-spacing:-.3px}[data-theme=dark] .otp-header h3{color:#f0f0f0}.otp-header p{font-size:13px;color:#888;margin:0;line-height:1.6}.otp-error{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#e55;background:#fff5f5;border:1px solid #fcc;border-radius:8px;padding:8px 12px;width:100%;box-sizing:border-box}[data-theme=dark] .otp-error{background:#2a1a1a;border-color:#5a2a2a}.otp-actions{display:flex;gap:10px;width:100%;justify-content:flex-end;margin-top:4px}.otp-note{font-size:12px;color:#bbb;margin:0;text-align:center}[data-theme=dark] .otp-note{color:#444}.otp-resend-btn{background:none;border:none;cursor:pointer;font-size:13px;font-weight:600;color:#555;text-decoration:underline;text-underline-offset:3px;padding:0;margin-top:-4px;transition:color .15s}.otp-resend-btn:hover:not(:disabled){color:#111}.otp-resend-btn:disabled{opacity:.45;cursor:not-allowed}[data-theme=dark] .otp-resend-btn{color:#aaa}[data-theme=dark] .otp-resend-btn:hover:not(:disabled){color:#f0f0f0}.otp-resend-msg{font-size:12px;color:#16a34a;background:#dcfce7;border:1px solid #bbf7d0;border-radius:8px;padding:7px 12px;width:100%;box-sizing:border-box;text-align:center;margin:0}[data-theme=dark] .otp-resend-msg{background:#14532d;border-color:#166534;color:#86efac}