:root,[data-theme=dark]{--vo-shared-bg-base:#0f172a;--vo-shared-bg-gradient:radial-gradient(circle at 50% 0%, #1e293b, #0f172a);--vo-shared-glass-bg:rgba(30, 41, 59, 0.7);--vo-shared-glass-border:rgba(255, 255, 255, 0.08);--vo-shared-glass-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1),0 2px 4px -1px rgba(0, 0, 0, 0.06);--vo-shared-glass-hover:rgba(30, 41, 59, 0.9);--vo-shared-text-main:#f8fafc;--vo-shared-text-secondary:#94a3b8;--vo-shared-text-tertiary:#64748b;--vo-shared-input-bg:rgba(0, 0, 0, 0.2);--vo-shared-primary:#3b82f6;--vo-shared-accent:#f97316}[data-theme=light]{--vo-shared-bg-base:#f8fafc;--vo-shared-bg-gradient:linear-gradient(135deg, #f1f5f9 0%, #f8fafc 100%);--vo-shared-glass-bg:rgba(255, 255, 255, 0.8);--vo-shared-glass-border:rgba(0, 0, 0, 0.08);--vo-shared-glass-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.05),0 2px 4px -1px rgba(0, 0, 0, 0.03);--vo-shared-glass-hover:rgba(255, 255, 255, 0.95);--vo-shared-text-main:#0f172a;--vo-shared-text-secondary:#475569;--vo-shared-text-tertiary:#64748b;--vo-shared-input-bg:rgba(0, 0, 0, 0.05);--vo-shared-primary:#2563eb;--vo-shared-accent:#f97316}#vo-shared-dashboard{background:var(--vo-shared-bg-base);background-image:var(--vo-shared-bg-gradient);position:fixed;inset:0;z-index:99999;overflow-y:auto;color:var(--vo-shared-text-main);font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}#vo-shared-dashboard *{box-sizing:border-box}.vo-shared-topbar{position:sticky;top:0;z-index:100;height:72px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;background:rgba(15,23,42,.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--vo-shared-glass-border)}.vo-shared-brand{display:flex;align-items:center;gap:16px}.vo-shared-logo-text{font-size:20px;font-weight:700;letter-spacing:-.02em;color:var(--vo-shared-text-main)}.vo-shared-logo-dot{color:var(--vo-shared-accent)}.vo-shared-divider{width:1px;height:20px;background:var(--vo-shared-glass-border)}.vo-shared-page-title{font-size:14px;font-weight:500;color:var(--vo-shared-text-secondary);text-transform:uppercase;letter-spacing:.05em}.vo-shared-user-menu{display:flex;align-items:center;gap:20px}.vo-shared-user-info{display:flex;align-items:center;gap:12px}.vo-shared-user-name{font-size:14px;font-weight:500;color:var(--vo-shared-text-main);display:none}@media (min-width:640px){.vo-shared-user-name{display:block}}.vo-shared-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--vo-shared-primary),#2563eb);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;box-shadow:0 2px 8px rgba(59,130,246,.3);border:2px solid rgba(255,255,255,.1)}.vo-shared-logout-btn{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:8px;color:var(--vo-shared-text-secondary);transition:all .2s;background:rgba(255,255,255,.03)}.vo-shared-logout-btn:hover{background:rgba(255,255,255,.1);color:#fff}.vo-shared-container{max-width:1280px;margin:0 auto;padding:48px 32px}.vo-shared-banner{background:linear-gradient(135deg,#3730a3 0,#7c3aed 100%);border-radius:16px;padding:2px;position:relative;overflow:hidden;margin-bottom:48px;box-shadow:0 20px 25px -5px rgba(124,58,237,.15),0 8px 10px -6px rgba(124,58,237,.1)}.vo-shared-banner-inner{background:rgba(0,0,0,.2);border-radius:14px;padding:32px 40px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px;backdrop-filter:blur(0px)}.vo-shared-banner::before{content:'';position:absolute;top:-50px;right:-50px;width:200px;height:200px;background:radial-gradient(circle,rgba(255,255,255,.1) 0,transparent 70%);border-radius:50%}.vo-shared-banner-text h3{font-size:22px;font-weight:700;margin:0 0 8px 0;color:#fff}.vo-shared-banner-text p{margin:0;color:#e0e7ff;font-size:15px;max-width:500px;line-height:1.5}.vo-shared-banner-btn{background:#fff;color:#4f46e5;padding:12px 24px;border-radius:10px;text-decoration:none;font-weight:600;font-size:14px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transition:transform .2s,box-shadow .2s}.vo-shared-banner-btn:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0,0,0,.2)}.vo-shared-section-header{margin-bottom:24px;display:flex;align-items:center;justify-content:space-between}.vo-shared-title{font-size:20px;font-weight:600;color:#fff;letter-spacing:-.01em}.vo-shared-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px}.vo-shared-card{background:var(--vo-shared-glass-bg);border:1px solid var(--vo-shared-glass-border);border-radius:16px;padding:24px;position:relative;transition:all .3s cubic-bezier(.4, 0, .2, 1);cursor:pointer;overflow:hidden;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.vo-shared-card:hover{background:var(--vo-shared-glass-hover);transform:translateY(-4px);box-shadow:0 20px 25px -5px rgba(0,0,0,.2),0 8px 10px -6px rgba(0,0,0,.2);border-color:rgba(255,255,255,.15)}.vo-shared-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.vo-shared-card-title{font-size:17px;font-weight:600;color:#fff;margin:0;line-height:1.4;padding-right:12px}.vo-shared-status{font-size:11px;font-weight:700;text-transform:uppercase;padding:4px 10px;border-radius:20px;letter-spacing:.05em;white-space:nowrap}.vo-status-active{background:rgba(34,197,94,.15);color:#4ade80;border:1px solid rgba(34,197,94,.2);box-shadow:0 0 10px rgba(34,197,94,.1)}.vo-status-planning{background:rgba(99,102,241,.15);color:#818cf8;border:1px solid rgba(99,102,241,.2)}.vo-status-completed{background:rgba(16,185,129,.15);color:#34d399;border:1px solid rgba(16,185,129,.2)}.vo-status-on_hold{background:rgba(245,158,11,.15);color:#fbbf24;border:1px solid rgba(245,158,11,.2)}.vo-shared-company{display:inline-flex;align-items:center;background:rgba(59,130,246,.1);color:#93c5fd;font-size:12px;font-weight:500;padding:6px 12px;border-radius:8px;margin-bottom:24px;border:1px solid rgba(59,130,246,.1)}.vo-shared-desc{color:var(--vo-shared-text-secondary);font-size:14px;line-height:1.6;margin-bottom:24px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.vo-shared-card-footer{display:flex;align-items:center;padding-top:16px;border-top:1px solid rgba(255,255,255,.05)}.vo-shared-icons{display:flex;gap:12px}.vo-shared-icon{width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.03);color:var(--vo-shared-text-tertiary);display:flex;align-items:center;justify-content:center;transition:all .2s}.vo-shared-icon svg{width:16px;height:16px;fill:currentColor}.vo-shared-card:hover .vo-shared-icon{background:rgba(255,255,255,.08);color:var(--vo-shared-text-secondary)}.vo-shared-back-link{display:inline-flex;align-items:center;gap:8px;color:var(--vo-shared-text-secondary);text-decoration:none;font-size:14px;font-weight:500;padding:8px 16px;background:rgba(255,255,255,.03);border-radius:8px;margin-bottom:32px;border:1px solid transparent;transition:all .2s;cursor:pointer}.vo-shared-back-link:hover{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.1)}.vo-loader-area{padding:60px;text-align:center;color:var(--vo-shared-text-secondary)}.vo-spinner-blue{width:32px;height:32px;border:3px solid rgba(59,130,246,.1);border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:640px){.vo-shared-container{padding:24px 16px}.vo-shared-topbar{padding:0 16px}.vo-shared-brand{gap:8px}.vo-shared-logo-text{font-size:16px}.vo-shared-page-title{font-size:12px}.vo-shared-banner-inner{padding:24px;flex-direction:column;align-items:flex-start}.vo-shared-banner-text h3{font-size:20px}.vo-shared-banner-text p{font-size:14px}.vo-shared-banner-btn{width:100%;text-align:center}.vo-shared-grid{grid-template-columns:1fr}.vo-shared-user-menu{gap:12px}}[data-theme=light] .vo-shared-topbar{background:rgba(255,255,255,.8);border-bottom:1px solid var(--vo-shared-glass-border)}[data-theme=light] .vo-comment-author,[data-theme=light] .vo-file-name,[data-theme=light] .vo-shared-card-title,[data-theme=light] .vo-shared-title{color:var(--vo-shared-text-main)}[data-theme=light] .vo-shared-back-link,[data-theme=light] .vo-shared-file-item,[data-theme=light] .vo-shared-icon,[data-theme=light] .vo-shared-logout-btn,[data-theme=light] .vo-theme-toggle{background:rgba(0,0,0,.03);color:var(--vo-shared-text-secondary)}[data-theme=light] .vo-shared-back-link:hover,[data-theme=light] .vo-shared-file-item:hover,[data-theme=light] .vo-shared-icon:hover,[data-theme=light] .vo-shared-logout-btn:hover,[data-theme=light] .vo-theme-toggle:hover{background:rgba(0,0,0,.08);color:var(--vo-shared-text-main)}[data-theme=light] .vo-file-download:hover{background:rgba(0,0,0,.08);color:var(--vo-shared-text-main)}[data-theme=light] .vo-comment-content{background:rgba(0,0,0,.03)}[data-theme=light] .vo-shared-card:hover{border-color:rgba(0,0,0,.15);box-shadow:0 10px 15px -3px rgba(0,0,0,.05),0 4px 6px -2px rgba(0,0,0,.025)}[data-theme=light] .vo-shared-card-footer{border-top:1px solid rgba(0,0,0,.05)}[data-theme=light] .vo-shared-file-item{border-bottom:1px solid rgba(0,0,0,.05)}.vo-shared-file-item{display:flex;align-items:center;padding:16px;background:rgba(255,255,255,.03);border-bottom:1px solid rgba(255,255,255,.05);transition:background .2s}.vo-shared-file-item:last-child{border-bottom:none}.vo-shared-file-item:hover{background:rgba(255,255,255,.06)}.vo-file-icon{width:40px;height:40px;background:rgba(59,130,246,.1);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#60a5fa;margin-right:16px;font-size:20px}.vo-file-info{flex:1}.vo-file-name{color:#f1f5f9;font-weight:500;font-size:14px;display:block;margin-bottom:4px}.vo-file-meta{color:#94a3b8;font-size:12px}.vo-file-download{color:var(--vo-shared-text-secondary);padding:8px;border-radius:6px;transition:all .2s}.vo-file-download:hover{background:rgba(255,255,255,.1);color:#fff}.vo-shared-comments-area{display:flex;flex-direction:column;gap:16px;max-height:500px;overflow-y:auto;padding-right:8px}.vo-comment-item{display:flex;gap:12px}.vo-comment-avatar{width:32px;height:32px;border-radius:50%;background:#475569;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#fff}.vo-comment-content{background:rgba(255,255,255,.05);padding:12px 16px;border-radius:0 12px 12px 12px;flex:1}.vo-comment-header{display:flex;justify-content:space-between;margin-bottom:4px;font-size:12px}.vo-comment-author{font-weight:600;color:#e2e8f0}.vo-comment-date{color:#64748b}.vo-comment-body{color:#cbd5e1;font-size:14px;line-height:1.5;white-space:pre-wrap}