*,*:before,*:after{box-sizing:border-box}html,body,#root,.theme-root{min-height:100%;margin:0}body{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#1a202c;background:#fff;-webkit-font-smoothing:antialiased}button,input{font:inherit}h1,h2{margin:0}:focus-visible{outline:3px solid #4299e1;outline-offset:2px}.muted{color:#4a5568;margin:4px 0 0;font-size:.9rem}.link{color:var(--c-primary);font-size:.85rem;width:fit-content}.login{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;background:var(--c-login-bg)}.login__form-side{display:flex;align-items:center;justify-content:center;padding:24px}.login__card{background:#fff;border-radius:10px;box-shadow:1px 1px 3px 1px #0003;padding:32px;width:100%;max-width:400px;display:flex;flex-direction:column;gap:16px}.login__card h1{font-size:1.75rem;line-height:1.2}.login__brand-side{background:var(--c-login-panel);display:flex;align-items:center;justify-content:center;padding:32px}.login__logo{width:min(300px,70%);max-height:40vh;object-fit:contain}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:.85rem;font-weight:600}.field input{height:42px;border:1px solid #cbd5e0;border-radius:6px;padding:0 12px;width:100%;background:#fff}.field input:focus{border-color:var(--c-primary);outline:2px solid var(--c-primary);outline-offset:0}.field__password{position:relative}.field__password input{padding-right:44px}.icon-btn{position:absolute;right:2px;top:2px;width:38px;height:38px;border:0;background:none;color:#4a5568;border-radius:6px;cursor:pointer;display:grid;place-items:center}.icon-btn:hover{background:#edf2f7}.btn{height:44px;border:0;border-radius:6px;font-weight:600;cursor:pointer;width:100%;transition:background .15s}.btn--primary{background:var(--c-primary);color:var(--c-on-primary)}.btn--primary:hover{background:var(--c-primary-hover)}@media(max-width:760px){.login{grid-template-columns:1fr;grid-template-rows:auto 1fr}.login__brand-side{order:-1;padding:24px;min-height:140px}.login__logo{max-height:70px;width:auto;max-width:70%}.login__form-side{align-items:flex-start;padding:20px 16px}}.home{min-height:100vh;display:flex;flex-direction:column}.home__header{background:var(--c-header);color:var(--c-on-header);min-height:72px;display:flex;align-items:center;justify-content:space-between;padding:8px 24px;box-shadow:0 4px 6px -1px #00000026}.home__logo{max-height:34px;max-width:200px;object-fit:contain}.home__nav{display:flex;gap:4px}.nav-link{color:inherit;text-decoration:none;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;border-radius:6px;font-size:.95rem}.nav-link:hover{background:var(--c-header-hover)}.home__main{flex:1;padding:8px 20px 24px;width:100%;max-width:1280px;margin:0 auto}.home__intro{display:flex;align-items:center;gap:10px;color:var(--c-primary);font-size:1.25rem;font-weight:500;margin:20px 0}.home__divider{border:0;border-top:1.5px solid var(--c-primary);margin:0 0 8px}.cards{list-style:none;margin:0;padding:16px 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:24px;justify-items:center}.cards li{width:100%;max-width:220px}.card{width:100%;min-height:200px;background:#fff;border:2.5px solid var(--c-primary);border-radius:20px;box-shadow:2px 2px 3px 2px #0000001a;color:var(--c-primary);display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 12px;cursor:pointer;transition:transform .2s,box-shadow .2s}.card:hover{transform:scale(1.04);box-shadow:2px 4px 10px 2px #00000026}.card__icon{font-size:64px;display:grid}.card__label{font-weight:700;font-size:.95rem;line-height:1.2;min-height:2.4em;display:flex;align-items:center;text-align:center}.card__subtitle{font-size:.78rem;color:#4a5568;font-weight:400;line-height:1.3;text-align:center}.home__footer{border-top:1px solid #e2e8f0;background:#f7fafc;text-align:center;font-size:.75rem;color:#4a5568;padding:8px}@media(max-width:600px){.home__header{padding:8px 12px}.cards{grid-template-columns:repeat(2,1fr);gap:12px}.card{min-height:180px}.card__icon{font-size:48px}}@media(prefers-reduced-motion:reduce){.card,.btn{transition:none}.card:hover{transform:none}}.admin{min-height:100vh;background:#f1f5f9;color:#0f172a;display:flex;justify-content:center;padding:24px 16px}.admin__side{background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:100%;max-width:640px;padding:24px;display:flex;flex-direction:column;gap:24px;align-self:flex-start}.admin__head h1{font-size:1.25rem}.admin__head p{margin:4px 0 12px;color:#475569;font-size:.875rem}.admin section h2{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:#475569;margin-bottom:10px}.label{display:block;font-size:.8rem;font-weight:600;margin-bottom:4px}.hint{display:block;color:#64748b;font-size:.75rem;margin-top:4px}.warn{color:#b45309;font-weight:600}.text{width:100%;height:38px;border:1px solid #cbd5e1;border-radius:6px;padding:0 10px;background:#fff}.field-a{margin-bottom:10px}.color-field{margin-bottom:12px}.color-field__row{display:flex;gap:8px}.color-field input[type=color]{width:46px;height:38px;padding:2px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;cursor:pointer;flex:none}.color-field .text{font-family:ui-monospace,Menlo,monospace;text-transform:uppercase}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 12px;border:1px solid #cbd5e1;border-radius:999px;background:#fff;cursor:pointer;font-size:.82rem}.chip:hover{background:#f1f5f9}.chip__dot{width:12px;height:12px;border-radius:50%}.logo-field{margin-bottom:14px}.logo-field__row{display:flex;gap:10px;align-items:center}.logo-field__thumb{width:120px;height:56px;border-radius:6px;border:1px solid #cbd5e1;display:grid;place-items:center;padding:6px;flex:none}.logo-field__thumb img{max-width:100%;max-height:100%;object-fit:contain}.logo-field__actions{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.abtn{min-height:36px;padding:0 14px;border:1px solid #0f172a;background:#0f172a;color:#fff;border-radius:6px;cursor:pointer;font-size:.82rem;font-weight:600;text-decoration:none;display:inline-flex;align-items:center}.abtn:hover{background:#1e293b}.abtn--ghost{background:#fff;color:#0f172a;border-color:#cbd5e1}.abtn--ghost:hover{background:#f1f5f9}.admin__foot{margin-top:auto;display:flex;flex-wrap:wrap;gap:8px;align-items:center;position:sticky;bottom:0;background:#fff;padding:12px 0;border-top:1px solid #e2e8f0}.flash{font-size:.8rem;color:#15803d;min-height:1em}.home__header{gap:16px}.home__nav{margin-left:auto}.user{position:relative;display:flex;align-items:center;gap:12px}.user__greeting{font-weight:600;font-size:1.05rem;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user__badge{width:44px;height:44px;border-radius:50%;border:0;background:#fff;color:var(--c-header);font-weight:700;font-size:1.1rem;cursor:pointer;box-shadow:1px 1px 3px 3px #0003;flex:none}.user__badge:hover{background:#edf2f7}.user__menu{position:absolute;right:0;top:calc(100% + 8px);z-index:10;min-width:220px;background:#fff;color:#1a202c;border-radius:8px;box-shadow:0 8px 24px #0003;padding:6px;display:flex;flex-direction:column}.user__menu button,.user__menu a{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 12px;border:0;background:none;border-radius:6px;text-align:left;color:inherit;text-decoration:none;cursor:pointer;font-size:.95rem}.user__menu button:hover,.user__menu a:hover{background:#edf2f7}@media(max-width:600px){.user__greeting,.home__nav{display:none}.user{margin-left:auto}}