:root{--brand-primary:#411578;--brand-secondary:#8367c7;--brand-cyan:#23add1;--brand-yellow:#ffc300;--brand-white:#fff;--bg-main:#f8fafc;--bg-card:#fff;--text-main:#0f172a;--text-muted:#475569;--border-color:#e2e8f0;--success:#10b981;--success-bg:#10b98114;--warning:#f59e0b;--warning-bg:#f59e0b14;--danger:#ef4444;--danger-bg:#ef444414;--info:var(--brand-cyan);--info-bg:#35b0e414;--primary-gradient:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));--surface-gradient:linear-gradient(180deg,#fffc 0%,#fffffff2 100%);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000008,0 2px 4px -1px #00000005;--shadow-lg:0 10px 15px -3px #0f172a0f,0 4px 6px -2px #0f172a08;--shadow-brand:0 10px 20px -5px #41157826;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1.25rem;--transition:all .2s cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body{background-color:var(--bg-main);color:var(--text-main);overflow-x:hidden}.app-container{height:100vh;padding-left:80px;display:flex}.sidebar{border-right:1px solid var(--border-color);z-index:50;width:80px;transition:var(--transition);white-space:nowrap;background-color:#fff;flex-direction:column;padding:1.5rem .6rem;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden;box-shadow:1px 0 10px #00000005}.sidebar:hover{width:280px;padding:1.5rem 1rem;box-shadow:4px 0 25px #0f172a14}.logo-container{align-items:center;gap:1rem;margin-bottom:2.5rem;padding-left:.5rem;display:flex}.logo-text{color:var(--brand-primary);letter-spacing:-.01em;opacity:0;text-transform:uppercase;font-size:1.1rem;font-weight:700;transition:opacity .15s}.sidebar:hover .logo-text{opacity:1}.nav-menu{flex-direction:column;flex:1;gap:.4rem;display:flex}.nav-item{color:var(--text-muted);border-radius:var(--radius-md);transition:var(--transition);align-items:center;gap:1rem;padding:.75rem .8rem;font-size:.9rem;font-weight:500;text-decoration:none;display:flex}.nav-item i{text-align:center;min-width:32px;transition:var(--transition);font-size:1.4rem}.nav-item span:not(.badge){opacity:0;transition:opacity .15s}.sidebar:hover .nav-item span:not(.badge){opacity:1}.nav-item:hover{background-color:var(--success-bg);color:var(--brand-primary)}.nav-item:hover i{transform:scale(1.1)}.nav-item.active{background-color:var(--brand-primary);color:#fff;box-shadow:var(--shadow-brand)}.nav-item.active i{color:#fff}.badge{background-color:var(--brand-cyan);color:#fff;opacity:0;border-radius:6px;margin-left:auto;padding:.1rem .5rem;font-size:.7rem;font-weight:700;transition:opacity .2s}.sidebar:hover .badge{opacity:1}.nav-divider{background-color:var(--border-color);height:1px;margin:1rem .5rem}.user-profile{border-top:1px solid var(--border-color);border-radius:var(--radius-lg);transition:var(--transition);align-items:center;gap:1rem;padding:1rem .5rem;display:flex}.sidebar:hover .user-profile{background-color:var(--bg-main)}.avatar{object-fit:cover;border:2px solid var(--brand-primary);border-radius:50%;width:36px;min-width:36px;height:36px}.user-info{opacity:0;flex-direction:column;transition:opacity .2s;display:flex}.sidebar:hover .user-info{opacity:1;transition-delay:.1s}.user-name{color:var(--text-main);font-size:.9rem;font-weight:600}.user-role{color:var(--text-muted);font-size:.75rem}.main-content{flex-direction:column;flex:1;max-width:calc(100vw - 80px);display:flex;overflow:hidden auto}.topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:9;border-bottom:1px solid var(--border-color);background-color:#ffffffe6;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex;position:sticky;top:0}.search-bar{background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:400px;transition:var(--transition);align-items:center;padding:.5rem 1rem;display:flex}.search-bar:focus-within{border-color:var(--brand-primary);box-shadow:var(--shadow-glow);background-color:var(--brand-white)}.search-bar i{color:var(--text-muted);margin-right:.5rem;font-size:1.25rem}.search-bar input{color:var(--text-main);background:0 0;border:none;outline:none;width:100%;font-size:.9rem}.topbar-actions{align-items:center;gap:1rem;display:flex}.btn{border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-family:inherit;font-size:.9rem;font-weight:500;display:inline-flex}.btn-icon{color:var(--text-muted);background:0 0;border-radius:50%;padding:.5rem;font-size:1.5rem;position:relative}.btn-icon:hover{color:var(--brand-primary);background-color:#4115780d}.indicator{background-color:var(--danger);border:2px solid var(--brand-white);border-radius:50%;width:8px;height:8px;position:absolute;top:6px;right:8px}.btn-primary{background:var(--brand-primary);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{background:var(--primary-gradient);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-outline{border:1px solid var(--brand-primary);color:var(--brand-primary);background:0 0}.btn-outline:hover{background-color:#4115780d}.full-width{width:100%}.mt-1{margin-top:1rem}.dashboard-content{padding:2rem}.welcome-section{margin-bottom:2rem}.welcome-section h1{color:var(--text-main);margin-bottom:.5rem;font-size:1.8rem;font-weight:700}.welcome-sect.highlight{background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.welcome-section p{color:var(--text-muted)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.stat-card{background:var(--brand-white);border:1px solid var(--border-color);border-radius:var(--radius-xl);transition:var(--transition);box-shadow:var(--shadow-sm);flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.stat-card:hover{box-shadow:var(--shadow-lg);border-color:#41157833;transform:translateY(-5px)}.stat-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.stat-icon.purple{color:var(--brand-primary);background-color:#4115781a}.stat-icon.blue{color:var(--brand-cyan);background-color:#23add11a}.stat-icon.green{color:#10b981;background-color:#10b9811a}.stat-icon.orange{color:#d4a000;background-color:#ffc30033}.stat-info h3{color:var(--text-muted);margin-bottom:.25rem;font-size:.9rem;font-weight:500}.stat-info h2{color:var(--text-main);margin-bottom:.5rem;font-size:1.8rem;font-weight:800}.trend{align-items:center;gap:.25rem;font-size:.8rem;font-weight:600;display:flex}.trend.positive{color:var(--success)}.trend.negative{color:var(--danger)}.trend.neutral{color:var(--text-muted)}.content-grid{grid-template-columns:2fr 1fr;gap:1.5rem;display:grid}.section-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.section-header h2{color:var(--text-main);font-size:1.25rem;font-weight:700}.view-all{color:var(--brand-primary);font-size:.9rem;font-weight:600;text-decoration:none}.view-all:hover{text-decoration:underline}.recent-clients,.incoming-messages{background-color:var(--brand-white);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:1.5rem}.table-container{overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%}.data-table th{color:var(--text-muted);border-bottom:1px solid var(--border-color);padding:1rem;font-size:.85rem;font-weight:600}.data-table td{border-bottom:1px solid var(--border-color);vertical-align:middle;padding:1rem}.data-table tr:hover{background-color:var(--bg-main)}.data-table tr:last-child td{border-bottom:none}.client-cell{align-items:center;gap:.75rem;display:flex}.avatar-small{object-fit:cover;border-radius:50%;width:36px;height:36px}.client-name{color:var(--text-main);font-size:.9rem;font-weight:600;display:block}.client-email{color:var(--text-muted);font-size:.75rem;display:block}.status-badge{border-radius:999px;padding:.35rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.status-badge.processing{background-color:var(--info-bg);color:#12799a;border:1px solid #23add133}.status-badge.pending{background-color:var(--warning-bg);color:#b28800;border:1px solid #ffc30033}.status-badge.approved{background-color:var(--success-bg);color:#047857;border:1px solid #10b98133}.status-badge.rejected{background-color:var(--danger-bg);color:#b91c1c;border:1px solid #ef444433}.messages-list{flex-direction:column;gap:1rem;display:flex}.message-card{border-radius:var(--radius-md);background-color:var(--brand-white);border:1px solid var(--border-color);transition:var(--transition);cursor:pointer;gap:1rem;padding:1rem;display:flex}.message-card:hover{background-color:var(--bg-main)}.message-card.unread{background:linear-gradient(90deg,#41157808,#0000);border-color:#4115784d}.msg-head{justify-content:space-between;margin-bottom:.25rem;display:flex}.msg-head h4{color:var(--text-main);font-size:.9rem;font-weight:700}.msg-head .time{color:var(--brand-primary);font-size:.75rem;font-weight:600}.msg-content p{color:var(--text-muted);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:.8rem;line-height:1.4;display:-webkit-box;overflow:hidden}.message-card.unread .msg-content p{color:var(--text-main);font-weight:600}@media (max-width:1024px){.content-grid{grid-template-columns:1fr}}@media (max-width:768px){.sidebar{height:100vh;position:fixed;left:-100%}.stats-grid{grid-template-columns:1fr}}.select-wrapper{width:100%;position:relative}.select-wrapper:after{content:"▾";pointer-events:none;color:#64748b;font-size:1.2rem;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.premium-select{appearance:none;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:10px;width:100%;padding:1rem;font-size:1rem;transition:all .2s;box-shadow:0 1px 2px #0000000d}.premium-select:focus{border-color:var(--brand-primary);outline:none;box-shadow:0 0 0 3px #4115781a}.premium-input{border:1px solid #cbd5e1;border-radius:10px;width:100%;padding:1rem;font-size:1rem;transition:all .2s;box-shadow:0 1px 2px #0000000d}.premium-input:focus{border-color:var(--brand-primary);outline:none;box-shadow:0 0 0 3px #4115781a}.smartform-layout{flex-direction:row;align-items:flex-start;gap:2rem;display:flex}.smartform-sidebar{flex-direction:column;flex-shrink:0;gap:.4rem;width:280px;display:flex;position:sticky;top:6rem}.smartform-content{min-width:0;box-shadow:var(--shadow-lg);background-color:#fff;border-radius:16px;flex:1;padding:2.5rem;position:relative}@media (max-width:768px){.smartform-layout{flex-direction:column;gap:1.5rem}.smartform-sidebar{scrollbar-width:none;-ms-overflow-style:none;flex-direction:row;width:100%;padding-bottom:.5rem;position:static;overflow-x:auto}.smartform-sidebar::-webkit-scrollbar{display:none}.smartform-sidebar button{white-space:nowrap;flex-shrink:0;font-size:.85rem;text-align:center!important;padding:.5rem 1rem!important}.smartform-content{border-radius:12px;padding:1.5rem}}