.app-shell{max-width:1100px;margin:0 auto;padding:0 1rem 2rem;font-family:DM Sans,Inter,Arial,sans-serif;color:#20465e;background:linear-gradient(180deg,#f8fcfb,#f3f8f7)}.top-bar{display:flex;justify-content:space-between;align-items:center;gap:1rem}.top-bar-brand{background:#67bec6;border:1px solid #63b3ba;border-radius:0 0 12px 12px;padding:.85rem 1rem;margin-bottom:.9rem}.top-bar h1{margin:0;color:#fff}.brand-title{display:flex;align-items:center;gap:.65rem}.brand-logo{width:60px;height:60px;object-fit:contain;border-radius:10px;background:#ffffff2e;box-shadow:0 2px 8px #09393c2e}.org-heading small{color:#e8fbfc}.org-subtitle{margin:.1rem 0 0;font-size:.74rem;letter-spacing:.05em;font-weight:700;color:#eefeff}.tab-bar{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.4rem}.tab-btn{border:1px solid #bfdbf3;background:#f2f9ff;color:#195795;padding:.45rem .75rem;border-radius:8px;cursor:pointer}.tab-btn-active{background:linear-gradient(135deg,#195795,#24c2de);color:#fff;border-color:#195795}.section-wrap{margin-top:1rem;display:grid;gap:1rem}.card{background:#fefefe;border:1px solid #d4e7e8;border-radius:12px;padding:1rem;box-shadow:0 8px 24px #29666a14}.login-card{max-width:460px;margin:3rem auto;background:#fff}.section-head{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.grid-form{display:grid;gap:.65rem}.row-form{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.65rem}input,select,textarea,button{border:1px solid #c6dcec;border-radius:8px;padding:.5rem .65rem;font:inherit}button{background:#eaf5ff;color:#195795;cursor:pointer}button:hover:not(:disabled){border-color:#24c2de;box-shadow:0 0 0 3px #24c2de26}button:disabled{cursor:not-allowed;opacity:.6}.notice{border-radius:10px;padding:.7rem .85rem;margin-top:.8rem;border:1px solid transparent}.notice-success{background:#e9f9ef;border-color:#abddba;color:#14532d}.notice-error{background:#fcebea;border-color:#f4b1ae;color:#7b1d1a}.notice-info{background:#e8f9fd;border-color:#9be4f0;color:#0f5663}.loading{color:#195795}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.65rem;margin:.75rem 0}.stat-box{border:1px solid #cfe4f5;border-radius:10px;padding:.75rem;display:grid;background:linear-gradient(180deg,#fff,#f2fbfb)}.stat-box strong{font-size:1.2rem}.stat-box span{font-size:.85rem;opacity:.8}.csv-box{display:grid;gap:.5rem;border:1px dashed #9bc6e7;padding:.7rem;border-radius:10px}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;border-bottom:1px solid #dceaf6;padding:.55rem;vertical-align:top}.actions-cell{display:flex;flex-wrap:wrap;gap:.3rem}.preview-box{border-top:1px solid #dceaf6;padding-top:.75rem}.preview-html{border:1px solid #cfe2f1;border-radius:8px;padding:.75rem;background:#f9fdff}