:root{--cira-navy: #1e3a8a;--cira-teal: #0d9488;--cira-green: #16a34a;--cira-bg: #f8fafc;--cira-surface: #ffffff;--cira-border: #e2e8f0;--cira-text-primary: #0f172a;--cira-text-secondary: #475569;--cira-text-muted: #94a3b8;--cira-success: #15803d;--cira-warning: #d97706;--cira-error: #b91c1c;--cira-info: #2563eb;--cira-shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--cira-shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--cira-radius-sm: 6px;--cira-radius-md: 10px;--cira-radius-lg: 16px;--cira-font: "Inter", "Segoe UI", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:var(--cira-font);color:var(--cira-text-primary);background:var(--cira-bg)}.cira-app-shell{min-height:100vh}.cira-app-shell__content{padding-top:56px}.cira-header{position:fixed;top:0;left:0;right:0;height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:var(--cira-navy);color:#fff;z-index:20}.cira-header__brand{display:flex;align-items:center;gap:10px}.cira-header__logo{width:24px;height:24px;object-fit:contain;border-radius:4px;background:#fff}.cira-header__title{font-weight:600;font-size:14px}.cira-header__meta{display:flex;align-items:center;gap:12px;font-size:12px}.cira-header__button{border:1px solid rgba(255,255,255,.4);background:transparent;color:#fff;border-radius:var(--cira-radius-sm);padding:6px 10px;cursor:pointer}.cira-login-screen{min-height:calc(100vh - 56px);display:grid;place-items:center;padding:24px;background:linear-gradient(140deg,var(--cira-navy),#1d4ed8)}.cira-login-card{width:min(460px,100%);background:var(--cira-surface);border:1px solid var(--cira-border);border-radius:var(--cira-radius-lg);box-shadow:var(--cira-shadow-md);padding:24px}.cira-login-card img{width:150px;object-fit:contain}.cira-dashboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;margin:12px 0}.cira-dashboard-card{min-height:110px;border:1px solid var(--cira-border);border-radius:var(--cira-radius-md);background:var(--cira-surface);box-shadow:var(--cira-shadow-sm);cursor:pointer;padding:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--cira-text-primary)}.cira-dashboard-card:hover,.cira-dashboard-card.is-active{border-color:var(--cira-teal);box-shadow:var(--cira-shadow-md)}.cira-dashboard-card__icon{color:var(--cira-teal)}.cira-dashboard-card__label{font-size:13px;font-weight:600;text-align:center}.cira-dashboard-hints{display:flex;flex-wrap:wrap;gap:10px;color:var(--cira-text-secondary);font-size:12px}.cira-dashboard-hints span{display:inline-flex;align-items:center;gap:6px}:root{font-family:Segoe UI,sans-serif;color:#1f2937;background:#f5f7fb}body{margin:0}.container{max-width:920px;margin:48px auto;background:#fff;border-radius:10px;padding:24px;box-shadow:0 8px 24px #0f172a14}h1{margin-top:0}section{border-top:1px solid #e5e7eb;margin-top:20px;padding-top:16px}.work-nav{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-top:20px}.work-nav button{width:100%;background:#e2e8f0;color:#1f2937;border:1px solid #cbd5e1}.work-nav button.active{background:#2563eb;color:#fff;border-color:#2563eb}form{display:grid;gap:8px}input,select{border:1px solid #d1d5db;border-radius:6px;padding:8px}button{margin-top:4px;width:fit-content;border:0;border-radius:6px;padding:8px 12px;background:#2563eb;color:#fff;cursor:pointer}