.dashboard-main{background:#f8fafc;min-height:100vh}.vd-dashboard{padding:16px 32px}.vd-hero{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background:linear-gradient(135deg,#ede9fe,#e0d9fb 50%,#d6ccfa);border-radius:16px;padding:16px 28px;margin-bottom:16px;-webkit-box-shadow:0 4px 20px rgba(83,74,183,.12);box-shadow:0 4px 20px rgba(83,74,183,.12)}.vd-hero,.vd-hero-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.vd-hero-content{gap:16px}.vd-hero-icon{width:52px;height:52px;border-radius:14px;background:rgba(83,74,183,.12);backdrop-filter:blur(8px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0}.vd-hero-title{font-size:1.4rem;font-weight:700;color:#1e293b;margin:0;letter-spacing:-.02em}.vd-hero-sub{font-size:.82rem;color:#64748b;margin-top:2px;text-transform:capitalize}.vd-hero-right{gap:10px;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.vd-hero-pill,.vd-hero-right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.vd-hero-pill{background:rgba(83,74,183,.1);padding:6px 14px;border-radius:8px;font-size:.74rem;color:#475569;font-weight:500}.vd-hero-pill strong{color:#1e293b;font-weight:700;margin-right:3px}.vd-hero-logout{background:#ef4444!important;-webkit-box-shadow:0 2px 8px rgba(239,68,68,.35)!important;box-shadow:0 2px 8px rgba(239,68,68,.35)!important;border-radius:8px!important;text-transform:none!important;font-weight:600!important;letter-spacing:0;font-size:.74rem!important}.vd-hero-logout:hover{background:#dc2626!important}.vd-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.vd-kpi{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:14px;background:#fff;border-radius:14px;border:1px solid #f1f5f9;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.03);box-shadow:0 1px 4px rgba(0,0,0,.03);padding:12px 16px;-webkit-transition:all .2s ease;transition:all .2s ease}.vd-kpi:hover{border-color:#e2e8f0;-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 6px 20px rgba(0,0,0,.07);box-shadow:0 6px 20px rgba(0,0,0,.07)}.vd-kpi-icon{width:44px;height:44px;border-radius:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0}.vd-kpi-content{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.vd-kpi-value{font-family:SF Mono,Consolas,monospace;font-size:1.5rem;font-weight:800;line-height:1;letter-spacing:-.03em;color:#1e293b}.vd-kpi-label{font-size:.7rem;color:#94a3b8;margin-top:4px}.vd-kpi-trend{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:2px;font-size:.66rem;font-weight:700;padding:3px 7px;border-radius:6px;-ms-flex-negative:0;flex-shrink:0}.vd-kpi-trend.positive{background:#dcfce7;color:#15803d}.vd-kpi-trend.negative{background:#fee2e2;color:#b91c1c}.vd-section{margin-bottom:18px}.vd-section-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:.82rem;font-weight:700;color:#334155;text-transform:uppercase;letter-spacing:.04em;margin-bottom:10px;padding-left:4px}.vd-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.vd-card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:14px;padding:12px 16px;background:#fff;border-radius:12px;cursor:pointer;border:1px solid #f1f5f9;-webkit-transition:all .2s ease;transition:all .2s ease;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.04);box-shadow:0 1px 3px rgba(0,0,0,.04)}.vd-card:hover{border-color:#e2e8f0;-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 6px 16px rgba(0,0,0,.08);box-shadow:0 6px 16px rgba(0,0,0,.08)}.vd-card:hover .vd-card-arrow{color:#534ab7!important;-webkit-transform:translateX(2px);transform:translateX(2px)}.vd-card.is-soon{opacity:.78}.vd-card-icon{width:44px;height:44px;border-radius:12px;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.vd-card-body{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.vd-card-label{font-size:.85rem;font-weight:600;color:#1e293b;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.vd-card-desc{font-size:.7rem;color:#94a3b8;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vd-card-arrow{-ms-flex-negative:0;flex-shrink:0}.vd-card-arrow,.vd-stats-header{-webkit-transition:all .2s ease;transition:all .2s ease}.vd-stats-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:14px;background:#fff;border:1px solid #f1f5f9;border-bottom:none;border-radius:14px 14px 0 0;padding:16px 20px;cursor:pointer}.vd-stats-header:hover{-webkit-box-shadow:0 4px 14px rgba(0,0,0,.05);box-shadow:0 4px 14px rgba(0,0,0,.05)}.vd-stats-header:hover .vd-stats-header-arrow{color:#534ab7!important;-webkit-transform:translateX(3px);transform:translateX(3px)}.vd-stats-header-icon{width:44px;height:44px;border-radius:12px;background:#ede9fe;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0}.vd-stats-header-title{color:#1e293b;font-size:.95rem;font-weight:700}.vd-stats-header-sub{color:#94a3b8;font-size:.7rem;margin-top:1px}.vd-stats-header-arrow{-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.vd-stats-card{background:#fff;border:1px solid #f1f5f9;border-top:none;border-radius:0 0 14px 14px;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.03);box-shadow:0 1px 4px rgba(0,0,0,.03);overflow:hidden}.vd-stats-bar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:10px 14px;border-bottom:1px solid #f1f5f9;background:#fafbfc}.vd-stats-bar-title{font-size:.78rem;font-weight:600;color:#1e293b}.vd-total-pill{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#ecfdf5;border:1px solid #d1fae5;border-radius:6px;padding:3px 10px;margin-left:12px}.vd-total-label{font-size:.7rem;font-weight:500;color:#64748b;margin-right:4px}.vd-total-value{font-family:SF Mono,Consolas,monospace;font-size:.78rem;font-weight:700;color:#059669}.vd-stats-controls{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px}.vd-stats-select{max-width:130px}.vd-stats-select .v-input__slot{min-height:30px!important;background:#fff!important;font-size:.72rem}.vd-chart-wrapper{padding:10px 14px;min-height:280px}.vd-chart-wrapper .apexcharts-canvas{width:100%!important}.vd-chart-placeholder{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:280px;gap:10px}.vd-chart-placeholder span{font-size:.78rem;color:#94a3b8}.vd-calendar-section{position:sticky;top:20px}.vd-cal-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:14px;background:#fff;border:1px solid #f1f5f9;border-bottom:none;border-radius:14px 14px 0 0;padding:16px 20px;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.vd-cal-header:hover{-webkit-box-shadow:0 4px 14px rgba(0,0,0,.05);box-shadow:0 4px 14px rgba(0,0,0,.05)}.vd-cal-header:hover .vd-cal-header-arrow{color:#534ab7!important;-webkit-transform:translateX(3px);transform:translateX(3px)}.vd-cal-header-icon{width:44px;height:44px;border-radius:12px;background:#ede9fe;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0}.vd-cal-header-title{color:#1e293b;font-size:.95rem;font-weight:700}.vd-cal-header-sub{color:#94a3b8;font-size:.7rem;margin-top:1px}.vd-cal-header-arrow{-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.vd-cal-card{background:#fff;border:1px solid #f1f5f9;border-top:none;border-radius:0 0 14px 14px;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.03);box-shadow:0 1px 4px rgba(0,0,0,.03);overflow:hidden}.vd-cal-filters{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;padding:10px 14px;background:#fafbfc;border-bottom:1px solid #f1f5f9}.vd-filter-field{-webkit-box-flex:1;-ms-flex:1;flex:1}.vd-filter-field .v-input__slot{background:#fff!important;min-height:34px!important}.vd-filter-field .v-label{font-size:.74rem}.vd-cal-wrapper{padding:8px;height:405px}.vd-cal-wrapper .v-calendar{border-radius:8px!important;border:1px solid #f1f5f9;height:100%!important}.vd-modal{border-radius:16px!important;overflow:hidden}.vd-modal-header{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:18px 22px}.vd-modal-header,.vd-modal-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.vd-modal-icon{width:40px;height:40px;border-radius:11px;background:hsla(0,0%,100%,.2);backdrop-filter:blur(8px);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0}.vd-modal-title{color:#fff;font-size:1rem;font-weight:700}.vd-modal-sub{color:hsla(0,0%,100%,.8);font-size:.72rem;margin-top:1px}.vd-modal-body{padding:20px 22px!important}.vd-modal-footer{padding:14px 22px;background:#fafbfc;border-top:1px solid #f1f5f9}.vd-event-item,.vd-modal-footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.vd-event-item{gap:14px;padding:12px 14px;border-radius:12px;background:#f8fafc;border:1px solid #f1f5f9;margin-bottom:10px;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.vd-event-item:last-child{margin-bottom:0}.vd-event-item:hover{background:#f1f5f9;-webkit-transform:translateX(3px);transform:translateX(3px)}.vd-event-bar{width:6px;height:38px;border-radius:4px;-ms-flex-negative:0;flex-shrink:0}.vd-event-details{-webkit-box-flex:1;-ms-flex:1;flex:1}.vd-event-details .vd-event-title{display:block;font-size:.85rem;font-weight:600;color:#1e293b}.vd-event-details .vd-event-meta{-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:.72rem;color:#94a3b8;margin-top:3px}.vd-detail-card,.vd-event-details .vd-event-meta{display:-webkit-box;display:-ms-flexbox;display:flex}.vd-detail-card{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:16px;background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px}.vd-detail-content{-webkit-box-flex:1;-ms-flex:1;flex:1}.vd-detail-content .vd-detail-desc{font-size:.9rem;color:#1e293b;margin:0 0 8px 0}.vd-detail-content .vd-detail-meta{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:.78rem;color:#94a3b8}@media(max-width:1264px){.vd-calendar-section{position:relative;top:0;margin-top:28px}}@media(max-width:1200px){.vd-kpis{grid-template-columns:repeat(3,1fr)}}@media(max-width:960px){.vd-dashboard{padding:16px 20px}.vd-hero{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:16px}.vd-hero-right{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}}@media(max-width:600px){.vd-cards-grid,.vd-kpis{grid-template-columns:1fr}.vd-cal-wrapper{height:380px}}