:root{--ink:#151126;--muted:#6e6b8f;--purple:#60338d;--purple2:#8b75b1;--blue:#4c6b96;--lav:#d2b6d4;--coral:#d87860;--line:#e8e0f2;--panel:#fff;--wash:#faf8fd;--green:#29a879;--red:#df5b64;--amber:#e59b3b;--shadow:0 14px 40px rgba(65,35,100,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body:has(.vtp-app),body:has(.vtp-login-page){margin:0!important;background:#fff!important;color:var(--ink);font-family:"DM Sans",sans-serif}.vtp-app button,.vtp-app input,.vtp-app textarea,.vtp-app select,.vtp-login-page button,.vtp-login-page input{font:inherit}.vtp-app button{cursor:pointer}.vtp-app{min-height:100vh;display:grid;grid-template-columns:236px 1fr;background:#fff;position:fixed;inset:0;z-index:999999;overflow:hidden}.vtp-sidebar{border-right:1px solid var(--line);padding:18px 14px 24px;background:rgba(255,255,255,.97);overflow:auto}.vtp-brand{display:flex;align-items:center;height:72px;padding:0 15px 14px;border-bottom:1px solid var(--line);margin:0 -14px 16px}.vtp-logo-image{display:block;width:164px;height:58px;background-image:url('../images/vibes-logo.png');background-repeat:no-repeat;background-size:280% auto;background-position:center 58%}.vtp-sidebar nav{display:grid;gap:5px}.vtp-sidebar nav a{display:flex;align-items:center;gap:13px;padding:12px 15px;border-radius:12px;color:#2d2a55;text-decoration:none;font-weight:600;font-size:15px;transition:.18s}.vtp-sidebar nav a i{font-style:normal;width:22px;text-align:center;color:#3d3980;font-size:20px}.vtp-sidebar nav a:hover,.vtp-sidebar nav a.active{color:#5d1ee5;background:linear-gradient(90deg,#f1eaff,#f9f7fc)}.vtp-sidebar nav a.active i{color:#6e2ce9}.vtp-main{min-width:0;display:grid;grid-template-rows:88px 1fr;height:100vh}.vtp-topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:15px 28px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.95);position:relative;z-index:3}.vtp-search{width:min(440px,40vw);height:49px;border:1px solid #d9cdf0;border-radius:12px;display:flex;align-items:center;gap:12px;padding:0 16px;color:#77719a}.vtp-search span{font-size:26px}.vtp-search input{width:100%;border:0;outline:0;background:transparent;color:var(--ink)}.vtp-top-actions{display:flex;align-items:center;gap:18px}.vtp-language{display:flex;align-items:center;gap:9px}.vtp-language button{border:0;background:none;color:#4b4670;padding:5px;font-weight:700}.vtp-language button.active{color:#5d1ee5;border-bottom:2px solid #5d1ee5}.vtp-language span{height:18px;width:1px;background:#d8d2e5}.vtp-icon-button{width:42px;height:42px;border:0;border-radius:50%;background:#f7f3fd;color:#443278;position:relative;font-size:20px}.vtp-icon-button b{display:none;position:absolute;right:4px;top:3px;min-width:17px;height:17px;border-radius:99px;background:var(--coral);color:#fff;font-size:10px;align-items:center;justify-content:center}.vtp-icon-button b.show{display:flex}.vtp-user-menu{border:0;background:none;display:flex;align-items:center;gap:10px;text-align:left;color:var(--ink)}.vtp-user-menu img{border-radius:50%;width:44px;height:44px}.vtp-user-menu span{display:grid;line-height:1.25}.vtp-user-menu strong{font-size:14px}.vtp-user-menu small{font-size:12px;color:var(--muted)}.vtp-view{position:relative;overflow:auto;padding:30px 34px 48px;background:radial-gradient(circle at 65% -15%,rgba(210,182,212,.22),transparent 33%),#fff}.vtp-view:before{content:"";position:fixed;width:460px;height:460px;border:1px solid rgba(139,117,177,.18);border-radius:50%;top:-245px;left:45%;pointer-events:none;box-shadow:0 0 0 64px rgba(210,182,212,.06)}
.vtp-page{position:relative;z-index:1;max-width:1480px;margin:auto}.vtp-page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:22px;margin-bottom:24px}.vtp-page-head h1{font-family:Manrope,sans-serif;font-size:clamp(38px,4vw,58px);letter-spacing:-.045em;line-height:1;margin:0;font-weight:800}.vtp-page-head h1 span,.vtp-gradient{background:linear-gradient(90deg,#5d24b2,#a466c4,#df725b);-webkit-background-clip:text;background-clip:text;color:transparent}.vtp-page-head p{margin:9px 0 0;color:var(--muted);font-size:18px}.vtp-btn{border:1px solid #d9cdf0;border-radius:11px;background:#fff;color:#4d247f;padding:11px 17px;font-weight:700;box-shadow:none;transition:.18s}.vtp-btn:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(96,51,141,.12)}.vtp-btn.primary{border:0;color:#fff;background:linear-gradient(135deg,#6129d9,#8f32df 60%,#df745b);box-shadow:0 10px 24px rgba(96,51,141,.2)}.vtp-btn.danger{color:#bd3545;border-color:#f0b7be}.vtp-btn.ghost{background:transparent}.vtp-btn.small{padding:7px 11px;font-size:12px}.vtp-head-actions{display:flex;gap:10px;align-items:center}.vtp-grid{display:grid;gap:16px}.vtp-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.vtp-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.vtp-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.vtp-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 1px 0 rgba(70,40,100,.02)}.vtp-card h2,.vtp-card h3{font-family:Manrope,sans-serif;margin:0 0 14px}.vtp-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.vtp-stat{display:flex;align-items:center;gap:16px;min-height:116px}.vtp-stat-icon{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#f2eafe;color:#6b31d5;font-size:25px}.vtp-stat:nth-child(2) .vtp-stat-icon{background:#fff0ed;color:#d85c4a}.vtp-stat:nth-child(3) .vtp-stat-icon{background:#eef3ff;color:#4d6fc9}.vtp-stat:nth-child(4) .vtp-stat-icon{background:#eaf9f3;color:#20936b}.vtp-stat small{color:var(--muted);display:block}.vtp-stat strong{font-family:Manrope,sans-serif;font-size:34px;line-height:1.05}.vtp-dashboard-layout{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:16px;margin-top:16px}.vtp-list{display:grid}.vtp-list-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:13px 0;border-bottom:1px solid #eee9f4}.vtp-list-row:last-child{border-bottom:0}.vtp-list-row strong{display:block;font-size:14px}.vtp-list-row small{color:var(--muted)}.vtp-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:99px;background:#f1e9fc;color:#6427ae;font-size:11px;font-weight:700;text-transform:capitalize}.vtp-chip.green{background:#e4f7ef;color:#15885f}.vtp-chip.coral{background:#fff0eb;color:#c7523f}.vtp-chip.blue{background:#eaf1ff;color:#4169bb}.vtp-chip.amber{background:#fff5df;color:#a46717}.vtp-tabs{display:flex;gap:4px;border:1px solid var(--line);padding:5px;border-radius:13px;background:#fff;margin-bottom:16px;overflow:auto}.vtp-tab{border:0;background:transparent;padding:9px 15px;border-radius:9px;color:#625c82;font-weight:700;white-space:nowrap}.vtp-tab.active{background:#eee5fb;color:#5d20c7}.vtp-toolbar{display:flex;justify-content:space-between;gap:12px;margin-bottom:16px}.vtp-filter{border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#fff;color:#4c476b}.vtp-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden}.vtp-table th{text-align:left;background:#faf8fd;color:#625c80;font-size:12px;padding:13px;text-transform:uppercase;letter-spacing:.04em}.vtp-table td{padding:14px 13px;border-top:1px solid #eee9f4;font-size:14px}.vtp-person{display:flex;align-items:center;gap:10px}.vtp-person img{width:36px;height:36px;border-radius:50%}.vtp-person strong,.vtp-person small{display:block}.vtp-person small{color:var(--muted)}.vtp-empty{text-align:center;padding:50px 25px;color:var(--muted)}.vtp-empty i{display:block;font-size:48px;font-style:normal;margin-bottom:10px}.vtp-projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.vtp-project-card{min-height:250px;display:flex;flex-direction:column}.vtp-project-card h3{font-size:18px}.vtp-project-card p{color:var(--muted);font-size:14px;line-height:1.55;flex:1}.vtp-progress{height:7px;border-radius:99px;background:#ece8f1;overflow:hidden;margin:12px 0}.vtp-progress span{display:block;height:100%;background:linear-gradient(90deg,#6b32dc,#a168c2);border-radius:inherit}.vtp-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.vtp-board{display:grid;grid-template-columns:repeat(4,minmax(240px,1fr));gap:14px;overflow:auto}.vtp-column{background:#faf8fd;border:1px solid var(--line);border-radius:16px;padding:13px}.vtp-column h3{display:flex;justify-content:space-between}.vtp-task{background:#fff;border:1px solid #ebe4f2;border-radius:12px;padding:14px;margin:10px 0;box-shadow:0 7px 18px rgba(45,24,75,.04)}.vtp-task h4{margin:0 0 7px}.vtp-task p{margin:0 0 12px;color:var(--muted);font-size:12px}.vtp-task-foot{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.vtp-priority{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:5px;background:var(--amber)}.vtp-priority.high{background:#ec5e5e}.vtp-priority.low{background:#43b98b}.vtp-feed{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px}.vtp-compose textarea,.vtp-field input,.vtp-field textarea,.vtp-field select{width:100%;border:1px solid #dcd1eb;border-radius:10px;padding:11px 12px;background:#fff;color:var(--ink);outline:none}.vtp-compose textarea:focus,.vtp-field input:focus,.vtp-field textarea:focus,.vtp-field select:focus{border-color:#8e58d2;box-shadow:0 0 0 3px rgba(96,51,141,.08)}.vtp-post{display:grid;grid-template-columns:46px 1fr;gap:12px}.vtp-post img{width:44px;height:44px;border-radius:50%}.vtp-post h4{margin:0}.vtp-post time{color:var(--muted);font-size:12px;margin-left:8px}.vtp-post p{white-space:pre-wrap;line-height:1.55}.vtp-calendar{display:grid;grid-template-columns:repeat(7,1fr);border:1px solid var(--line);border-radius:15px;overflow:hidden}.vtp-day{min-height:108px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:8px}.vtp-day:nth-child(7n){border-right:0}.vtp-day b{font-size:12px}.vtp-event{display:block;margin-top:6px;padding:4px 6px;border-radius:5px;background:#ede4fb;color:#5b249f;font-size:10px;font-weight:700}.vtp-leave-layout{display:grid;grid-template-columns:1.35fr .65fr;gap:18px}.vtp-form{display:grid;gap:14px}.vtp-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.vtp-field label{display:block;font-size:12px;font-weight:700;margin-bottom:6px}.vtp-alert{padding:11px 13px;border-radius:10px;background:#eaf8f1;color:#197650;margin-bottom:14px}.vtp-alert.error{background:#fff0f1;color:#a93642}.vtp-drawer{position:fixed;inset:0;background:rgba(20,13,35,.2);z-index:1000000;display:none;justify-content:flex-end}.vtp-drawer.open{display:flex}.vtp-drawer-panel{width:min(460px,100%);height:100%;background:#fff;padding:26px;box-shadow:-20px 0 50px rgba(25,12,40,.15);overflow:auto}.vtp-drawer-close{float:right;border:0;background:none;font-size:28px;color:#665d7c}.vtp-drawer h2{font-family:Manrope,sans-serif;font-size:26px;margin:0 0 6px}.vtp-drawer .vtp-form{margin-top:22px}.vtp-toast{position:fixed;right:30px;bottom:30px;padding:13px 18px;border-radius:11px;background:#20152f;color:#fff;box-shadow:var(--shadow);z-index:1000002;transform:translateY(30px);opacity:0;pointer-events:none;transition:.2s}.vtp-toast.show{transform:none;opacity:1}.vtp-loader{height:60vh;display:grid;place-content:center;text-align:center;color:var(--muted)}.vtp-loader span{width:42px;height:42px;border-radius:50%;border:3px solid #e9e1f1;border-top-color:#6c2cbd;animation:vtp-spin .8s linear infinite;margin:auto}@keyframes vtp-spin{to{transform:rotate(360deg)}}
.vtp-login-page{position:fixed;inset:0;z-index:999999;background:#fff;overflow:auto;min-height:100vh}.vtp-login-head{height:110px;display:flex;align-items:center;justify-content:space-between;padding:24px 4.5vw;position:relative;z-index:2}.vtp-login-head .vtp-logo-image{width:255px;height:80px;background-size:280% auto;background-position:center 58%}.vtp-login-grid{min-height:calc(100vh - 110px);display:grid;grid-template-columns:1.08fr .92fr;gap:5vw;align-items:center;padding:20px 5vw 8vh;position:relative;z-index:2}.vtp-login-intro{max-width:740px}.vtp-eyebrow{font-size:14px!important;font-weight:800;letter-spacing:.24em;color:#5d24a6!important}.vtp-login-intro h1{font-family:Manrope,sans-serif;font-size:clamp(56px,6vw,98px);line-height:1.02;letter-spacing:-.055em;margin:25px 0}.vtp-login-intro h1 span{background:linear-gradient(90deg,#5d2aa3,#a968c0,#e1725b);-webkit-background-clip:text;background-clip:text;color:transparent}.vtp-login-intro>p:last-child{font-size:20px;color:var(--muted);line-height:1.6;max-width:610px}.vtp-login-card{width:min(560px,100%);justify-self:end;border:1px solid #d6c3ea;border-radius:20px;padding:54px;box-shadow:var(--shadow);background:rgba(255,255,255,.93)}.vtp-login-card h2{font-family:Manrope,sans-serif;font-size:38px;letter-spacing:-.03em;margin:0 0 5px}.vtp-login-card>p{color:var(--muted);font-size:17px;margin:0 0 28px}.vtp-login-card label{display:block;font-weight:700;margin:15px 0 7px}.vtp-login-card input[type=text],.vtp-login-card input[type=password]{width:100%;border:1px solid #dcd1eb;border-radius:10px;padding:14px}.vtp-login-card .login-remember label{display:flex;gap:9px;align-items:center;font-weight:500}.vtp-login-card .login-submit input{width:100%;border:0;border-radius:10px;padding:15px;color:#fff;font-weight:800;background:linear-gradient(90deg,#60338d,#7f2fc5)}.vtp-forgot{display:block;text-align:right;margin-top:-53px;margin-bottom:40px;color:#5c22b7;text-decoration:none;font-weight:700}.vtp-login-note{text-align:center;border-top:1px solid var(--line);padding-top:24px;color:var(--muted)}.vtp-orbit{position:absolute;border:2px solid rgba(146,87,205,.2);border-radius:50%;pointer-events:none}.vtp-orbit-login{width:780px;height:780px;left:42%;top:-60px;box-shadow:0 0 0 80px rgba(210,182,212,.06)}
@media(max-width:1100px){.vtp-app{grid-template-columns:84px 1fr}.vtp-brand .vtp-logo-image{width:50px;background-size:900% auto;background-position:37% 58%}.vtp-sidebar nav a{justify-content:center;padding:12px}.vtp-sidebar nav a span{display:none}.vtp-grid.four{grid-template-columns:repeat(2,1fr)}.vtp-dashboard-layout{grid-template-columns:1fr 1fr}.vtp-dashboard-layout>.vtp-card:first-child{grid-column:1/-1}.vtp-projects{grid-template-columns:repeat(2,1fr)}.vtp-login-grid{grid-template-columns:1fr;padding-top:0}.vtp-login-intro{text-align:center;margin:auto}.vtp-login-card{justify-self:center}.vtp-orbit-login{left:30%}}
@media(max-width:720px){.vtp-app{grid-template-columns:1fr;grid-template-rows:1fr 66px}.vtp-sidebar{grid-row:2;position:fixed;bottom:0;left:0;right:0;height:66px;border-right:0;border-top:1px solid var(--line);padding:6px;background:#fff;z-index:20;overflow-x:auto}.vtp-brand{display:none}.vtp-sidebar nav{display:flex;min-width:max-content}.vtp-sidebar nav a{padding:8px 13px}.vtp-sidebar nav a:nth-child(n+7){display:none}.vtp-main{grid-row:1;height:calc(100vh - 66px)}.vtp-topbar{height:70px;padding:10px 16px}.vtp-search{width:42px;border:0;padding:0}.vtp-search input{display:none}.vtp-user-menu span,.vtp-user-menu i,.vtp-language{display:none}.vtp-view{padding:22px 15px 35px}.vtp-page-head{display:block}.vtp-head-actions{margin-top:16px}.vtp-grid.four,.vtp-grid.three,.vtp-grid.two,.vtp-dashboard-layout,.vtp-projects,.vtp-feed,.vtp-leave-layout{grid-template-columns:1fr}.vtp-board{grid-template-columns:repeat(4,86vw)}.vtp-form-row{grid-template-columns:1fr}.vtp-page-head h1{font-size:40px}.vtp-login-head{height:88px;padding:15px 22px}.vtp-login-head .vtp-logo-image{width:190px;height:64px}.vtp-login-grid{padding:20px 20px 50px}.vtp-login-intro h1{font-size:52px}.vtp-login-intro>p:last-child{font-size:17px}.vtp-login-card{padding:30px 24px}.vtp-orbit-login{width:500px;height:500px;left:20%;top:120px}.vtp-table{display:block;overflow-x:auto}}