@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--bg-base:#f4f7fe;--bg-surface:#fff;--bg-sidebar:#fff;--bg-hover:#f8fafc;--border-subtle:#e2e8f0;--text-primary:#1e293b;--text-secondary:#64748b;--accent-blue:#4318ff;--accent-purple:#868cff;--accent-gradient:linear-gradient(135deg, var(--accent-blue) 0%, var(--accent-purple) 100%);--success:#05cd99;--warning:#ffce20;--shadow-sm:0 2px 5px #7090b014;--shadow-md:0 14px 24px #7090b026;--shadow-colored:0 10px 20px #4318ff40;--radius-sm:8px;--radius-md:16px;--radius-lg:20px;--radius-xl:24px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Outfit,sans-serif;overflow:hidden}.layout{gap:20px;height:100vh;padding:40px 16px 16px;display:flex}.sidebar{background:var(--bg-sidebar);border-radius:var(--radius-xl);width:280px;box-shadow:var(--shadow-sm);flex-direction:column;padding:20px 24px;display:flex}.main-content{border-radius:var(--radius-xl);flex:1;padding:0 16px 20px;overflow-y:auto}h1{color:var(--text-primary);letter-spacing:-.02em;font-size:2.2rem;font-weight:700}.subtitle{color:var(--text-secondary);margin-top:4px;font-size:1rem;font-weight:400}.nav-item{color:var(--text-secondary);border-radius:var(--radius-md);align-items:center;gap:16px;margin-bottom:4px;padding:10px 16px;font-size:1.05rem;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.nav-item:hover{background:var(--bg-hover);color:var(--accent-blue);transform:translate(4px)}.nav-item.active{background:var(--accent-blue);color:#fff;box-shadow:var(--shadow-colored)}.nav-item.active svg{color:#fff}.welcome-banner{background:var(--accent-gradient);border-radius:var(--radius-lg);color:#fff;box-shadow:var(--shadow-colored);margin-bottom:32px;padding:32px;position:relative;overflow:hidden}.welcome-banner:after{content:"";background:#ffffff1a;border-radius:50%;width:250px;height:250px;position:absolute;top:-50px;right:-50px}.welcome-banner h1{color:#fff}.welcome-banner .subtitle{color:#ffffffe6}.card-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:32px;display:grid}.card{background:var(--bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid #0000;align-items:center;gap:20px;padding:24px;transition:all .3s;display:flex}.card:hover{box-shadow:var(--shadow-md);border-color:#4318ff1a;transform:translateY(-5px)}.card-icon-wrapper{border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.card-icon-blue{color:var(--accent-blue);background:#4318ff1a}.card-icon-green{color:var(--success);background:#05cd991a}.card-icon-purple{color:var(--accent-purple);background:#868cff1a}.card-title{color:var(--text-secondary);margin-bottom:4px;font-size:.9rem;font-weight:500}.card-value{color:var(--text-primary);font-size:1.8rem;font-weight:700}.panel{background:var(--bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:32px}.btn-primary{background:var(--bg-surface);color:var(--accent-blue);border-radius:var(--radius-md);cursor:pointer;border:none;align-items:center;gap:10px;padding:12px 24px;font-size:1rem;font-weight:700;transition:all .3s;display:flex;box-shadow:0 4px 10px #0000001a}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000026}.titlebar-drag-region{-webkit-app-region:drag;z-index:9999;height:36px;color:var(--text-primary);background:0 0;align-items:center;padding:0 24px;font-size:.8rem;font-weight:600;display:flex;position:fixed;top:0;left:0;right:0}.no-drag{-webkit-app-region:no-drag}.input-field{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background-color:var(--bg-surface);width:100%;color:var(--text-primary);outline:none;padding:14px 16px;font-family:inherit;font-size:1.05rem;transition:all .2s;box-shadow:0 1px 2px #00000005}.input-field:hover{border-color:#cbd5e1}.input-field:focus{border-color:var(--accent-blue);box-shadow:0 0 0 4px #4318ff1a}.input-field::placeholder{color:var(--text-secondary);opacity:.6}select.input-field{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 16px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}