@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--color-slate-900:#0f172a;--color-slate-800:#1e293b;--color-slate-700:#334155;--color-slate-600:#475569;--color-slate-500:#64748b;--color-slate-400:#94a3b8;--color-slate-300:#cbd5e1;--color-slate-200:#e2e8f0;--color-slate-100:#f1f5f9;--color-slate-50:#f8fafc;--color-primary-800:#1e40af;--color-primary-700:#1d4ed8;--color-primary-600:#2563eb;--color-primary-50:#eff6ff;--color-danger-600:#dc2626;--color-danger-50:#fef2f2}*{box-sizing:border-box}body{min-width:320px;font-family:var(--font-sans);background-color:var(--color-slate-50);color:var(--color-slate-900);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.public-home{background:linear-gradient(#f8fafc 0%,#edf2f7 100%);flex-direction:column;min-height:100vh;padding:1.75rem clamp(1.5rem,5vw,5rem);display:flex}.site-nav{border-bottom:1px solid var(--color-slate-200);justify-content:space-between;align-items:center;padding-bottom:1.5rem;display:flex}.brand-mark{align-items:center;gap:.85rem;display:flex}.brand-icon{background:var(--color-primary-700);color:#fff;border-radius:8px;place-items:center;width:40px;height:40px;display:grid;box-shadow:0 2px 4px #2563eb33}.brand-title{letter-spacing:.05em;color:var(--color-slate-900);font-size:.95rem;font-weight:700;display:block}.brand-subtitle{letter-spacing:.12em;color:var(--color-slate-500);margin-top:.15rem;font-size:.65rem;font-weight:600;display:block}.nav-login{color:#fff;background:var(--color-slate-900);border-radius:6px;padding:.65rem 1.25rem;font-size:.82rem;font-weight:600;text-decoration:none;transition:background .15s}.nav-login:hover{background:var(--color-slate-800)}.home-content{flex:1;grid-template-columns:1.15fr .85fr;align-items:center;gap:4rem;width:100%;max-width:1200px;margin:3rem auto;display:grid}.home-text .eyebrow{letter-spacing:.12em;color:var(--color-primary-700);background:var(--color-primary-50);border:1px solid #dbeafe;border-radius:4px;margin-bottom:1.25rem;padding:.3rem .75rem;font-size:.72rem;font-weight:700;display:inline-block}.home-text h1{color:var(--color-slate-900);letter-spacing:-.025em;margin:0 0 1.25rem;font-size:clamp(2.2rem,4vw,3.2rem);font-weight:700;line-height:1.15}.home-intro{color:var(--color-slate-600);max-width:540px;margin:0 0 2rem;font-size:1.05rem;line-height:1.65}.home-cta{color:#fff;background:var(--color-primary-600);border-radius:6px;align-items:center;gap:.6rem;padding:.85rem 1.5rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:background .15s,transform .15s;display:inline-flex;box-shadow:0 2px 4px #2563eb40}.home-cta:hover{background:var(--color-primary-700);transform:translateY(-1px)}.home-card-preview{border:1px solid var(--color-slate-200);background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 10px 25px -5px #0f172a14}.preview-header{background:var(--color-slate-900);align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.preview-dots{gap:6px;display:flex}.preview-dots span{background:#ffffff4d;border-radius:50%;width:10px;height:10px}.preview-dots span:first-child{background:#ef4444}.preview-dots span:nth-child(2){background:#f59e0b}.preview-dots span:nth-child(3){background:#10b981}.preview-title{color:#f8fafc;letter-spacing:.04em;font-size:.8rem;font-weight:600}.preview-body{flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.preview-item{align-items:flex-start;gap:1rem;display:flex}.preview-item-icon{background:var(--color-slate-100);width:36px;height:36px;color:var(--color-primary-700);border-radius:8px;flex-shrink:0;place-items:center;display:grid}.preview-item strong{color:var(--color-slate-900);margin-bottom:.2rem;font-size:.86rem;font-weight:600;display:block}.preview-item p{color:var(--color-slate-500);margin:0;font-size:.78rem;line-height:1.45}.login-page{background:var(--color-slate-50);grid-template-columns:1.15fr .85fr;min-height:100vh;display:grid}.login-hero{color:#fff;background:linear-gradient(135deg,#091322 0%,#0f1f38 50%,#1e3a8a 100%);border-right:1px solid #ffffff14;flex-direction:column;justify-content:center;padding:clamp(2.5rem,6vh,5rem) clamp(2.5rem,5vw,5rem);display:flex;position:relative}.hero-content{flex-direction:column;gap:2.25rem;max-width:580px;display:flex}.hero-brand{align-items:center;gap:1rem;display:flex}.hero-brand-icon{color:#fff;background:#2563eb;border-radius:8px;place-items:center;width:46px;height:46px;display:grid;box-shadow:0 4px 12px #2563eb59}.hero-brand-title{letter-spacing:.06em;color:#f8fafc;font-size:1rem;font-weight:700;display:block}.hero-brand-sub{letter-spacing:.16em;color:#94a3b8;margin-top:.2rem;font-size:.68rem;font-weight:600;display:block}.hero-heading .hero-tagline{letter-spacing:.14em;color:#60a5fa;margin-bottom:.75rem;font-size:.7rem;font-weight:700;display:inline-block}.hero-heading h1{letter-spacing:-.02em;color:#fff;margin:0 0 1rem;font-size:clamp(2rem,3.2vw,2.7rem);font-weight:700;line-height:1.2}.hero-desc{color:#cbd5e1;margin:0;font-size:.95rem;line-height:1.65}.hero-features{flex-direction:column;gap:1.15rem;display:flex}.feature-item{align-items:flex-start;gap:.85rem;display:flex}.feature-icon{color:#93c5fd;background:#2563eb40;border:1px solid #60a5fa66;border-radius:50%;flex-shrink:0;place-items:center;width:26px;height:26px;margin-top:2px;display:grid}.feature-item strong{color:#f1f5f9;margin-bottom:.15rem;font-size:.86rem;font-weight:600;display:block}.feature-item p{color:#94a3b8;margin:0;font-size:.78rem;line-height:1.4}.hero-footer-note{color:#64748b;border-top:1px solid #ffffff1a;padding-top:1.5rem;font-size:.72rem;line-height:1.5}.login-card-container{background:var(--color-slate-50);justify-content:center;align-items:center;padding:2.5rem;display:flex}.login-card{border:1px solid var(--color-slate-200);background:#fff;border-radius:10px;width:100%;max-width:440px;padding:2.5rem 2.25rem;box-shadow:0 4px 16px #0f172a0d}.card-header{margin-bottom:1.75rem}.card-header h2{color:var(--color-slate-900);letter-spacing:-.02em;margin:0 0 .5rem;font-size:1.45rem;font-weight:700}.card-header p{color:var(--color-slate-500);margin:0;font-size:.83rem;line-height:1.5}.form-group{margin-bottom:1.25rem}.form-group label{color:var(--color-slate-700);margin-bottom:.45rem;font-size:.78rem;font-weight:600;display:block}.password-label{justify-content:space-between;align-items:center;margin-bottom:.45rem;display:flex}.password-label label{margin-bottom:0}.password-toggle{color:var(--color-slate-500);cursor:pointer;background:0 0;border:none;padding:0;font-size:.72rem;font-weight:500}.password-toggle:hover{color:var(--color-primary-600)}.form-group input{width:100%;height:2.75rem;color:var(--color-slate-900);border:1px solid var(--color-slate-300);background:#fff;border-radius:6px;outline:none;padding:0 .9rem;font-size:.84rem;transition:border-color .15s,box-shadow .15s}.form-group input:focus{border-color:var(--color-primary-600);box-shadow:0 0 0 3px #2563eb1f}.password-input-group{align-items:center;width:100%;display:flex;position:relative}.password-input-group input{width:100%;padding-right:2.75rem!important}.password-toggle-btn{width:2rem;height:2rem;color:var(--color-slate-400);cursor:pointer;z-index:2;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:0;transition:color .15s,background-color .15s;display:inline-flex;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.password-toggle-btn:hover{color:var(--color-slate-700);background:var(--color-slate-100)}.password-toggle-btn:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:1px}.form-helper{justify-content:flex-end;margin-bottom:1.5rem;display:flex}.forgot-link{color:var(--color-primary-600);font-size:.75rem;font-weight:500;text-decoration:none}.forgot-link:hover{text-decoration:underline}.submit-button,.btn-submit{background:var(--color-primary-600);color:#fff;cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;gap:.5rem;width:100%;height:2.85rem;margin-top:.75rem;font-size:.88rem;font-weight:600;transition:background .15s,transform .15s,box-shadow .15s,opacity .15s;display:inline-flex;box-shadow:0 2px 4px #2563eb33}.submit-button:hover:not(:disabled),.btn-submit:hover:not(:disabled){background:var(--color-primary-700);transform:translateY(-1px);box-shadow:0 4px 10px #2563eb47}.submit-button:active:not(:disabled),.btn-submit:active:not(:disabled){transform:translateY(0)}.submit-button:disabled,.btn-submit:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.btn-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:1.05rem;height:1.05rem;animation:.6s linear infinite spin;display:inline-block}.form-row-2{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}@media (width<=480px){.form-row-2{grid-template-columns:1fr}}.form-message{border-radius:6px;align-items:center;gap:.5rem;margin-top:1rem;padding:.75rem .9rem;font-size:.78rem;line-height:1.4;display:flex}.error-message{background:var(--color-danger-50);color:var(--color-danger-600);border:1px solid #fecaca}.card-footer{border-top:1px solid var(--color-slate-200);text-align:center;margin-top:2rem;padding-top:1.25rem}.auth-tabs{background:var(--color-slate-100);border:1px solid var(--color-slate-200);border-radius:8px;margin-bottom:1.5rem;padding:4px;display:flex}.auth-tab-btn{color:var(--color-slate-600);cursor:pointer;text-align:center;background:0 0;border:none;border-radius:6px;flex:1;padding:.55rem .75rem;font-size:.82rem;font-weight:600;transition:all .15s}.auth-tab-btn.active{color:var(--color-primary-700);background:#fff;box-shadow:0 1px 3px #0f172a14}.auth-tab-btn:hover:not(.active){color:var(--color-slate-900)}.form-group select{width:100%;height:2.75rem;color:var(--color-slate-900);border:1px solid var(--color-slate-300);cursor:pointer;background:#fff;border-radius:6px;outline:none;padding:0 .9rem;font-size:.84rem;transition:border-color .15s,box-shadow .15s}.form-group select:focus{border-color:var(--color-primary-600);box-shadow:0 0 0 3px #2563eb1f}.success-message{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.role-pill-group{gap:.5rem;margin-bottom:.5rem;display:flex}.role-pill-btn{border:1.5px solid var(--color-slate-200);background:var(--color-slate-50);color:var(--color-slate-600);cursor:pointer;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.65rem .75rem;font-size:.82rem;font-weight:600;transition:all .15s;display:flex}.role-pill-btn.selected{border-color:var(--color-primary-600);color:var(--color-primary-700);background:#eff6ff;font-weight:700}.role-pill-btn:hover:not(.selected){border-color:var(--color-slate-300);background:var(--color-slate-100)}.verify-input-group{gap:.5rem;display:flex}.verify-input-group input{flex:1}.btn-verify-identity{background:var(--color-slate-800);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:6px;align-items:center;gap:.4rem;height:2.75rem;padding:0 1.1rem;font-size:.82rem;font-weight:600;transition:background .15s;display:inline-flex}.btn-verify-identity:hover:not(:disabled){background:var(--color-slate-900)}.btn-verify-identity:disabled{opacity:.65;cursor:not-allowed}.verified-card{background:#f0fdf4;border:1.5px solid #86efac;border-radius:8px;margin-bottom:1.25rem;padding:1rem;animation:.2s fadeIn}.verified-badge{text-transform:uppercase;letter-spacing:.05em;color:#166534;align-items:center;gap:.35rem;margin-bottom:.5rem;font-size:.72rem;font-weight:700;display:inline-flex}.verified-details{flex-direction:column;gap:.25rem;display:flex}.verified-name{color:#14532d;font-size:.95rem;font-weight:700}.verified-meta{color:#15803d;font-size:.78rem}.verified-reset-btn{color:#166534;cursor:pointer;background:0 0;border:none;margin-top:.65rem;padding:0;font-size:.72rem;font-weight:600;text-decoration:underline}.verified-reset-btn:hover{color:#14532d}.form-row{gap:.75rem;display:flex}.form-row .form-group{flex:1}.switch-auth-link{color:var(--color-primary-600);cursor:pointer;background:0 0;border:none;margin-top:.4rem;padding:0;font-size:.82rem;font-weight:600;text-decoration:underline;display:inline-block}.switch-auth-link:hover{color:var(--color-primary-700)}.card-footer p{color:var(--color-slate-500);margin:0;font-size:.75rem}.card-footer .contact-admin{color:var(--color-slate-700);margin-top:.25rem;font-weight:600}.dashboard-page{background:var(--color-slate-50);width:100%;height:100vh;max-height:100vh;color:var(--color-slate-900);box-sizing:border-box;display:flex;overflow:hidden}.dashboard-sidebar{background:var(--color-slate-900);color:#fff;box-sizing:border-box;border-right:1px solid #1e293b;flex-direction:column;flex:0 0 250px;width:250px;height:100%;max-height:100%;padding:1.25rem .85rem 1rem;display:flex;overflow:hidden}.sidebar-brand{border-bottom:1px solid #1e293b;flex-shrink:0;align-items:center;gap:.75rem;margin-bottom:.85rem;padding:0 .25rem 1.15rem;display:flex}.sidebar-brand .brand-icon{color:#fff;background:#2563eb;border-radius:6px;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.sidebar-brand .brand-title{letter-spacing:.04em;color:#f8fafc;font-size:.84rem;font-weight:700;display:block}.sidebar-brand .brand-subtitle{letter-spacing:.1em;color:#94a3b8;margin-top:.12rem;font-size:.6rem;font-weight:600;display:block}.sidebar-caption{letter-spacing:.12em;color:#64748b;flex-shrink:0;margin:0 0 .45rem;padding:0 .5rem;font-size:.65rem;font-weight:700}.dashboard-nav{scrollbar-width:thin;scrollbar-color:#334155 transparent;flex-direction:column;flex:1;gap:.15rem;min-height:0;padding-right:.2rem;display:flex;overflow:hidden auto}.dashboard-nav::-webkit-scrollbar{width:5px}.dashboard-nav::-webkit-scrollbar-track{background:0 0}.dashboard-nav::-webkit-scrollbar-thumb{background:#334155;border-radius:4px}.dashboard-nav::-webkit-scrollbar-thumb:hover{background:#475569}.nav-group{margin-bottom:.25rem}.dashboard-nav-item{color:#94a3b8;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:.6rem;width:100%;padding:.52rem .75rem;font-family:inherit;font-size:.81rem;font-weight:500;text-decoration:none;transition:all .12s;display:flex}.dashboard-nav-item:hover{color:#f8fafc;background:#1e293b}.dashboard-nav-parent.active{color:#fff;background:#1e293b;font-weight:600}.nav-item-icon{color:#60a5fa;align-items:center;display:flex}.dashboard-subnav{border-left:1px solid #334155;flex-direction:column;gap:.12rem;margin:.2rem 0 .45rem .75rem;padding-left:.75rem;display:flex}.dashboard-subnav .dashboard-nav-item{color:#94a3b8;padding:.42rem .65rem;font-size:.77rem}.subnav-dot{background:#475569;border-radius:50%;width:5px;height:5px}.dashboard-subnav .active-sub{color:#fff;background:#2563eb;font-weight:600}.dashboard-subnav .active-sub .subnav-dot{background:#fff}.sidebar-footer{border-top:1px solid #1e293b;flex-shrink:0;margin-top:auto;padding-top:.75rem}.dashboard-signout{color:#f87171;cursor:pointer;background:0 0;border:1px solid #ef444433;border-radius:6px;align-items:center;gap:.65rem;width:100%;padding:.55rem .85rem;font-size:.78rem;font-weight:600;transition:all .12s;display:flex}.dashboard-signout:hover{color:#ef4444;background:#ef44441a}.dashboard-main{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;flex-direction:column;flex:1;width:100%;min-width:0;height:100%;max-height:100%;padding:2rem 2.5rem 3rem;display:flex;overflow:hidden auto}.dashboard-main::-webkit-scrollbar{width:7px}.dashboard-main::-webkit-scrollbar-track{background:0 0}.dashboard-main::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.dashboard-main::-webkit-scrollbar-thumb:hover{background:#94a3b8}.dashboard-header{border-bottom:1px solid var(--color-slate-200);justify-content:space-between;align-items:flex-start;gap:2rem;width:100%;margin:0 0 2rem;padding-bottom:1.5rem;display:flex}.header-info{flex:1}.dashboard-breadcrumb{color:var(--color-slate-500);align-items:center;gap:.5rem;margin-bottom:.65rem;font-size:.74rem;display:flex}.breadcrumb-separator{color:var(--color-slate-400)}.breadcrumb-current{color:var(--color-primary-700);font-weight:600}.dashboard-header h1{color:var(--color-slate-900);letter-spacing:-.02em;margin:0 0 .4rem;font-size:1.65rem;font-weight:700}.dashboard-header p{color:var(--color-slate-500);margin:0;font-size:.85rem}.profile-chip{border:1px solid var(--color-slate-200);background:#fff;border-radius:8px;flex-shrink:0;align-items:center;gap:.75rem;padding:.5rem .85rem .5rem .6rem;display:flex;box-shadow:0 1px 2px #0f172a0a}.profile-avatar{background:var(--color-primary-700);color:#fff;border-radius:6px;place-items:center;width:32px;height:32px;font-size:.85rem;font-weight:700;display:grid}.profile-details{flex-direction:column;display:flex}.profile-name{color:var(--color-slate-800);font-size:.78rem;font-weight:600}.profile-badge{letter-spacing:.06em;color:var(--color-primary-700);font-size:.62rem;font-weight:700}.header-actions{flex-shrink:0;align-items:center;gap:.85rem;display:flex}.language-selector{border:1px solid var(--color-slate-200);background:#fff;border-radius:8px;align-items:center;gap:.2rem;padding:.25rem .35rem;display:flex;box-shadow:0 1px 2px #0f172a0a}.lang-btn{color:var(--color-slate-500);cursor:pointer;background:0 0;border:none;border-radius:5px;align-items:center;gap:.3rem;padding:.25rem .55rem;font-family:inherit;font-size:.74rem;font-weight:700;transition:all .12s;display:flex}.lang-btn:hover{color:var(--color-slate-900);background:var(--color-slate-100)}.lang-btn.active{color:#fff;background:var(--color-primary-600);box-shadow:0 1px 2px #2563eb33}.lang-sep{color:var(--color-slate-300);-webkit-user-select:none;user-select:none;font-size:.7rem}.table-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;width:100%;margin:0 0 1rem;display:flex}.toolbar-info{align-items:center;gap:.85rem;display:flex}.toolbar-info strong{color:var(--color-slate-800);font-size:1.05rem;font-weight:700}.count-badge{background:var(--color-slate-200);color:var(--color-slate-700);border-radius:9999px;padding:.25rem .65rem;font-size:.72rem;font-weight:600}.toolbar-actions{align-items:center;gap:.75rem;display:flex}.search-box{border:1px solid var(--color-slate-300);color:var(--color-slate-400);background:#fff;border-radius:6px;align-items:center;gap:.5rem;padding:0 .75rem;transition:border-color .15s,box-shadow .15s;display:flex;box-shadow:0 1px 2px #0f172a08}.search-box:focus-within{border-color:var(--color-primary-600);color:var(--color-primary-600);box-shadow:0 0 0 3px #2563eb1f}.search-box input{width:220px;height:2.25rem;color:var(--color-slate-900);background:0 0;border:none;outline:none;font-size:.8rem}.search-box input::placeholder{color:var(--color-slate-400)}.search-clear{color:var(--color-slate-400);cursor:pointer;background:0 0;border:none;padding:.1rem;font-size:.75rem;line-height:1}.search-clear:hover{color:var(--color-slate-700)}.refresh-button{height:2.25rem;color:var(--color-slate-700);border:1px solid var(--color-slate-300);cursor:pointer;white-space:nowrap;background:#fff;border-radius:6px;align-items:center;gap:.45rem;padding:.5rem .95rem;font-size:.78rem;font-weight:600;transition:all .12s;display:inline-flex;box-shadow:0 1px 2px #0f172a0a}.refresh-button:hover{background:var(--color-slate-100);color:var(--color-slate-900);border-color:var(--color-slate-400)}.data-table-wrap{border:1px solid var(--color-slate-200);background:#fff;border-radius:8px;width:100%;margin:0 0 2rem;overflow-x:auto;box-shadow:0 1px 3px #0f172a0d}table{border-collapse:collapse;text-align:left;width:100%;min-width:680px}thead{background:var(--color-slate-50)}th{letter-spacing:.05em;color:var(--color-slate-600);border-bottom:1px solid var(--color-slate-200);white-space:nowrap;padding:.85rem 1.25rem;font-size:.72rem;font-weight:600}td{color:var(--color-slate-800);border-top:1px solid var(--color-slate-100);white-space:nowrap;padding:.95rem 1.25rem;font-size:.82rem}tbody tr:hover{background:#f8fafc}.cell-code{font-family:var(--font-mono);background:var(--color-slate-100);color:var(--color-slate-900);border:1px solid var(--color-slate-200);border-radius:4px;padding:.2rem .5rem;font-size:.78rem;font-weight:500}.table-pagination{border-top:1px solid var(--color-slate-200);background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;padding:.85rem 1.25rem;display:flex}.pagination-info{color:var(--color-slate-600);flex-wrap:wrap;align-items:center;gap:1.5rem;font-size:.8rem;display:flex}.pagination-info strong{color:var(--color-slate-900)}.page-size-selector{align-items:center;gap:.5rem;display:flex}.page-size-selector label{color:var(--color-slate-600);font-size:.78rem}.page-size-selector select{color:var(--color-slate-800);border:1px solid var(--color-slate-300);cursor:pointer;background:#fff;border-radius:6px;outline:none;padding:.35rem .65rem;font-size:.78rem;transition:border-color .15s}.page-size-selector select:focus{border-color:var(--color-primary-600)}.pagination-nav{align-items:center;gap:.4rem;display:flex}.page-btn{height:32px;color:var(--color-slate-700);border:1px solid var(--color-slate-300);cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border-radius:6px;align-items:center;gap:.3rem;padding:.35rem .75rem;font-size:.78rem;font-weight:500;transition:all .12s;display:inline-flex}.page-btn:hover:not(:disabled){background:var(--color-slate-100);color:var(--color-slate-900);border-color:var(--color-slate-400)}.page-btn:disabled{opacity:.45;cursor:not-allowed;background:var(--color-slate-50)}.page-numbers{align-items:center;gap:.25rem;display:flex}.page-num{min-width:32px;height:32px;color:var(--color-slate-700);border:1px solid var(--color-slate-300);cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border-radius:6px;place-items:center;padding:0 .4rem;font-size:.78rem;font-weight:500;transition:all .12s;display:grid}.page-num:hover:not(.active){background:var(--color-slate-100);color:var(--color-slate-900);border-color:var(--color-slate-400)}.page-num.active{background:var(--color-primary-600);border-color:var(--color-primary-600);color:#fff;cursor:default;font-weight:700}.page-ellipsis{color:var(--color-slate-400);-webkit-user-select:none;user-select:none;padding:0 .35rem;font-size:.85rem;display:inline-block}.table-state{border:1px dashed var(--color-slate-300);text-align:center;width:100%;color:var(--color-slate-500);background:#fff;border-radius:8px;margin:0 0 2rem;padding:3.5rem 1.5rem}.table-state p{margin:0;font-size:.85rem}.reset-search-btn{background:var(--color-slate-800);color:#fff;cursor:pointer;border:none;border-radius:6px;margin-top:.85rem;padding:.45rem .95rem;font-size:.78rem;font-weight:600}.reset-search-btn:hover{background:var(--color-slate-900)}.state-spinner{border:3px solid var(--color-slate-200);border-top-color:var(--color-primary-600);border-radius:50%;width:24px;height:24px;margin:0 auto .75rem;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.table-error{color:var(--color-danger-600);background:var(--color-danger-50);border-color:#fecaca}.table-error button{background:var(--color-danger-600);color:#fff;cursor:pointer;border:none;border-radius:4px;margin-top:.75rem;padding:.45rem .85rem;font-size:.75rem;font-weight:600}@media (width<=1024px){.login-page{grid-template-columns:1fr 1fr}.search-box input{width:170px}}@media (width<=820px){.login-page{display:block}.login-hero{display:none}.login-card-container{min-height:100vh;padding:2rem 1.25rem}.home-content{grid-template-columns:1fr;gap:2.5rem;margin-top:2rem}.home-card-preview{display:none}.dashboard-page{height:auto;max-height:none;display:block;overflow:visible}.dashboard-sidebar{border-bottom:1px solid #1e293b;border-right:none;width:100%;height:auto;min-height:auto;padding:1.25rem 1.25rem .85rem;position:static}.sidebar-brand{margin-bottom:1rem;padding-bottom:.85rem}.sidebar-caption,.sidebar-footer{display:none}.dashboard-nav{flex-direction:row;align-items:center;padding-bottom:.35rem;overflow-x:auto}.dashboard-nav-parent{display:none}.dashboard-subnav{border-left:none;flex-direction:row;gap:.35rem;margin:0;padding:0}.dashboard-subnav .dashboard-nav-item{white-space:nowrap;padding:.5rem .85rem}.dashboard-main{height:auto;max-height:none;padding:1.5rem 1rem;overflow:visible}.dashboard-header{flex-direction:column;gap:1.25rem}.table-toolbar{flex-direction:column;align-items:stretch}.toolbar-actions{justify-content:space-between}.search-box{flex:1}.search-box input{width:100%}.table-pagination{flex-direction:column;align-items:stretch;gap:1rem}.pagination-nav{justify-content:center}}.modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:9999;background-color:#0f172aa6;justify-content:center;align-items:center;padding:20px;animation:.12s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-card,.modal-dialog{border:1px solid var(--color-slate-200);background-color:#fff;border-radius:10px;flex-direction:column;width:100%;max-width:520px;max-height:90vh;animation:.12s ease-out scaleUp;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #00000040,0 8px 10px -6px #0000001a}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.modal-header{border-bottom:1px solid var(--color-slate-200);background:var(--color-slate-50);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.modal-title{color:var(--color-slate-900);margin:0;font-size:1.02rem;font-weight:700}.modal-close-btn,.modal-close{color:var(--color-slate-400);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 6px;font-size:1.2rem;line-height:1}.modal-close-btn:hover,.modal-close:hover{color:var(--color-slate-700);background:var(--color-slate-200)}.modal-body{flex:1;padding:20px;overflow-y:auto}.modal-footer{border-top:1px solid var(--color-slate-200);background:var(--color-slate-50);justify-content:flex-end;gap:10px;padding:12px 20px;display:flex}.form-group{flex-direction:column;gap:5px;margin-bottom:14px;display:flex}.form-label{color:var(--color-slate-700);font-size:.78rem;font-weight:600}.form-label .required-star{color:#dc2626;margin-left:2px}.form-input{border:1px solid var(--color-slate-300);color:var(--color-slate-900);background:#fff;border-radius:6px;outline:none;padding:8px 12px;font-family:inherit;font-size:.84rem;transition:all .12s}.form-input:focus{border-color:var(--color-primary-600);box-shadow:0 0 0 3px #2563eb26}.form-input:disabled{background:var(--color-slate-100);color:var(--color-slate-500);cursor:not-allowed}.form-help{color:var(--color-slate-400);font-size:.72rem}.form-alert{border-radius:6px;margin-bottom:14px;padding:10px 14px;font-size:.82rem}.form-alert-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.form-alert-success{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.btn-primary{background:var(--color-primary-600);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:7px 14px;font-size:.82rem;font-weight:600;transition:all .12s;display:inline-flex}.btn-primary:hover:not(:disabled){background:var(--color-primary-700)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--color-slate-100);color:var(--color-slate-700);border:1px solid var(--color-slate-300);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:7px 14px;font-size:.82rem;font-weight:600;transition:all .12s;display:inline-flex}.btn-secondary:hover{background:var(--color-slate-200)}.btn-action-edit{background:var(--color-primary-50);color:var(--color-primary-700);cursor:pointer;border:1px solid #bfdbfe;border-radius:5px;align-items:center;gap:4px;padding:4px 10px;font-size:.76rem;font-weight:600;transition:all .12s;display:inline-flex}.btn-action-edit:hover{color:#1d4ed8;background:#dbeafe}.btn-action-delete{background:var(--color-danger-50);color:var(--color-danger-600);cursor:pointer;border:1px solid #fca5a5;border-radius:5px;align-items:center;gap:4px;padding:4px 10px;font-size:.76rem;font-weight:600;transition:all .12s;display:inline-flex}.btn-action-delete:hover{color:#b91c1c;background:#fee2e2}.btn-outline{color:var(--color-slate-700);border:1px solid var(--color-slate-300);cursor:pointer;background:#fff;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:7px 14px;font-size:.82rem;font-weight:600;transition:all .12s;display:inline-flex;box-shadow:0 1px 2px #00000008}.btn-outline:hover:not(:disabled){background:var(--color-slate-50);color:var(--color-slate-900);border-color:var(--color-slate-400)}.btn-outline:disabled{opacity:.5;cursor:not-allowed}.dashboard-page.calendar-dashboard-page{height:100vh;max-height:100vh;overflow:hidden}.dashboard-main.calendar-main-content{box-sizing:border-box;flex-direction:column;height:100vh;max-height:100vh;padding:.75rem 1.5rem;display:flex;overflow:hidden}.calendar-main-content .dashboard-header{flex:none;margin:0 0 .4rem;padding-bottom:.4rem}.calendar-main-content .dashboard-header h1{margin:.15rem 0;font-size:1.25rem}.calendar-main-content .dashboard-header p{-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:0;font-size:.76rem;display:-webkit-box;overflow:hidden}.calendar-main-content .dashboard-breadcrumb{margin-bottom:.15rem;font-size:.7rem}.calendar-main-content .gcal-container{flex-direction:column;flex:1;height:100%;min-height:0;margin-top:0;display:flex;overflow:hidden}.calendar-main-content .gcal-header{flex:none;gap:.75rem;padding:.45rem 1.25rem}.calendar-main-content .gcal-title{font-size:1.15rem}.calendar-main-content .gcal-btn-today{padding:.25rem .8rem;font-size:.78rem}.calendar-main-content .gcal-arrow-btn{width:28px;height:28px}.calendar-main-content .gcal-btn-config,.calendar-main-content .gcal-btn-sync{padding:.3rem .75rem;font-size:.75rem}.calendar-main-content .gcal-btn-create{padding:.3rem .95rem;font-size:.78rem}.calendar-main-content .gcal-ribbon{flex:none;gap:.5rem;padding:.35rem 1.25rem}.calendar-main-content .filter-label{font-size:.72rem}.calendar-main-content .filter-pill{padding:.15rem .55rem;font-size:.72rem}.calendar-main-content .legend-item{gap:.3rem;font-size:.72rem}.calendar-main-content .legend-more-btn{padding:.1rem .45rem;font-size:.7rem}.calendar-main-content .sync-timestamp{font-size:.7rem}.calendar-main-content .gcal-grid-wrapper{flex-direction:column;flex:1;height:100%;min-height:0;display:flex;overflow:hidden}.calendar-main-content .gcal-day-header-row{background:#f8fafc;flex:none}.calendar-main-content .gcal-day-header-cell{padding:.35rem .25rem;font-size:.68rem}.calendar-main-content .gcal-cells-grid{background:var(--color-slate-200);flex:1;grid-template-columns:repeat(7,minmax(0,1fr));grid-auto-rows:1fr;gap:1px;height:100%;min-height:0;display:grid}.calendar-main-content .gcal-cell{box-sizing:border-box;flex-direction:column;height:100%;min-height:0;padding:.2rem .35rem;display:flex;overflow:hidden}.calendar-main-content .gcal-cell-top{flex:none;margin-bottom:.12rem}.calendar-main-content .gcal-day-number{width:22px;height:22px;font-size:.74rem}.calendar-main-content .gcal-chips-list{flex-direction:column;flex:1;gap:2px;min-height:0;display:flex;overflow:hidden}.calendar-main-content .gcal-chip{border-radius:3px;flex:none;height:18px;min-height:18px;padding:1px 4px;font-size:.68rem}.calendar-main-content .chip-indicator{font-size:.55rem}.calendar-main-content .chip-text{white-space:nowrap;text-overflow:ellipsis;font-size:.68rem;overflow:hidden}.calendar-main-content .gcal-overflow-badge{flex:none;height:16px;min-height:16px;padding:0 4px;font-size:.64rem}@media (width<=768px),(height<=550px){.dashboard-page.calendar-dashboard-page{height:auto;max-height:none;overflow-y:auto}.dashboard-main.calendar-main-content{height:auto;max-height:none;overflow-y:visible}.calendar-main-content .gcal-cells-grid{height:auto;min-height:480px}.calendar-main-content .gcal-cell{min-height:80px}}.gcal-container{border:1px solid var(--color-slate-200);background:#fff;border-radius:12px;flex-direction:column;margin-top:1rem;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000000a}.gcal-header{border-bottom:1px solid var(--color-slate-200);background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.gcal-header-left{align-items:center;gap:1rem;display:flex}.gcal-btn-today{border:1px solid var(--color-slate-300);color:var(--color-slate-700);cursor:pointer;background:#fff;border-radius:20px;padding:.45rem 1rem;font-size:.85rem;font-weight:600;transition:all .15s}.gcal-btn-today:hover{background:var(--color-slate-100);border-color:var(--color-slate-400)}.gcal-nav-arrows{align-items:center;gap:.25rem;display:flex}.gcal-arrow-btn{width:34px;height:34px;color:var(--color-slate-600);cursor:pointer;background:0 0;border:none;border-radius:50%;place-items:center;transition:background .15s;display:grid}.gcal-arrow-btn:hover{background:var(--color-slate-100);color:var(--color-slate-900)}.gcal-title{color:var(--color-slate-900);letter-spacing:-.02em;margin:0;font-size:1.35rem;font-weight:700}.gcal-header-right{align-items:center;gap:.75rem;display:flex}.gcal-btn-sync{color:#e11d48;cursor:pointer;background:#fff1f2;border:1px solid #fecdd3;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex}.gcal-btn-sync:hover{color:#be123c;background:#ffe4e6;border-color:#fda4af}.gcal-btn-create{background:var(--color-primary-600);color:#fff;cursor:pointer;border:none;border-radius:24px;align-items:center;gap:.5rem;padding:.5rem 1.15rem;font-size:.85rem;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 2px 5px #2563eb40}.gcal-btn-create:hover{background:var(--color-primary-700);transform:translateY(-1px);box-shadow:0 4px 8px #2563eb59}.gcal-ribbon{background:var(--color-slate-50);border-bottom:1px solid var(--color-slate-200);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem 1.5rem;font-size:.76rem;display:flex}.gcal-legend{flex-wrap:wrap;align-items:center;gap:1.25rem;display:flex}.legend-item{color:var(--color-slate-600);align-items:center;gap:.4rem;font-weight:500;display:flex}.legend-dot{border-radius:50%;width:9px;height:9px}.legend-dot.holiday-dot{background:#dc2626}.legend-dot.school-holiday-dot{background:#ea580c}.legend-dot.event-dot{background:#2563eb}.gcal-meta-sync{align-items:center;gap:.85rem;display:flex}.nosql-badge{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;align-items:center;gap:.35rem;padding:.2rem .6rem;font-size:.7rem;font-weight:600;display:inline-flex}.sync-timestamp{color:var(--color-slate-500);font-size:.72rem}.gcal-loading-bar{color:var(--color-primary-800);background:#eff6ff;justify-content:center;align-items:center;gap:.6rem;padding:.65rem 1rem;font-size:.8rem;font-weight:500;display:flex}.gcal-spinner{border:2px solid #bfdbfe;border-top-color:var(--color-primary-600);border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin}.gcal-alert{align-items:center;gap:.6rem;padding:.75rem 1.25rem;font-size:.82rem;display:flex}.gcal-alert-danger{background:var(--color-danger-50);color:var(--color-danger-600);border-bottom:1px solid #fecaca}.gcal-retry-btn{color:var(--color-danger-600);cursor:pointer;background:#fff;border:1px solid #fca5a5;border-radius:4px;margin-left:auto;padding:.2rem .6rem;font-size:.75rem;font-weight:600}.gcal-grid-wrapper{background:#fff;flex-direction:column;display:flex}.gcal-day-header-row{border-bottom:1px solid var(--color-slate-200);background:#fff;grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.gcal-day-header-cell{text-align:center;letter-spacing:.05em;color:var(--color-slate-500);border-right:1px solid var(--color-slate-100);padding:.65rem .5rem;font-size:.72rem;font-weight:700}.gcal-day-header-cell.is-sunday{color:#dc2626}.gcal-cells-grid{background:var(--color-slate-200);grid-template-columns:repeat(7,minmax(0,1fr));grid-auto-rows:1fr;gap:1px;display:grid}.gcal-cell{cursor:pointer;background:#fff;flex-direction:column;min-height:0;padding:.3rem .4rem;transition:background .12s;display:flex;position:relative}.gcal-cell:hover{background:#f8fafc}.gcal-cell.other-month{opacity:.65;background:#fafbfc}.gcal-cell.other-month:hover{opacity:.85;background:#f1f5f9}.gcal-cell.is-today{background:#f0f7ff}.gcal-cell-top{justify-content:space-between;align-items:center;margin-bottom:.25rem;display:flex}.gcal-day-number{color:var(--color-slate-700);border-radius:50%;place-items:center;width:24px;height:24px;font-size:.78rem;font-weight:600;display:grid}.gcal-day-number.today-badge{background:var(--color-primary-600);font-weight:700;color:#fff!important}.gcal-day-number.red-date{color:#dc2626}.gcal-add-indicator{opacity:0;color:var(--color-slate-400);padding:0 4px;font-size:.85rem;transition:opacity .12s}.gcal-cell:hover .gcal-add-indicator{opacity:1}.gcal-chips-list{flex-direction:column;flex:1;gap:2px;display:flex;overflow:hidden}.gcal-chip{white-space:nowrap;text-overflow:ellipsis;cursor:pointer;border-radius:4px;align-items:center;gap:4px;padding:2px 5px;font-size:.68rem;font-weight:600;line-height:1.25;transition:filter .12s;display:flex;overflow:hidden}.gcal-chip:hover{filter:brightness(.92)}.chip-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chip-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.chip-indicator{flex-shrink:0;font-size:8px;line-height:1}.gcal-chip.holiday-chip.libur-nasional{color:#991b1b;background:#fee2e2;border-left:3px solid #dc2626}.gcal-chip.holiday-chip.cuti-bersama{color:#92400e;background:#fef3c7;border-left:3px solid #f59e0b}.gcal-chip.school-holiday-chip{color:#991b1b!important;background:#fee2e2!important;border-left:3px solid #dc2626!important}.gcal-overflow-badge{color:var(--color-slate-500);cursor:pointer;background:0 0;border:none;align-self:flex-start;margin-top:1px;padding:1px 5px;font-size:.65rem;font-weight:600}.gcal-overflow-badge:hover{color:var(--color-primary-600);text-decoration:underline}.gcal-modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;background:#0f172a8c;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.gcal-modal-card{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:540px;animation:.15s ease-out modalPop;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #00000026,0 8px 10px -6px #0000001a}.gcal-day-detail-modal{max-width:620px}@keyframes modalPop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.gcal-modal-header{border-bottom:1px solid var(--color-slate-200);background:#fff;justify-content:space-between;align-items:flex-start;padding:1.25rem 1.5rem;display:flex}.gcal-modal-header h3{color:var(--color-slate-900);margin:0;font-size:1.15rem;font-weight:700}.modal-sub{color:var(--color-slate-500);margin:.25rem 0 0;font-size:.78rem}.modal-close-btn{color:var(--color-slate-400);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.2rem .5rem;font-size:1.1rem}.modal-close-btn:hover{background:var(--color-slate-100);color:var(--color-slate-700)}.gcal-modal-body{flex-direction:column;gap:1rem;max-height:75vh;padding:1.25rem 1.5rem;display:flex;overflow:hidden auto}.gcal-modal-footer{border-top:1px solid var(--color-slate-200);background:var(--color-slate-50);justify-content:flex-end;align-items:center;gap:.75rem;padding:1rem 1.5rem;display:flex}.sync-instruction{color:var(--color-slate-600);margin:0;font-size:.82rem}.sync-options-grid{grid-template-columns:repeat(3,1fr);gap:.65rem;display:grid}.sync-option-card{border:1.5px solid var(--color-slate-200);cursor:pointer;background:#fff;border-radius:8px;align-items:flex-start;gap:.5rem;padding:.75rem;transition:all .12s;display:flex}.sync-option-card.selected{border-color:var(--color-primary-600);background:#eff6ff}.option-info{flex-direction:column;display:flex}.option-info strong{color:var(--color-slate-900);font-size:.82rem}.option-info span{color:var(--color-slate-500);margin-top:.15rem;font-size:.72rem}.sync-custom-input-group{color:var(--color-slate-700);align-items:center;gap:.75rem;font-size:.82rem;display:flex}.sync-note-box{color:var(--color-primary-800);background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;align-items:flex-start;gap:.6rem;padding:.75rem .85rem;font-size:.76rem;line-height:1.4;display:flex}.sync-feedback{border-radius:6px;padding:.75rem;font-size:.8rem;font-weight:500}.sync-feedback.success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.sync-feedback.error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.gcal-form-group{flex-direction:column;gap:.35rem;display:flex}.gcal-form-group label{color:var(--color-slate-700);font-size:.78rem;font-weight:600}.gcal-form-group .req{color:var(--color-danger-600)}.gcal-form-row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.gcal-input{border:1px solid var(--color-slate-300);width:100%;color:var(--color-slate-800);border-radius:6px;outline:none;padding:.55rem .75rem;font-size:.85rem;transition:border-color .15s}.gcal-input:focus{border-color:var(--color-primary-600);box-shadow:0 0 0 3px #2563eb1a}.gcal-holiday-toggle-box{background:#fff1f2;border:1px solid #fecdd3;border-radius:8px;padding:.75rem .85rem}.toggle-switch-label{cursor:pointer;align-items:flex-start;gap:.65rem;display:flex}.toggle-checkbox{accent-color:#dc2626;width:18px;height:18px;margin-top:2px}.toggle-text{flex-direction:column;display:flex}.toggle-text strong{color:#991b1b;font-size:.82rem}.toggle-text small{color:#e11d48;font-size:.72rem}.gcal-color-palette{flex-wrap:wrap;gap:.5rem;display:flex}.gcal-color-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:26px;height:26px;transition:transform .12s}.gcal-color-swatch:hover{transform:scale(1.15)}.gcal-color-swatch.active{border-color:#0f172a;transform:scale(1.15);box-shadow:0 0 0 2px #fff}.gcal-btn-delete{color:#dc2626;cursor:pointer;background:#fff1f2;border:1px solid #fecaca;border-radius:6px;padding:.45rem .85rem;font-size:.82rem;font-weight:600;transition:all .12s}.gcal-btn-delete:hover{background:#fee2e2;border-color:#f87171}.detail-items-list{flex-direction:column;gap:.75rem;display:flex}.detail-card{border:1px solid var(--color-slate-200);background:#fff;border-radius:8px;flex-direction:column;gap:.35rem;padding:.75rem .9rem;display:flex}.detail-card.holiday-card{background:#fff5f5;border-color:#fecaca}.detail-tag{text-transform:uppercase;border-radius:4px;align-self:flex-start;padding:.15rem .45rem;font-size:.68rem;font-weight:700}.detail-tag.red-tag{color:#991b1b;background:#fee2e2}.source-note{color:var(--color-slate-500);font-size:.7rem}.detail-header-row{justify-content:space-between;align-items:center;display:flex}.click-to-edit{color:var(--color-primary-600);font-size:.72rem;font-weight:500}.detail-desc{color:var(--color-slate-600);margin:0;font-size:.78rem}.detail-dates{color:var(--color-slate-400);font-size:.72rem;font-family:var(--font-mono)}.detail-target-badge{color:var(--color-slate-600);background:var(--color-slate-100);border-radius:4px;width:fit-content;padding:.2rem .5rem;font-size:.74rem}.gcal-btn-config{color:var(--color-slate-700);border:1px solid var(--color-slate-300);cursor:pointer;background:#f8fafc;border-radius:8px;align-items:center;gap:.4rem;padding:.45rem .85rem;font-size:.82rem;font-weight:600;transition:all .12s;display:inline-flex}.gcal-btn-config:hover{border-color:var(--color-slate-400);color:var(--color-slate-900);background:#f1f5f9}.gcal-audience-filter-group{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.filter-label{color:var(--color-slate-500);text-transform:uppercase;letter-spacing:.03em;font-size:.76rem;font-weight:600}.filter-pill-buttons{background:#f1f5f9;border-radius:9999px;align-items:center;gap:.25rem;padding:2px;display:flex}.filter-pill{color:var(--color-slate-600);cursor:pointer;background:0 0;border:none;border-radius:9999px;padding:.25rem .65rem;font-size:.74rem;font-weight:600;transition:all .12s}.filter-pill:hover{color:var(--color-slate-900)}.filter-pill.active{color:var(--color-primary-700);background:#fff;box-shadow:0 1px 3px #0000001a}.legend-more-btn{color:var(--color-primary-600);cursor:pointer;background:0 0;border:none;padding:0;font-size:.72rem;text-decoration:underline}.legend-more-btn:hover{color:var(--color-primary-800)}.chip-audience-badge{opacity:.9;flex-shrink:0;margin-right:.25rem;font-size:.68rem;line-height:1}.category-select-wrapper{align-items:center;gap:.6rem;display:flex;position:relative}.gcal-select-cat{flex:1}.cat-select-color-indicator{border-radius:50%;flex-shrink:0;width:22px;height:22px;box-shadow:0 0 0 1px #00000026,inset 0 0 0 2px #ffffff80}.cat-bound-note{color:var(--color-slate-500);margin-top:.15rem;font-size:.72rem;font-style:italic}.gcal-audience-box{flex-direction:column;gap:.45rem;display:flex}.audience-toggle-group{grid-template-columns:repeat(3,1fr);gap:.6rem;display:grid}.audience-toggle-btn{border:1.5px solid var(--color-slate-300);color:var(--color-slate-700);cursor:pointer;text-align:center;-webkit-user-select:none;user-select:none;background:#fff;border-radius:8px;padding:.55rem .75rem;font-size:.88rem;font-weight:600;transition:all .12s}.audience-toggle-btn:hover{border-color:var(--color-slate-400);background:var(--color-slate-50);color:var(--color-slate-900)}.audience-toggle-btn.active{background:var(--color-primary-600);border-color:var(--color-primary-600);color:#fff;box-shadow:0 1px 3px #2563eb40}.gcal-holiday-toggle-box.disabled-box{opacity:.7;border-color:var(--color-slate-200);cursor:not-allowed;background:#f8fafc}.gcal-holiday-toggle-box.disabled-box .toggle-switch-label{cursor:not-allowed}.gcal-holiday-toggle-box.disabled-box strong{color:var(--color-slate-600)}.gcal-holiday-toggle-box.disabled-box small{color:#dc2626;font-weight:500}.gcal-config-modal{max-width:640px}.config-section-title{color:var(--color-slate-800);margin:0 0 .6rem;font-size:.84rem;font-weight:700}.config-add-box{background:var(--color-slate-50);border:1px dashed var(--color-slate-300);border-radius:8px;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.config-add-form{flex-direction:column;gap:.75rem;display:flex}.audience-checkbox-row{align-items:center;gap:1rem;display:flex}.audience-check-label{color:var(--color-slate-700);cursor:pointer;align-items:center;gap:.35rem;font-size:.8rem;display:inline-flex}.config-form-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:.25rem;display:flex}.toggle-inline-label{color:var(--color-slate-600);cursor:pointer;align-items:center;gap:.4rem;font-size:.78rem;display:inline-flex}.config-list-box{flex-direction:column;gap:.5rem;display:flex}.config-categories-list{flex-direction:column;gap:.5rem;max-height:240px;padding-right:.25rem;display:flex;overflow-y:auto}.config-category-row{border:1px solid var(--color-slate-200);background:#fff;border-radius:8px;align-items:center;gap:.75rem;padding:.6rem .75rem;display:flex}.cat-row-color{border-radius:50%;flex-shrink:0;width:14px;height:14px;box-shadow:0 0 0 1px #0000001a}.cat-row-info{flex-direction:column;flex:1;gap:.1rem;min-width:0;display:flex}.cat-row-info strong{color:var(--color-slate-800);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;overflow:hidden}.cat-row-meta{color:var(--color-slate-500);align-items:center;gap:.5rem;font-size:.7rem;display:flex}.holiday-tag-mini{color:#dc2626;font-weight:600}.cat-mini-palette{align-items:center;gap:.25rem;display:flex}.mini-swatch{cursor:pointer;border:1px solid #0000001a;border-radius:50%;width:16px;height:16px;padding:0;transition:transform .1s}.mini-swatch:hover{transform:scale(1.25)}.mini-swatch.selected{border:2px solid #0f172a;transform:scale(1.15)}.cat-delete-btn{color:var(--color-slate-400);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.2rem .4rem;font-size:.9rem}.cat-delete-btn:hover{color:#dc2626;background:#fee2e2}