@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#090e1b;--panel:#141b30;--panel2:#192139;--border:rgba(189,199,239,.13);--text:#f4f7ff;--muted:#9ca8c5;--blue:#5a9dff;--purple:#aa80ff;--font:'DM Sans',system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);font:15px/1.55 var(--font);color:var(--text);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}svg{width:20px;height:20px;stroke-width:1.8}button svg,.btn svg{width:18px;height:18px}.app-shell{min-height:100vh;display:flex;background:radial-gradient(ellipse 43% 28% at 90% 5%,#24214c80,transparent 80%),linear-gradient(140deg,#0a1020,#0d1327 55%,#0a1020)}.sidebar{width:252px;flex-shrink:0;border-right:1px solid var(--border);padding:28px 17px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;background:#0c1325bf;backdrop-filter:blur(30px)}.brand{display:flex;gap:12px;align-items:center;padding:4px 10px 39px}.brand-logo{display:grid;place-items:center;width:43px;height:43px;background:linear-gradient(145deg,#5295ff,#7449ed);box-shadow:0 10px 30px #4f63f43d;border-radius:14px;font-weight:800;font-size:24px}.brand-logo span,.login-brand span{color:#cdb8ff}.brand strong{display:block;letter-spacing:-.45px}.brand small{color:var(--muted);display:block;font-size:10px;letter-spacing:.3px}.side-label{font-size:10px;letter-spacing:2px;color:#687595;font-weight:800;padding:0 15px 13px}.nav-list{display:flex;flex-direction:column;gap:4px;overflow-y:auto;scrollbar-width:thin}.nav-link{display:flex;align-items:center;gap:13px;padding:11px 14px;border-radius:12px;color:#9da9c2;font-size:13px;font-weight:600;transition:.2s}.nav-link svg{width:18px;height:18px}.nav-link:hover{color:white;background:#ffffff0d}.nav-link.active{background:linear-gradient(95deg,#5e77e638,#7358ef24);color:#f2f5ff;border:1px solid #a6a9ff27}.nav-link.active svg{color:#97a5ff}.side-separator{height:1px;background:var(--border);margin:17px 10px}.sidebar-bottom{margin-top:auto;border:1px solid var(--border);background:#ffffff08;border-radius:15px;padding:10px;display:flex;align-items:center;gap:10px}.sidebar-bottom>a{color:var(--muted)}.avatar,.profile-badge{width:38px;height:38px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#697cf3,#a77afa);font-weight:800}.user-meta{min-width:0;flex:1}.user-meta strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.user-meta small{display:block;font-size:10px;color:var(--muted)}.main-wrap{min-width:0;flex:1}.topbar{height:74px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 42px}.topbar-label{font-size:11px;letter-spacing:1.3px;color:#9aa7c3;font-weight:800}.dot{padding:0 7px;color:#596584}.top-actions{display:flex;align-items:center;gap:11px}.role-chip{font-size:12px;border:1px solid var(--border);background:#ffffff09;border-radius:22px;padding:8px 12px;display:flex;align-items:center;gap:9px}.status-dot,.pulse{width:7px;height:7px;background:#6eeac2;border-radius:50%;box-shadow:0 0 13px #49d4ad}.icon-btn{border:1px solid var(--border);border-radius:50%;width:36px;height:36px;background:#ffffff08;color:#cbd5ed;display:grid;place-items:center}.icon-btn svg{width:17px;height:17px}.mobile-toggle{display:none}.workspace{max-width:1490px;padding:42px 44px 28px;margin:0 auto}.hero{position:relative;overflow:hidden;min-height:306px;border-radius:27px;padding:34px 39px 23px;background:radial-gradient(ellipse 40% 60% at 83% 35%,#695bdc96,transparent 76%),radial-gradient(ellipse 50% 100% at 63% 120%,#2165c980,transparent 75%),linear-gradient(105deg,#1d2345,#242456 52%,#2f3264);box-shadow:inset 0 0 0 1px #ffffff24,0 18px 45px #00000024}.hero::after{content:'';position:absolute;width:610px;height:480px;right:-150px;top:-310px;border:1px solid #ffffff2b;border-radius:50%;box-shadow:0 0 95px #8b7ff731;transform:rotate(-26deg)}.hero-overline{color:#c8d5f3;font-size:10px;letter-spacing:2px;font-weight:800;display:flex;gap:12px;align-items:center}.hero-line{display:inline-block;width:22px;height:1px;background:#acb5df80}.hero-contents{display:flex;align-items:center;justify-content:space-between}.hero h1{font-family:Manrope,system-ui;font-size:clamp(29px,3vw,46px);font-weight:800;letter-spacing:-2px;line-height:1.25;margin:25px 0 13px}.hero-subtitle{font-weight:400;color:#c3ccef}.hero p{color:#bac7e9;max-width:565px;margin:0;font-size:14px}.gradient-text{color:#a69aff}.hero-orbit{height:174px;width:205px;display:grid;place-items:center;position:relative;margin-right:75px}.orbit-one,.orbit-two{position:absolute;border:1px solid #c2b8ff4f;border-radius:50%;width:205px;height:130px;transform:rotate(-31deg)}.orbit-two{width:148px;height:148px;transform:rotate(25deg);border-color:#75c8ff5e;box-shadow:0 0 42px #9f7ff12b}.orbit-core{width:90px;height:90px;display:grid;place-items:center;border-radius:26px;box-shadow:0 0 45px #b8a6ff96,inset 0 0 0 1px #ffffff61;background:linear-gradient(145deg,#9784ff,#4d80f8);transform:rotate(-12deg)}.orbit-core svg{width:43px;height:43px;transform:rotate(12deg)}.hero-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:20px;border-top:1px solid #ffffff24;padding-top:15px;position:relative;z-index:1}.hero-status{display:flex;align-items:center;gap:10px;color:#d7e6ff;font-size:12px}.hero-link{font-size:12px;font-weight:700;display:flex;align-items:center;gap:6px}.hero-link svg{width:16px;height:16px}.section-head{display:flex;align-items:end;justify-content:space-between;margin:36px 0 18px}.section-head.lower{margin-top:34px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2.2px;color:#8e99b6;text-transform:uppercase}.section-head h2{font:800 22px Manrope,system-ui;letter-spacing:-.6px;margin:7px 0 0}.text-link{border:0;background:none;color:#a8bdff;font-weight:700;display:inline-flex;align-items:center;gap:7px;font-size:12px;padding:0}.text-link svg{width:15px;height:15px}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.feature-card{border:1px solid #ffffff36;position:relative;overflow:hidden;border-radius:25px;min-height:265px;padding:30px 32px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s,box-shadow .2s}.feature-card:hover{transform:translateY(-3px);box-shadow:0 22px 55px #0004}.feature-purple{background:radial-gradient(ellipse 45% 53% at 100% 115%,#bd66ff9b,transparent 90%),linear-gradient(130deg,#474497,#6555be 75%,#7f58ce)}.feature-blue{background:radial-gradient(ellipse 46% 80% at 100% 110%,#43d0ffb3,transparent 92%),linear-gradient(130deg,#205798,#286eae 75%,#3b79d3)}.feature-card::after{content:'';position:absolute;right:-130px;bottom:-215px;border-radius:50%;width:470px;height:280px;border:2px solid #ffffff60;transform:rotate(-20deg);box-shadow:0 0 45px #b8a7ff66}.feature-icon{width:66px;height:66px;border-radius:20px;display:grid;place-items:center;background:#ffffff31;border:1px solid #ffffff3a;box-shadow:0 14px 40px #0002}.feature-icon svg{width:30px;height:30px}.feature-bottom{display:flex;justify-content:space-between;align-items:end;position:relative;z-index:1}.feature-kicker{font-size:10px;font-weight:700;letter-spacing:1.5px;color:#dae3ff}.feature-card h3{font:800 27px Manrope,system-ui;letter-spacing:-1px;margin:5px 0 4px}.feature-card p{color:#e1e5f8;font-size:13px;margin:0;max-width:290px}.circle-arrow{display:grid;place-items:center;background:#ffffffee;color:#354d9f;width:41px;height:41px;border-radius:50%;flex-shrink:0}.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.quick-card{position:relative;min-height:146px;padding:22px 20px;border-radius:20px;background:linear-gradient(145deg,#1c2741,#161f35);border:1px solid var(--border);display:flex;flex-direction:column;align-items:flex-start;transition:.2s}.quick-card:hover{background:#263453;border-color:#748ff85c;transform:translateY(-2px)}.quick-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:#7f8cff19;color:#aab9ff;margin-bottom:auto}.quick-icon svg{width:19px;height:19px}.quick-card strong{font-size:13px;margin-top:17px}.quick-card small{color:var(--muted);font-size:11px}.quick-arrow{position:absolute;right:18px;top:22px;width:15px;height:15px;color:#8190ad}.stats-strip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--border);margin-top:36px;padding:26px 6px 0}.stats-strip>div{padding-left:27px;border-left:1px solid var(--border)}.stats-strip>div:first-child{border-left:0;padding-left:0}.stats-strip span{display:block;font-size:10px;letter-spacing:1.2px;color:#95a2c1;font-weight:800}.stats-strip strong{display:block;font-size:30px;font-family:Manrope;font-weight:800;letter-spacing:-1px;margin-top:5px}.footer{color:#60708e;font-size:11px;margin-top:42px}.footer span{padding:0 8px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:10px 0 33px}.page-heading h1{font:800 clamp(30px,3vw,43px) Manrope;letter-spacing:-1.7px;margin:8px 0 6px}.page-heading p{margin:0;color:var(--muted);font-size:13px}.heading-actions{display:flex;align-items:center;gap:13px}.btn{padding:11px 17px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;font-size:12px;font-weight:800;border:1px solid transparent;white-space:nowrap}.btn-primary{background:linear-gradient(120deg,#6373f8,#357df5);box-shadow:0 8px 25px #4772fb28;color:white}.btn-primary:hover{filter:brightness(1.1)}.btn-secondary{border-color:var(--border);background:#ffffff13;color:#e5ebff}.btn.large{width:100%;justify-content:space-between;padding:15px 17px}.pill{display:inline-flex;align-items:center;border-radius:30px;padding:5px 11px;font-size:11px;font-weight:700;white-space:nowrap}.pill-green{color:#82ecc6;background:#2aab8324}.pill-amber{color:#ffcf85;background:#e0a34e23}.toolbar{margin-bottom:18px;display:flex;gap:20px;align-items:center;justify-content:space-between}.inline-filter label{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:10px}.muted{color:var(--muted);font-size:12px}.surface{background:linear-gradient(145deg,#192239dc,#111a2c);border:1px solid var(--border);border-radius:21px;overflow:hidden}.surface-title{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:23px 25px;border-bottom:1px solid var(--border)}.surface-title h3{margin:0;font:800 15px Manrope}.table-surface{margin-bottom:19px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:10px;color:#8896b6;font-weight:800;letter-spacing:1px;text-transform:uppercase;background:#ffffff04}td,th{padding:15px 23px;border-bottom:1px solid #ffffff0c}td{font-size:12px;color:#d7dff0}td b{font-weight:800;color:white}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#ffffff04}.cell-sub{display:block;color:#8190ac;margin-top:3px;font-size:11px}.empty{text-align:center;color:var(--muted);padding:38px 20px}.tiny-code{display:inline-block;background:#7285ef20;color:#b8c4ff;padding:5px 9px;border-radius:8px;font-size:11px;font-weight:800}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}.entity-card,.empty-card{border:1px solid var(--border);background:var(--panel);padding:25px;border-radius:20px}.entity-card strong{display:block;font-size:18px}.entity-card p{font-size:12px;color:#b7c2dd;margin:4px 0}.entity-card small{font-size:11px;color:var(--muted)}.entity-icon{color:#a2abff;margin-bottom:24px}.entity-card form{margin-top:16px}.link-danger{border:0;background:none;color:#f3a4b7;font-size:11px;font-weight:700;padding:0}.modal-backdrop{display:none;position:fixed;z-index:50;inset:0;align-items:center;justify-content:center;background:#050911ca;padding:20px;backdrop-filter:blur(9px)}.modal-backdrop.open{display:flex}.modal-card{max-width:510px;width:100%;max-height:90vh;overflow:auto;background:#1c2742;border:1px solid #7080ad63;border-radius:22px;padding:30px;box-shadow:0 25px 100px #0008;position:relative}.modal-card h2{margin:9px 0 23px;font:800 25px Manrope}.close-modal{position:absolute;right:23px;top:15px;border:0;background:none;color:var(--muted);font-size:26px}.stack-form{display:flex;flex-direction:column;gap:16px}.stack-form label{display:block;font-size:12px;color:#b7c5dd;font-weight:700}.stack-form input,.stack-form select,.slim-select{display:block;margin-top:7px;width:100%;background:#0d1629;border:1px solid #65759947;color:#eaf0fe;border-radius:10px;outline:0;padding:12px 13px;min-height:43px;font-size:13px}.stack-form input:focus,.stack-form select:focus,.slim-select:focus{border-color:#8294ff;box-shadow:0 0 0 3px #8294ff1b}.stack-form input::placeholder{color:#60708d}.stack-form select option,.slim-select option{background:#131b30;color:white}.stack-form .btn{margin-top:5px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.hint{color:#8fa0bf;font-size:11px;line-height:1.6;margin:0}.standalone{margin-top:13px}.checkbox-line{display:flex!important;align-items:center;gap:9px}.checkbox-line input{width:auto;min-height:0;margin:0}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.settings-panel{padding-bottom:19px}.settings-panel>.stack-form,.config-items{margin:22px 25px}.config-items{border-top:1px solid var(--border);padding-top:9px}.config-item{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff0d;padding:14px 0;gap:10px}.config-item:last-child{border:0}.config-item b{display:block;font-size:12px}.config-item small{display:block;color:var(--muted);font-size:11px}.approval-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px;margin-bottom:20px}.approval-panel h2{font-size:23px;margin:10px 0 6px}.approval-panel p{color:var(--muted);font-size:13px;margin:0}.success-panel{text-align:center;max-width:580px;margin:40px auto;padding:58px 30px;border:1px solid var(--border);border-radius:22px;background:#ffffff05}.success-icon{margin:0 auto 17px;color:#7ee7c1}.success-icon svg{width:45px;height:45px}.success-panel h2{font-size:22px}.success-panel p{color:var(--muted);font-size:13px;margin-bottom:23px}.profile-panel{max-width:500px;padding:35px}.profile-badge{width:70px;height:70px;font-size:27px}.profile-panel h2{margin:20px 0 4px}.profile-panel p{font-size:12px;color:var(--muted);margin:0 0 28px}.toast{display:flex;align-items:center;gap:10px;padding:14px 18px;border-radius:12px;margin-bottom:20px;border:1px solid #4dcbad60;background:#177a6244;color:#c9ffea;font-size:12px}.toast.error{border-color:#ed969650;background:#b7535330;color:#ffe2e2}.toast button{margin-left:auto;background:none;border:0;color:inherit;font-size:19px}.calendar-grid{min-width:810px;display:grid;grid-template-columns:92px repeat(5,1fr);}.cal-time-header,.cal-day-header{height:49px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;border-bottom:1px solid var(--border);background:#ffffff06}.cal-time-header{color:var(--muted)}.cal-time,.cal-cell{min-height:80px;border-bottom:1px solid #ffffff0a;border-right:1px solid #ffffff0a}.cal-time{display:flex;justify-content:center;padding-top:11px;font-size:11px;color:#8f9cb7}.cal-cell{padding:5px}.cal-event{position:relative;background:linear-gradient(120deg,#536dcc35,#396ba329);border-left:3px solid #8298ff;border-radius:8px;padding:8px 9px;margin:3px 0}.cal-event strong{display:block;font-size:11px}.cal-event small{display:block;font-size:10px;color:#c1cde9}.mini-delete{position:absolute;right:4px;top:1px;background:transparent;border:0;color:#e5a6ae}.scroll-x{overflow-x:auto;margin-bottom:18px}.guest-body{background:#0a1021;min-height:100vh}.login-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:90px 20px;position:relative;overflow:hidden}.login-ambient{position:absolute;width:750px;height:750px;border-radius:50%;background:radial-gradient(circle,#3d51be5e,transparent 66%);top:-380px;right:-110px;pointer-events:none}.login-brand{position:absolute;left:40px;top:26px;font-size:26px;font-weight:800}.login-brand small{font-size:12px;letter-spacing:1px;margin-left:9px}.login-card{position:relative;z-index:1;width:min(100%,445px);background:linear-gradient(145deg,#202846,#121a2d);border:1px solid #ffffff22;padding:43px;border-radius:28px;box-shadow:0 25px 90px #0005}.login-card h1{font:800 33px Manrope;letter-spacing:-1px;margin:12px 0}.login-card p{color:var(--muted);font-size:13px;margin-bottom:28px}.login-foot{font-size:11px;color:#7585a2;border-top:1px solid var(--border);margin-top:26px;padding-top:21px}.login-card .stack-form{gap:19px}.login-card .btn{margin-top:10px}@media(max-width:1190px){.sidebar{width:220px}.workspace{padding:32px 26px}.topbar{padding:0 27px}.hero-orbit{margin-right:12px}.quick-card{padding:18px 15px}}@media(max-width:900px){.sidebar{position:fixed;z-index:40;left:-270px;transition:left .2s;width:252px;box-shadow:30px 0 70px #0007}.sidebar.open{left:0}.mobile-toggle{display:grid}.topbar{gap:12px}.topbar-label{margin-right:auto;font-size:9px}.workspace{padding:22px 19px}.hero{padding:25px;min-height:300px}.hero-orbit{display:none}.quick-grid{grid-template-columns:repeat(2,1fr)}.settings-grid{grid-template-columns:1fr}}@media(max-width:570px){.topbar{padding:0 15px;height:66px}.topbar-label{font-size:8px;line-height:1.5;letter-spacing:.3px}.role-chip{display:none}.hero h1{font-size:30px;letter-spacing:-1px}.hero{min-height:275px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:235px}.stats-strip{grid-template-columns:1fr 1fr;gap:20px}.stats-strip>div:nth-child(3){border-left:0;padding-left:0}.section-head h2{font-size:19px}.page-heading{align-items:flex-start;flex-direction:column}.page-heading h1{font-size:32px}.toolbar{align-items:flex-start;flex-direction:column}.approval-panel{align-items:flex-start;flex-direction:column}.form-row{grid-template-columns:1fr}.modal-card{padding:22px}.quick-grid{gap:10px}.quick-card{min-height:138px}.footer{line-height:2}.login-card{padding:30px 23px}.login-brand{left:23px}}
