@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-tracking:initial}}}@layer theme{:root,:host{--spacing:.25rem;--tracking-tight:-.025em;--color-fb-navy:#0a3d36;--font-display:"Syne", "Segoe UI", sans-serif;--font-body:"Manrope", "Segoe UI", sans-serif}}@layer base,components;@layer utilities{.mt-4{margin-top:calc(var(--spacing) * 4)}.flex{display:flex}.font-display{font-family:var(--font-display)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.text-fb-navy{color:var(--color-fb-navy)}}:root{--fb-deep:#041f1c;--fb-navy:#0a3d36;--fb-navy-soft:#1a5c52;--fb-mint:#2bb5ab;--fb-mint-bright:#6ca;--fb-mint-deep:#0f8f86;--fb-soft:#e6f6f4;--fb-paper:#eef7f5;--fb-ink:#142824;--fb-muted:#5a6b67;--fb-line:#cfe3df;--fb-white:#fff;--font-display:"Syne", "Segoe UI", sans-serif;--font-body:"Manrope", "Segoe UI", sans-serif;color:var(--fb-ink);background:var(--fb-paper);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;line-height:1.55}*,:before,:after{box-sizing:border-box}body{background:radial-gradient(900px 420px at 85% -10%,#66ccaa2e,transparent 55%),linear-gradient(180deg,#e8f4f2 0%,var(--fb-paper) 50%,#e3f0ed 100%);min-height:100vh;margin:0}body:before{content:"";z-index:0;pointer-events:none;opacity:.07;background-image:url(/flowbix-mark.png);background-position:24px 12px;background-repeat:repeat;background-size:168px 168px;position:fixed;inset:0}a{color:inherit;text-decoration:none}code{background:var(--fb-soft);border-radius:4px;padding:.1em .35em;font-size:.9em}.app{z-index:1;min-height:100vh;position:relative}.app--shell{isolation:isolate;background:#f3f6f5;grid-template-columns:240px 1fr;min-height:100vh;display:grid}.app--auth{flex-direction:column;min-height:100vh;display:flex}.auth-topbar{border-bottom:1px solid var(--fb-line);background:var(--fb-white);justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.25rem;display:flex}@supports (color:color-mix(in lab,red,red)){.auth-topbar{background:color-mix(in srgb,var(--fb-white) 88%,transparent)}}.auth-topbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app-rail{background:linear-gradient(180deg,var(--fb-deep) 0%,var(--fb-navy) 55%,#0c4a42 100%);color:#d7ebe7;flex-direction:column;align-self:start;gap:1.25rem;height:100vh;min-height:100vh;padding:1.1rem .85rem 1rem;display:flex;position:sticky;top:0}.rail-brand{font-family:var(--font-display);color:var(--fb-white);align-items:center;gap:.55rem;padding:.35rem .55rem;font-size:1.2rem;font-weight:800;display:inline-flex}.rail-nav{flex-direction:column;flex:1;gap:.25rem;display:flex;overflow:auto}.rail-link{color:#c5ddd8;border-radius:10px;padding:.65rem .75rem;font-size:.95rem;font-weight:600;display:block}.rail-link:hover{background:var(--fb-mint)}@supports (color:color-mix(in lab,red,red)){.rail-link:hover{background:color-mix(in srgb,var(--fb-mint) 16%,transparent)}}.rail-link:hover{color:var(--fb-white)}.rail-link.is-active{background:var(--fb-mint)}@supports (color:color-mix(in lab,red,red)){.rail-link.is-active{background:color-mix(in srgb,var(--fb-mint) 28%,transparent)}}.rail-link.is-active{color:var(--fb-white);box-shadow:inset 3px 0 0 var(--fb-mint-bright)}.rail-footer{border-top:1px solid var(--fb-mint)}@supports (color:color-mix(in lab,red,red)){.rail-footer{border-top:1px solid color-mix(in srgb,var(--fb-mint) 25%,transparent)}}.rail-footer{flex-direction:column;gap:.55rem;padding-top:.85rem;display:flex}.rail-user{flex-direction:column;gap:.15rem;padding:0 .55rem;display:flex}.rail-user strong{color:var(--fb-white);font-size:.92rem}.rail-user span{color:#9fc4bd;font-size:.8rem}.rail-logout{color:#9fc4bd;text-align:left;cursor:pointer;font:inherit;background:0 0;border:0;padding:.4rem .55rem}.rail-logout:hover{color:var(--fb-white)}.app-stage{flex-direction:column;min-width:0;min-height:100vh;display:flex}.stage-top{background:var(--fb-white);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}@supports (color:color-mix(in lab,red,red)){.stage-top{background:color-mix(in srgb,var(--fb-white) 92%,transparent)}}.stage-top{border-bottom:1px solid var(--fb-line);z-index:5;position:sticky;top:0}.stage-greeting{font-family:var(--font-display);color:var(--fb-navy);letter-spacing:-.02em;margin:0;font-size:1.35rem;font-weight:700}.stage-actions{flex-wrap:wrap;gap:.55rem;display:flex}.shell-main{width:100%;max-width:none;padding:1.25rem 1.5rem 2rem}.topbar-nav{color:var(--fb-muted);flex-wrap:wrap;align-items:center;gap:.85rem 1.25rem;font-size:.95rem;font-weight:600;display:flex}.topbar-nav a:hover,.topbar-nav a.is-active{color:var(--fb-mint-deep)}.topbar-nav a.is-active{font-weight:700}.auth-main{flex:1;place-items:center;width:100%;padding:2.5rem 1rem 4rem;display:grid}.dash-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;margin-bottom:1rem;display:grid}.dash-kpi{background:var(--fb-white);border:1px solid var(--fb-line);border-radius:14px;padding:1rem 1.05rem;box-shadow:0 8px 24px #0a3d360a}.dash-kpi--warn{border-color:#b42318}@supports (color:color-mix(in lab,red,red)){.dash-kpi--warn{border-color:color-mix(in srgb,#b42318 28%,var(--fb-line))}}.dash-kpi--accent{border-color:var(--fb-mint)}@supports (color:color-mix(in lab,red,red)){.dash-kpi--accent{border-color:color-mix(in srgb,var(--fb-mint) 40%,var(--fb-line))}}.dash-kpi-label{color:var(--fb-muted);margin:0;font-size:.82rem;font-weight:600}.dash-kpi-value{font-family:var(--font-display);color:var(--fb-navy);letter-spacing:-.03em;margin:.35rem 0 0;font-size:1.55rem;font-weight:750}.dash-kpi-hint{color:var(--fb-muted);margin:.35rem 0 0;font-size:.8rem}.dash-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.dash-panel{background:var(--fb-white);border:1px solid var(--fb-line);border-radius:14px;padding:1rem 1.1rem 1.15rem;box-shadow:0 8px 24px #0a3d360a}.dash-panel-head{justify-content:space-between;align-items:baseline;gap:.75rem;margin-bottom:.35rem;display:flex}.dash-panel-head h2{color:var(--fb-navy);margin:0;font-size:1.05rem}.dash-quick{flex-wrap:wrap;gap:.55rem;margin-top:.75rem;display:flex}.dash-placeholder-list{margin:.75rem 0 0;padding:0;list-style:none}.dash-placeholder-list li{border-top:1px solid var(--fb-line);color:var(--fb-muted);justify-content:space-between;gap:.75rem;padding:.65rem 0;display:flex}@media(max-width:1100px){.dash-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.app--shell{grid-template-columns:1fr}.app-rail{height:auto;min-height:0;position:relative}.rail-nav{flex-flow:wrap}.rail-link.is-active{box-shadow:none}.dash-grid{grid-template-columns:1fr}}@media(max-width:640px){.dash-kpis{grid-template-columns:1fr}.shell-main,.stage-top{padding-left:1rem;padding-right:1rem}}.brand{font-family:var(--font-display);letter-spacing:-.02em;color:var(--fb-navy);align-items:center;gap:.55rem;font-size:1.35rem;font-weight:800;display:inline-flex}.brand-mark{flex-shrink:0;width:1.75rem;height:1.75rem;display:block}.rail-brand .brand-mark{width:1.5rem;height:1.5rem}.hero .eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--fb-mint-deep);margin:0 0 .5rem;font-size:.75rem;font-weight:700}.hero h1{font-family:var(--font-display);letter-spacing:-.03em;color:var(--fb-navy);margin:0;font-size:clamp(2.6rem,8vw,4rem);line-height:1.05}.lede{color:var(--fb-muted);max-width:36rem;margin:1rem 0 0;font-size:1.05rem}.status-panel{border:1px solid var(--fb-line);background:var(--fb-white);border-radius:12px;margin-top:2.5rem;padding:1.25rem 1.35rem}.status-panel h2{font-family:var(--font-display);color:var(--fb-navy);margin:0 0 .65rem;font-size:1.1rem}.status{color:var(--fb-muted);margin:0}.status.ok{color:var(--fb-mint-deep);font-weight:600}.status.error{color:#8a3b2a}.nav-meta{color:var(--fb-muted);font-size:.9rem}.linkish{color:var(--fb-mint-deep);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600}.auth-card{border:1px solid var(--fb-line);background:var(--fb-white);border-radius:12px;gap:.85rem;max-width:24rem;margin:2rem auto 0;padding:1.5rem;display:grid}.auth-card h1{font-family:var(--font-display);color:var(--fb-navy);margin:0;font-size:1.75rem}.auth-card label{color:var(--fb-ink);gap:.35rem;font-size:.9rem;font-weight:600;display:grid}.auth-card input{border:1px solid var(--fb-line);font:inherit;background:var(--fb-paper);color:var(--fb-ink);border-radius:8px;padding:.65rem .75rem}.btn{background:var(--fb-mint);color:var(--fb-deep);font:inherit;cursor:pointer;border:0;border-radius:8px;margin-top:.35rem;padding:.75rem 1rem;font-weight:700}.btn:hover{background:var(--fb-mint-deep);color:var(--fb-white)}.btn:disabled{opacity:.6;cursor:wait}.btn.secondary{text-align:left;background:var(--fb-soft);width:100%;color:var(--fb-navy)}.tenant-list{gap:.75rem;margin:1.5rem 0 0;padding:0;list-style:none;display:grid}.tenant-list span{color:var(--fb-muted);font-weight:500}.crm-head{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.crm-head h1{font-family:var(--font-display);color:var(--fb-navy);margin:0;font-size:clamp(1.8rem,5vw,2.4rem)}.crm-search{flex-wrap:wrap;gap:.65rem;margin-bottom:1.25rem;display:flex}.crm-search input{border:1px solid var(--fb-line);font:inherit;background:var(--fb-white);border-radius:8px;flex:1;padding:.65rem .75rem}.customer-list{border:1px solid var(--fb-line);background:var(--fb-white);border-radius:12px;margin:0;padding:0;list-style:none;overflow:hidden}.customer-list li+li{border-top:1px solid var(--fb-line)}.customer-list a{flex-direction:column;gap:.15rem;padding:.9rem 1rem;display:flex}.customer-list a:hover{background:var(--fb-soft)}.customer-list strong{color:var(--fb-navy)}.customer-list span{color:var(--fb-muted);font-size:.9rem}.customer-form{border:1px solid var(--fb-line);background:var(--fb-white);border-radius:12px;gap:.85rem;max-width:36rem;padding:1.35rem;display:grid}.customer-form label{gap:.35rem;font-size:.9rem;font-weight:600;display:grid}.customer-form input,.customer-form textarea{border:1px solid var(--fb-line);font:inherit;background:var(--fb-paper);border-radius:8px;padding:.65rem .75rem}.customer-form .form-row{grid-template-columns:1fr 2fr .7fr;gap:.65rem;display:grid}.customer-form .check{align-items:center;gap:.5rem;font-weight:600;display:flex}.customer-form .check input{width:auto}@media(max-width:640px){.customer-form .form-row{grid-template-columns:1fr}.crm-head{flex-direction:column}}.tabs{flex-wrap:wrap;gap:.4rem;margin-bottom:1.25rem;display:flex}.tab{border:1px solid var(--fb-line);background:var(--fb-white);color:var(--fb-muted);font:inherit;cursor:pointer;border-radius:999px;padding:.4rem .9rem;font-weight:600}.tab.active{background:var(--fb-navy);border-color:var(--fb-navy);color:var(--fb-white)}.row-item{justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1rem;display:flex}.row-item strong{color:var(--fb-navy);display:block}.row-item span{color:var(--fb-muted);font-size:.9rem}.row-actions{flex-wrap:wrap;gap:.5rem;display:flex}.action-row{margin-bottom:1rem}.customer-form select{border:1px solid var(--fb-line);font:inherit;background:var(--fb-paper);border-radius:8px;padding:.65rem .75rem}.key-reveal{word-break:break-all;background:var(--fb-soft);border:1px solid var(--fb-line);border-radius:8px;margin-top:.75rem;padding:.75rem 1rem;font-size:.9rem;display:block}.kpi-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.85rem;margin-top:1rem;display:grid}.kpi-card{background:var(--fb-white)}@supports (color:color-mix(in lab,red,red)){.kpi-card{background:color-mix(in srgb,var(--fb-white) 88%,transparent)}}.kpi-card{border:1px solid var(--fb-line);border-radius:10px;padding:1rem 1.1rem}.kpi-card--accent{background:var(--fb-mint)}@supports (color:color-mix(in lab,red,red)){.kpi-card--accent{background:color-mix(in srgb,var(--fb-mint) 14%,var(--fb-white))}}.kpi-card--accent{border-color:var(--fb-mint)}@supports (color:color-mix(in lab,red,red)){.kpi-card--accent{border-color:color-mix(in srgb,var(--fb-mint) 40%,var(--fb-line))}}.kpi-label{letter-spacing:.04em;text-transform:uppercase;color:var(--fb-muted);margin:0;font-size:.78rem;font-weight:700}.kpi-value{font-family:var(--font-display);color:var(--fb-navy);letter-spacing:-.02em;margin:.45rem 0 0;font-size:1.65rem;font-weight:800}.kpi-sub{color:var(--fb-muted);font-size:.95rem;font-weight:600}.crm-search select{border:1px solid var(--fb-line);font:inherit;background:var(--fb-white);border-radius:8px;padding:.65rem .75rem}.timeline-panel{margin-top:.5rem}.timeline-list{border-left:2px solid var(--fb-line);margin:1rem 0 0;padding:0;list-style:none}.timeline-item{padding:0 0 1.25rem 1.25rem;position:relative}.timeline-item:before{content:"";background:var(--fb-mint);border:2px solid var(--fb-white);border-radius:50%;width:.55rem;height:.55rem;position:absolute;top:.35rem;left:-.35rem}.timeline-meta{color:var(--fb-muted);flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.25rem;font-size:.85rem;display:flex}.timeline-type{background:var(--fb-soft);color:var(--fb-navy);text-transform:uppercase;letter-spacing:.04em;border-radius:4px;padding:.1rem .45rem;font-size:.72rem;font-weight:700;display:inline-block}.timeline-item strong{color:var(--fb-navy)}.planner-tabs{flex-wrap:wrap;gap:.5rem;margin:1rem 0 1.25rem;display:flex}.planner-tabs .btn.is-active{background:var(--fb-navy);color:var(--fb-white);border-color:var(--fb-navy)}.planner-create{margin-bottom:1.25rem}.planner-task-list{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.planner-task,.planner-task-block{background:var(--fb-white)}@supports (color:color-mix(in lab,red,red)){.planner-task,.planner-task-block{background:color-mix(in srgb,var(--fb-white) 92%,transparent)}}.planner-task,.planner-task-block{border:1px solid var(--fb-line);border-radius:10px;padding:.9rem 1rem}.planner-task{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.planner-task p,.planner-column p{color:var(--fb-muted);margin:.25rem 0 0;font-size:.9rem}.planner-task-actions{flex-wrap:wrap;gap:.5rem;display:flex}.planner-task-actions select,.planner-column select,.planner-subtasks select{border:1px solid var(--fb-line);font:inherit;background:var(--fb-white);border-radius:8px;padding:.45rem .6rem}.priority-urgent{border-left:3px solid #b42318}.priority-high{border-left:3px solid #c47a0a}.priority-medium{border-left:3px solid var(--fb-mint)}.priority-low{border-left:3px solid var(--fb-line)}.planner-board{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.planner-column{background:var(--fb-soft)}@supports (color:color-mix(in lab,red,red)){.planner-column{background:color-mix(in srgb,var(--fb-soft) 55%,var(--fb-white))}}.planner-column{border:1px solid var(--fb-line);border-radius:12px;min-height:220px;padding:.85rem}.planner-column h3{color:var(--fb-navy);justify-content:space-between;margin:0 0 .75rem;font-size:.95rem;display:flex}.planner-column h3 span{color:var(--fb-muted);font-weight:500}.planner-column ul{flex-direction:column;gap:.65rem;margin:0;padding:0;list-style:none;display:flex}.planner-column li{background:var(--fb-white);border:1px solid var(--fb-line);border-radius:8px;padding:.75rem}.planner-column li strong{color:var(--fb-navy)}.planner-subtasks{border-top:1px dashed var(--fb-line);margin-top:.75rem;padding-top:.75rem}.planner-subtasks ul{margin:0 0 .75rem;padding:0;list-style:none}.planner-subtasks li{justify-content:space-between;align-items:center;gap:.5rem;padding:.35rem 0;display:flex}.planner-project-link{text-align:left;width:100%;font:inherit;cursor:pointer;color:inherit;background:0 0;border:0;flex-direction:column;gap:.2rem;padding:.9rem 1rem;display:flex}.planner-project-link:hover strong{color:var(--fb-mint-deep)}@property --tw-tracking{syntax:"*";inherits:false}