@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;700&display=swap";:root{--bg: #101413;--bg-elevated: #151c1a;--bg-soft: #1a2320;--card: #18211e;--card-strong: #1d2824;--line: rgba(255, 255, 255, .08);--line-strong: rgba(255, 255, 255, .14);--text: #f4f7f5;--muted: #9fb0a9;--accent: #35863a;--accent-strong: #49a351;--accent-soft: rgba(53, 134, 58, .16);--danger: #c95d5d;--danger-soft: rgba(201, 93, 93, .16);--warning: #d5ae4a;--shadow: 0 24px 64px rgba(0, 0, 0, .32);--radius-xl: 24px;--radius-lg: 20px;--radius-md: 16px;--radius-sm: 12px}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{font-family:Manrope,sans-serif;background:radial-gradient(circle at top left,rgba(53,134,58,.22),transparent 28%),radial-gradient(circle at bottom right,rgba(255,255,255,.04),transparent 24%),linear-gradient(180deg,#0d1110,#111816);color:var(--text)}button,input,select,textarea{font:inherit}button{cursor:pointer}input,select,textarea{min-height:48px}.crm-app{min-height:100vh}.screen-center{min-height:100vh;display:grid;place-items:center;padding:24px;text-align:center}.auth-screen{position:relative;overflow:hidden}.glow{position:absolute;width:260px;height:260px;border-radius:999px;filter:blur(44px);opacity:.9}.glow-left{top:8%;left:-60px;background:#35863a38}.glow-right{right:-60px;bottom:10%;background:#ffffff14}.auth-card,.panel-card,.hero-card{border:1px solid var(--line);background:linear-gradient(180deg,#1d2824f5,#18211ef0);box-shadow:var(--shadow);border-radius:var(--radius-xl)}.auth-card{width:min(100%,560px);padding:28px;display:grid;gap:18px;position:relative;z-index:1}.brand-mark{width:72px;height:72px;display:grid;place-items:center;margin:0 auto;border-radius:22px;background:linear-gradient(135deg,#35863a52,#35863a1f);color:#d7f6da}.brand-mark svg,.heading-icon,.btn-icon,.nav-icon,.mini-icon{width:20px;height:20px}.kicker{margin:0;color:#b7d7bb;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}h1,h2,h3,h4,strong{font-family:Space Grotesk,sans-serif}h1,h2,h3,h4,p{margin:0}h1{font-size:clamp(2rem,7vw,3.4rem);line-height:1.04}h2{font-size:1.45rem}h3{font-size:1.1rem}h4{font-size:.96rem}.lead,.muted,.warning-copy,.error-copy,.mini-card span{color:var(--muted);line-height:1.55}.warning-copy{color:#e4c57d}.error-copy{color:#ff9d9d}.feature-grid,.stack,.stack-sm{display:grid;gap:14px}.stack{gap:16px}.mini-card,.metric-card,.info-tile,.list-card,.entity-card,.sub-card{border:1px solid var(--line);background:var(--bg-soft);border-radius:var(--radius-lg)}.mini-card,.list-card,.entity-card{display:flex;justify-content:space-between;align-items:center;gap:14px}.mini-card,.list-card,.compact-card,.sub-card,.metric-card,.info-tile{padding:16px}.mini-card{align-items:flex-start}.app-shell{min-height:100vh;padding:16px 16px 104px}.topbar{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:10px 0 16px;background:linear-gradient(180deg,#101413fa 72%,#10141300);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.content{display:grid;gap:16px}.hero-card,.panel-card{padding:18px}.hero-card{display:flex;justify-content:space-between;gap:12px}.hero-badge,.pill{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 12px;border-radius:999px;border:1px solid var(--line);background:#ffffff0a;color:var(--text);white-space:nowrap}.panel-heading,.entity-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.grid-two,.form-grid{display:grid;gap:12px}.grid-two,.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.full-span{grid-column:1 / -1}.metric-card span,.info-tile span,.field-label{color:var(--muted);font-size:.88rem}.metric-card strong,.info-tile strong{display:block;margin-top:8px;font-size:1.08rem}.field-input{width:100%;border:1px solid var(--line-strong);border-radius:var(--radius-md);background:#111715;color:var(--text);padding:0 14px;outline:none}.field-input:focus{border-color:#35863ac2;box-shadow:0 0 0 4px #35863a1f}.primary-btn,.ghost-btn,.icon-btn,.nav-btn{min-height:48px;border-radius:16px;border:1px solid transparent;transition:.2s ease}.primary-btn,.ghost-btn,.nav-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 16px}.primary-btn{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#f4fff5;font-weight:800}.primary-btn.small{min-height:44px}.primary-btn.compact{min-width:96px}.ghost-btn,.icon-btn{background:#ffffff08;border-color:var(--line);color:var(--text)}.ghost-btn.danger{color:#ffb2b2;border-color:#c95d5d33;background:var(--danger-soft)}.icon-btn{width:48px;padding:0}.inline-actions,.search-row,.pager,.checkbox-line{display:flex;align-items:center;gap:10px}.checkbox-line{min-height:48px;padding:0 14px;border:1px solid var(--line-strong);border-radius:var(--radius-md);background:#111715}.checkbox-line input{width:18px;height:18px}.user-card{width:100%;text-align:left;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-soft);padding:16px;display:flex;justify-content:space-between;align-items:center;gap:14px;color:inherit}.compact-card{padding:14px 16px}.bottom-nav{position:fixed;left:12px;right:12px;bottom:12px;z-index:30;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:10px;background:#151c1af2;border:1px solid var(--line);border-radius:24px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.nav-btn{flex-direction:column;min-height:56px;font-size:11px;color:var(--muted);background:transparent}.nav-btn.active{color:var(--text);background:var(--accent-soft);border-color:#35863a52}.toast-stack{position:fixed;top:16px;right:16px;display:grid;gap:10px;z-index:40}.toast{width:min(88vw,320px);padding:14px 16px;border-radius:16px;border:1px solid var(--line);background:#151c1af5;box-shadow:var(--shadow)}.toast.success{border-color:#35863a57}.toast.error{border-color:#c95d5d57}@media(min-width:720px){.app-shell{max-width:980px;margin:0 auto}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.bottom-nav{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(max-width:719px){.grid-two,.form-grid{grid-template-columns:minmax(0,1fr)}.search-row{flex-direction:column;align-items:stretch}.hero-card,.panel-heading,.entity-head,.mini-card,.list-card,.entity-card,.user-card{flex-direction:column;align-items:flex-start}}