.proplan{--color-bg:#f2f2f3;--color-surface:#e9e9ea;--color-text:#1d1f20;--color-accent:#5980a6;--color-divider:#1d1f2042;--color-neutral-900:#2b2b2d;--color-accent-100:#eef6ff;--color-accent-200:#d6ebff;--color-accent-300:#b5d9fd;--color-accent-400:#94bce3;--color-accent-500:#749dc4;--color-accent-600:#597ea3;--color-accent-700:#416180;--color-accent-800:#2c455d;--color-accent-900:#1d2d3d;--font-heading:"Barlow Condensed", system-ui, sans-serif;--font-body:"Barlow", system-ui, sans-serif;--space-1:3.4px;--space-2:6.8px;--space-3:10.2px;--space-4:13.6px;--shadow-md:0 3px 10px #2b2b2d29;--shadow-lg:0 12px 32px #2b2b2d38;background:var(--color-bg);height:100vh;color:var(--color-text);font-family:var(--font-body);flex-direction:column;font-size:15px;line-height:1.55;display:flex;overflow:hidden}.proplan *,.proplan :before,.proplan :after{box-sizing:border-box}.proplan ::-webkit-scrollbar{width:10px;height:10px}.proplan ::-webkit-scrollbar-thumb{background:#1d1f2038}.proplan ::-webkit-scrollbar-track{background:#1d1f200f}.proplan :focus{outline:none}.proplan :focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.proplan ::selection{background:color-mix(in srgb, var(--color-accent) 30%, transparent)}.proplan h2,.proplan h3,.proplan h4{font-family:var(--font-heading);letter-spacing:-.015em;margin:0;font-weight:600;line-height:1.12}.proplan h2{font-size:28px}.proplan h3{font-size:25px}.proplan h4{font-size:20px}.proplan .text-muted{color:color-mix(in srgb, var(--color-text) 55%, transparent)}.proplan .mono{font-family:ui-monospace,Menlo,monospace}.proplan .soft{color:color-mix(in srgb, var(--color-text) 70%, transparent)}.proplan .blueprint{border:1px solid var(--color-divider);position:relative}.proplan .blueprint>.corner{width:11px;height:11px;color:color-mix(in srgb, var(--color-text) 55%, transparent);pointer-events:none;position:absolute}.proplan .blueprint>.corner:before,.proplan .blueprint>.corner:after{content:"";background:currentColor;position:absolute}.proplan .blueprint>.corner:before{width:1px;height:100%;top:0;left:5px}.proplan .blueprint>.corner:after{width:100%;height:1px;top:5px;left:0}.proplan .blueprint>.corner.tl{top:-6px;left:-6px}.proplan .blueprint>.corner.tr{top:-6px;right:-6px}.proplan .blueprint>.corner.bl{bottom:-6px;left:-6px}.proplan .blueprint>.corner.br{bottom:-6px;right:-6px}.proplan .btn{cursor:pointer;font-family:var(--font-heading);color:var(--color-text);border:1px solid var(--color-divider);padding:var(--space-2) calc(var(--space-3) * 1.2);background:0 0;border-radius:0;justify-content:center;align-items:center;gap:6px;font-size:14px;font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex}.proplan .btn:disabled{opacity:.45;cursor:not-allowed}.proplan .btn-primary{background:var(--color-accent);color:var(--color-bg);border-color:var(--color-accent)}.proplan .btn-primary:hover{background:var(--color-accent-600)}.proplan .btn-primary:active{background:var(--color-accent-700)}.proplan .btn-secondary:hover:not(:disabled){background:color-mix(in srgb, var(--color-text) 7%, transparent)}.proplan .btn-secondary:active:not(:disabled){background:color-mix(in srgb, var(--color-text) 14%, transparent)}.proplan .btn-ghost{color:var(--color-accent);padding-inline:var(--space-1);border-color:#0000}.proplan .btn-ghost:hover:not(:disabled){background:color-mix(in srgb, var(--color-accent) 10%, transparent)}.proplan .btn-icon{width:36px;height:36px;padding:0}.proplan .input{width:100%;min-height:36px;font:inherit;color:var(--color-text);caret-color:var(--color-accent);background:var(--color-surface);border:1px solid var(--color-divider);border-radius:0;padding:6px 10px;font-size:14px}.proplan .input:hover{border-color:color-mix(in srgb, var(--color-text) 45%, transparent)}.proplan .input:focus-visible{border-color:var(--color-accent);outline-offset:0}.proplan .seg{border:1px solid var(--color-divider);display:inline-flex;overflow:hidden}.proplan .tag{letter-spacing:.02em;align-items:center;padding:3px 10px;font-size:11px;display:inline-flex}.proplan .tag-accent{background:var(--color-accent-100);color:var(--color-accent-800)}.proplan .table{border-collapse:collapse;width:100%;font-size:14px}.proplan .table th{text-align:left;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb, var(--color-text) 60%, transparent);padding:var(--space-2);border-bottom:1px solid var(--color-divider);font-size:11px;font-weight:700}.proplan .table td{padding:var(--space-2);border-bottom:1px solid color-mix(in srgb, var(--color-text) 8%, transparent)}.proplan .table tbody tr:hover{background:color-mix(in srgb, var(--color-text) 4%, transparent)}.proplan .nav-brand{font-family:var(--font-heading);white-space:nowrap;cursor:pointer;color:inherit;flex:none;font-size:18px;font-weight:600;text-decoration:none}.proplan .tenant-btn{cursor:pointer;border:1px solid var(--color-divider);font-family:var(--font-heading);letter-spacing:.02em;color:var(--color-text);white-space:nowrap;background:0 0;align-items:center;gap:8px;padding:5px 10px;font-size:14px;font-weight:600;display:flex}.proplan .tenant-btn:hover{background:color-mix(in srgb, var(--color-accent) 10%, transparent)}.proplan .kicker{letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb, var(--color-text) 70%, transparent);font-size:10px}.proplan .grid-left{border-right:1px solid var(--color-text);flex:none;width:470px;display:flex;position:sticky;left:0}.proplan .foot-label{z-index:3;background:color-mix(in srgb, var(--color-text) 8%, var(--color-bg));font-family:var(--font-heading);letter-spacing:.06em;text-transform:uppercase;justify-content:flex-end;align-items:center;padding:4px 8px;font-size:11px;font-weight:600}.proplan .foot-row{background:color-mix(in srgb, var(--color-text) 8%, transparent);min-width:max-content;display:flex}.proplan .dialog-backdrop{z-index:80;padding:var(--space-4);background:color-mix(in srgb, var(--color-neutral-900) 50%, transparent);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.proplan .dialog{background:var(--color-bg);max-width:92vw;box-shadow:var(--shadow-lg);flex-direction:column;gap:16px;padding:20px 22px;display:flex}.proplan .field>label{color:color-mix(in srgb, var(--color-text) 70%, transparent);margin-bottom:5px;font-size:12px;display:block}.proplan .menu-item{text-align:left;width:100%;color:var(--color-text);border:none;border-bottom:1px solid var(--color-divider);cursor:pointer;background:0 0;padding:9px 12px;font-size:13px;text-decoration:none;display:block}.proplan .menu-item:last-child{border-bottom:none}.proplan .menu-item:hover{background:color-mix(in srgb, var(--color-accent) 12%, transparent)}
