:root{--purple:#7535ad;--purple-dark:#4d206f;--purple-soft:#f1e8f8;--bg:#f6f5f8;--panel:#fff;--text:#272332;--muted:#817a8e;--line:#e9e5ed;--green:#27856d;--shadow:0 12px 40px #29113c0a;--side:#20162d;--radius:16px;color-scheme:light;font-family:Inter,"Segoe UI",Arial,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:14px;line-height:1.5}body.dark{--bg:#17131e;--panel:#211b2b;--text:#eee9f4;--muted:#aaa0b8;--line:#382d45;--purple:#ba88e1;--purple-dark:#dab5f5;--purple-soft:#372441;--side:#110d17;color-scheme:dark}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:var(--purple);text-decoration:none}button{color:inherit}svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.layout{display:grid;grid-template-columns:254px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--side);color:#eee6f6;padding:30px 19px 20px;display:flex;flex-direction:column;position:fixed;width:254px;height:100dvh;z-index:30;overflow:auto}.brand{display:flex;align-items:center;gap:11px;padding:0 13px 32px}.brand-mark{width:37px;height:39px;border:1px solid #a882c0;border-radius:10px;display:grid;place-items:center;color:#ead9f8;font-size:25px;font-weight:800;font-family:Georgia,serif;background:#ffffff09}.brand strong{font-size:19px;letter-spacing:1.3px;line-height:1.1}.brand small{display:block;font-size:10px;letter-spacing:3px;color:#b9a8c8;margin-top:5px}.nav-main,.nav-item{display:flex;align-items:center;gap:11px;width:100%;border:0;background:transparent;text-align:left;border-radius:9px;color:#b9abc8;padding:10px 13px;font-size:12px}.nav-main:hover,.nav-item:hover{background:#ffffff09;color:white}.nav-main.active,.nav-item.active{color:#fff;background:#713fa0}.nav-main{font-weight:600;margin-bottom:12px;font-size:13px}.nav-section{margin:10px 0}.group-toggle{width:100%;display:flex;justify-content:space-between;border:0;background:none;color:#82748f;padding:9px 13px;text-transform:uppercase;letter-spacing:1.3px;font-size:10px;font-weight:650}.group-toggle svg{width:13px;height:13px}.branches{margin-left:22px;border-left:1px solid #483553;padding-left:9px}.nav-item{position:relative;padding:10px 9px;gap:8px;font-size:12px}.nav-item:before{position:absolute;content:'';height:1px;width:9px;background:#483553;left:-10px}.nav-item svg{width:16px;height:16px}.nav-spacer{flex:1;min-height:20px}.one-link{padding:15px 12px;border:1px solid #53405f;border-radius:12px;margin:15px 0;display:flex;gap:10px;align-items:center}.one-symbol{background:#41304f;padding:7px;border-radius:8px;color:#d2b5e7}.one-link strong{font-size:11px;display:block}.one-link small{font-size:10px;color:#b5a4c2}.one-link .dot{margin-left:auto}.dot{width:6px;height:6px;border-radius:50%;display:inline-block;background:#bd9bcd}.user{display:flex;gap:10px;padding:14px 9px 0;border-top:1px solid #3e2b4d;align-items:center}.avatar{display:grid;place-items:center;background:#eaddf4;color:#74449a;width:32px;height:32px;border-radius:50%;font-size:11px;font-weight:700}.user strong{font-size:11px;display:block}.user small{font-size:10px;color:#9784aa}.main{grid-column:2;min-width:0}.topbar{height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;background:var(--panel);gap:20px}.crumb{color:var(--muted);font-size:12px;display:flex;align-items:center;gap:10px}.crumb b{color:var(--text);font-weight:500}.top-actions{display:flex;align-items:center;gap:12px}.searchbox{display:flex;align-items:center;gap:9px;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:7px 10px;color:var(--muted)}.searchbox input{border:0;background:none;outline:none;max-width:170px;color:var(--text);font-size:12px}.searchbox svg{width:16px}.keycap{font-size:10px;border:1px solid var(--line);padding:1px 4px;border-radius:4px}.icon-btn{display:inline-grid;place-items:center;width:35px;height:35px;background:none;border:1px solid var(--line);border-radius:9px;color:var(--muted)}.icon-btn:hover{color:var(--purple);border-color:var(--purple)}.icon-btn svg{width:17px;height:17px}.mobile-menu{display:none}.content{padding:30px 38px 40px;max-width:1600px;margin:auto}.surface-switch{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.surface-switch button{padding:7px 12px;border:0;color:var(--muted);background:none;border-radius:7px;font-size:11px}.surface-switch button.active{background:var(--panel);color:var(--purple);box-shadow:0 1px 4px #2710390a;font-weight:600}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:1.8px;color:var(--purple);font-weight:700}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:15px;margin:27px 0 24px}h1{font-size:29px;letter-spacing:-.8px;font-weight:650;line-height:1.35;margin:6px 0}h2{font-size:15px;font-weight:650;margin:0}h3{margin:0;font-size:13px}p{margin:8px 0;color:var(--muted)}.subtitle{font-size:12px;margin:7px 0 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:9px 14px;font-size:12px;white-space:nowrap}.btn svg{width:16px;height:16px}.btn.primary{background:#7535ad;border-color:#7535ad;color:#fff;box-shadow:0 4px 10px #7337a51a}.btn.primary:hover{background:#632b95}.btn.danger{color:#c15b66}.btn.flat{background:none;border:0;padding:4px;color:var(--purple)}.btn.sm{padding:6px 9px;font-size:11px}.button-row{display:flex;gap:8px;flex-wrap:wrap}.banner{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 15px;border:1px solid #dcd0e8;background:var(--purple-soft);color:var(--purple-dark);border-radius:9px;font-size:11px}.banner span{display:flex;align-items:center;gap:8px}.banner svg{width:16px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin:23px 0}.stat{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:20px}.stat-top{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px}.stat-icon{display:grid;place-items:center;width:31px;height:31px;background:var(--purple-soft);border-radius:9px;color:var(--purple)}.stat-icon svg{width:16px;height:16px}.stat-value{display:flex;align-items:baseline;gap:8px;margin:12px 0 8px;font-size:29px;font-weight:650;letter-spacing:-1px}.stat-value small{font-size:11px;color:var(--muted);font-weight:400;letter-spacing:0}.stat-foot{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:5px}.stat-foot b{font-weight:500;color:var(--purple)}.grid-main{display:grid;grid-template-columns:minmax(0,1fr) 296px;gap:22px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:21px 23px 17px;gap:12px}.panel-head p{font-size:11px;margin-bottom:0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{font-size:10px;font-weight:500;letter-spacing:.2px;color:var(--muted);padding:12px 22px;background:var(--bg);border-top:1px solid var(--line);border-bottom:1px solid var(--line);white-space:nowrap}td{padding:16px 22px;border-bottom:1px solid var(--line);vertical-align:middle}tr:last-child td{border-bottom:0}tbody tr:hover{background:var(--bg)}.row-title{font-weight:550;min-width:170px}.row-title small{display:block;color:var(--muted);font-weight:400;font-size:10px;margin-top:4px}.row-title button{background:none;border:0;text-align:left;padding:0;font-weight:inherit;font-size:inherit;color:inherit}.row-title button:hover{color:var(--purple)}.tag{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:5px;font-size:10px;white-space:nowrap;background:var(--purple-soft);color:var(--purple)}.tag.green{color:#247a62;background:#e9f5ee}.tag.orange{color:#a07123;background:#fbf3e2}.tag.red{color:#b14f65;background:#faeaf0}.dark .tag.green{color:#8dd6b6;background:#213b31}.dark .tag.orange{color:#e1bd79;background:#3a3222}.dark .tag.red{color:#e297ac;background:#3b2530}.progress{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--muted);min-width:90px}.track{height:5px;background:var(--line);width:67px;border-radius:5px;overflow:hidden}.fill{height:100%;background:#9557c1;border-radius:5px}.panel-foot{border-top:1px solid var(--line);padding:12px 22px;display:flex;justify-content:space-between;color:var(--muted);font-size:10px}.connect-card{padding:22px;background:linear-gradient(140deg,#402055,#6c378e);color:#fff;border:0;border-radius:var(--radius);position:relative;overflow:hidden}.connect-card:after{content:'';width:190px;height:190px;border:1px solid #ffffff16;border-radius:50%;position:absolute;right:-100px;top:30px;pointer-events:none}.connect-card .eyebrow{color:#d9b7ef;font-size:9px}.connect-card h2{font-size:22px;margin:13px 0 8px}.connect-card p{color:#d6bfdf;font-size:11px;line-height:1.8;margin-bottom:18px}.connect-card .btn{color:#f3e6ff;border-color:#ad83c3;background:#ffffff0a;width:100%;font-size:11px}.connection-state{display:flex;gap:7px;align-items:center;font-size:10px;margin-bottom:16px;color:#e0c7ed}.stack{display:flex;flex-direction:column;gap:20px}.list{padding:0 22px 10px}.list-item{padding:13px 0;border-bottom:1px solid var(--line);display:flex;align-items:flex-start;gap:10px}.list-item:last-child{border:0}.list-icon{background:var(--purple-soft);color:var(--purple);padding:7px;border-radius:8px;display:grid;place-items:center}.list-icon svg{width:15px;height:15px}.list-item h3{font-size:11px;font-weight:500}.list-item p{font-size:10px;margin:4px 0}.lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:22px}.product-grid{display:grid;grid-template-columns:1fr 1fr;padding:0 22px 22px;gap:10px}.product-card{padding:12px;border:1px solid var(--line);border-radius:9px;background:var(--panel);text-align:left;display:flex;align-items:center;gap:10px}.product-card .tile{width:32px;height:32px;background:var(--purple-soft);color:var(--purple);border-radius:8px;display:grid;place-items:center;font-size:10px;font-weight:700}.product-card strong{font-size:11px;display:block}.product-card small{font-size:9px;color:var(--muted)}.timeline{padding:0 22px 20px}.timeline-row{position:relative;padding:0 0 16px 22px;border-left:1px solid var(--line);margin-left:5px}.timeline-row:last-child{padding-bottom:0}.timeline-row:before{content:'';position:absolute;left:-4px;top:4px;width:7px;height:7px;border-radius:50%;background:var(--purple);box-shadow:0 0 0 4px var(--panel)}.timeline-row small{font-size:9px;color:var(--muted)}.timeline-row p{font-size:11px;color:var(--text);margin:4px 0}.toolbar{display:flex;gap:10px;align-items:center;padding:16px 22px;border-bottom:1px solid var(--line);flex-wrap:wrap}.toolbar input{flex:1;min-width:120px}.toolbar input,.toolbar select,.field input,.field select,.field textarea{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:7px;padding:10px;font-size:12px}.toolbar select{max-width:190px}.empty{text-align:center;padding:45px 20px;color:var(--muted);font-size:12px}.empty svg{width:30px;height:30px;margin-bottom:8px}.empty h3{color:var(--text);margin-bottom:8px}.footer{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:30px;gap:15px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.feature{padding:23px}.feature .list-icon{display:inline-grid;margin-bottom:16px}.feature p{font-size:12px;line-height:1.8}.hero{border-radius:20px;padding:50px;background:linear-gradient(135deg,#2d173d,#6c3494);color:#fff;position:relative;overflow:hidden;margin:22px 0}.hero h1{font-size:42px;max-width:650px;line-height:1.25;letter-spacing:-1.5px}.hero p{max-width:500px;color:#dac8e8;font-size:14px;line-height:1.9;margin:20px 0 26px}.hero .eyebrow{color:#ccace3}.hero .btn{background:white;color:#67308d;border:0}.hero .btn.flat{color:#e8d5f4;background:none}.hero-art{position:absolute;right:50px;top:30px;width:220px;height:220px;transform:rotate(-15deg);opacity:.15;border:1px solid white;border-radius:35px}.hero-art:after{content:'';position:absolute;inset:26px;border:1px solid white;border-radius:20px}.hero>*:not(.hero-art){position:relative;z-index:1}.section-title{margin:28px 0 18px}.settings-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}.settings-grid .panel{padding:25px}.definition{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid var(--line);font-size:12px}.definition span:first-child{color:var(--muted)}.steps{display:grid;gap:12px;margin:20px 0}.step{padding:15px;border:1px solid var(--line);border-radius:10px;display:flex;gap:13px}.step-index{color:var(--purple);font-size:12px;font-weight:650}.step p{font-size:11px;margin-bottom:0}.modal{border:1px solid var(--line);border-radius:17px;background:var(--panel);color:var(--text);padding:0;width:580px;max-width:calc(100% - 28px);max-height:90dvh;box-shadow:0 20px 90px #15082040}.modal::backdrop{background:#1f0f344d;backdrop-filter:blur(3px)}.modal-head{padding:22px 25px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.modal-body{padding:22px 25px;overflow:auto}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field{display:flex;flex-direction:column;gap:6px;font-size:11px;color:var(--muted)}.field input,.field select,.field textarea{width:100%;min-height:40px}.field.full{grid-column:1/-1}.field textarea{min-height:90px;resize:vertical}.modal-actions{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:16px 25px;gap:10px}.error{color:#c05f76;font-size:12px;min-height:18px}.required{color:var(--purple)}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%) translateY(100px);padding:12px 20px;border-radius:10px;background:var(--side);color:white;font-size:12px;z-index:100;transition:transform .2s;max-width:90vw;box-shadow:var(--shadow)}#toast.show{transform:translateX(-50%) translateY(0)}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at 70% 20%,#f0e2f8,transparent 60%),var(--bg);padding:24px}.login .panel{max-width:410px;width:100%;padding:34px}.login .brand{color:var(--purple);padding:0 0 25px}.login .field{margin:18px 0}.login .btn{width:100%}.login h1{font-size:25px}.notice{font-size:11px;padding:13px;background:var(--purple-soft);border-radius:8px;color:var(--purple-dark);line-height:1.8}.overlay{display:none}.notification-list{padding:0 20px}.notes-block{white-space:pre-wrap;font-size:12px;color:var(--muted)}
@media(min-width:1450px){.content{padding-top:35px}.stats{gap:22px}.grid-main{grid-template-columns:minmax(0,1fr) 320px}.stat{padding:23px}}
@media(max-width:1150px){.layout{grid-template-columns:220px minmax(0,1fr)}.sidebar{width:220px;padding-left:13px;padding-right:13px}.content{padding:25px}.topbar{padding:0 25px}.grid-main{grid-template-columns:minmax(0,1fr)}.grid-main>.stack{display:grid;grid-template-columns:1fr 1fr}.stat{padding:15px}.searchbox{display:none}.cards{grid-template-columns:1fr 1fr}td,th{padding-left:16px;padding-right:16px}}
@media(max-width:760px){.layout{display:block}.sidebar{left:-270px;width:254px;transition:left .2s}.sidebar.open{left:0}.overlay.show{display:block;position:fixed;inset:0;background:#160a3055;z-index:25}.main{width:100%}.topbar{height:64px;padding:0 17px;gap:10px}.mobile-menu{display:grid}.crumb{font-size:11px}.crumb .crumb-root{display:none}.top-actions{gap:7px}.top-actions>.avatar{display:none}.content{padding:20px 16px 28px}.page-heading{margin:22px 0;align-items:flex-start}h1{font-size:25px}.eyebrow{font-size:9px}.subtitle{font-size:11px;max-width:250px}.page-heading>.button-row .btn:not(.primary){display:none}.stats{grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.stat{padding:15px}.stat-value{font-size:27px;margin:7px 0}.stat-top{font-size:10px}.stat-foot{font-size:9px}.stat-icon{width:27px;height:27px}.grid-main>.stack,.lower-grid,.settings-grid,.cards{grid-template-columns:1fr}.panel-head{padding:18px}.product-grid{padding:0 18px 18px}.lower-grid{gap:18px;margin-top:18px}.grid-main{gap:18px}.banner{font-size:10px;align-items:flex-start}.banner>.btn{padding:2px}.banner span{align-items:flex-start}.surface-switch button{padding:6px 9px;font-size:10px}.hero{padding:30px 23px}.hero h1{font-size:31px}.hero p{font-size:12px}.hero-art{right:-100px}.toolbar{padding:13px;gap:8px}.toolbar select{max-width:135px;font-size:11px}.footer{font-size:9px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:1}.modal-head,.modal-body{padding:19px}.modal-actions{padding:14px 19px}.topbar .icon-btn{width:32px;height:32px}.panel-foot{padding:12px 16px}.btn{font-size:11px;padding:8px 11px}.tag{font-size:9px}.panel h2{font-size:14px}.hero .button-row{gap:13px}.page-heading .button-row{flex-shrink:0}}
@media print{.sidebar,.topbar,.surface-switch,.banner,.button-row,.btn,.footer,.overlay{display:none!important}.layout{display:block}.main{width:100%}.content{padding:0;max-width:100%}body,body.dark{--bg:#fff;--panel:#fff;--text:#222;--muted:#666;--line:#ddd;--purple:#67308d;--purple-soft:#f2eaf7;background:white;color:#222}.panel{box-shadow:none;break-inside:avoid}.grid-main{grid-template-columns:1fr}.stats{grid-template-columns:repeat(4,1fr)}.table-wrap{overflow:visible}.page-heading{margin-top:0}.connect-card{background:#eee;color:#222}.connect-card p{color:#555}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:760px){.site-header{height:auto;flex-wrap:wrap;padding-bottom:20px!important;gap:20px}.site-header>.button-row{width:100%}.site-header>.button-row .btn{flex:1;white-space:normal}.sidebar.open~.main{overflow:hidden}}
.table-wrap{position:relative}
@media(max-width:760px){.sidebar{visibility:hidden}.sidebar.open{visibility:visible}}