:root{--bg-color: #000000;--card-bg: #0a0a0a;--sidebar-bg: #000000;--primary: #0ea5e9;--secondary: #f97316;--success: #22c55e;--danger: #ef4444;--warning: #f97316;--accent: #0ea5e9;--text-primary: #ffffff;--text-secondary: #a3a3a3;--border: #333333;--input-border: #333333;--input-bg: #000000;--card-shadow: none;--glass: none;--backdrop-blur: none;--chart-color-1: #ffffff;--chart-color-2: #0ea5e9;--gradient-primary: #0ea5e9;--gradient-secondary: #f97316}.light-mode{--bg-color: #ffffff;--card-bg: #ffffff;--sidebar-bg: #f8f9fa;--primary: #0284c7;--secondary: #ea580c;--success: #16a34a;--danger: #dc2626;--text-primary: #000000;--text-secondary: #525252;--border: #e5e5e5;--input-border: #d4d4d4;--input-bg: #ffffff;--card-shadow: 0 1px 2px rgba(0, 0, 0, .05);--chart-color-1: #1e293b;--chart-color-2: #0284c7;--gradient-primary: #0284c7;--gradient-secondary: #ea580c}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-color);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.glass-card{background:var(--card-bg);-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid var(--border);border-radius:1.5rem;box-shadow:var(--card-shadow);transition:transform .2s ease,box-shadow .2s ease;padding:2rem}.glass-card:hover{transform:translateY(-2px);border-color:var(--primary)}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,system-ui,-apple-system,sans-serif}body{background-color:var(--bg-color);color:var(--text-primary);overflow-x:hidden;transition:background-color .3s ease,color .3s ease}.app-container{display:flex;min-height:100vh;width:100%}.main-content{flex:1;padding:2.5rem;margin-left:260px;width:calc(100% - 260px);max-width:1600px;margin-right:auto;transition:all .3s ease}@media (max-width: 1200px){.main-content{padding:2rem}}@media (max-width: 768px){.main-content{margin-left:0;width:100%;padding:1.5rem}}body:not(.light-mode) .glass-card{box-shadow:none;background:var(--card-bg)}.logout-btn{position:relative;overflow:hidden}.logout-btn:active{transform:scale(.95)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-animation{animation:spin 1s linear infinite}.logout-btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ef444433;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s ease-out,height .6s ease-out}.logout-btn:active:after{width:200px;height:200px}@keyframes logout-pulse{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 10px #ef444400}to{box-shadow:0 0 #ef444400}}.logout-btn:hover{animation:logout-pulse 1.5s infinite}.light-mode .glass-card:hover{box-shadow:0 4px 12px #0000001a;border-color:var(--primary)}.btn{padding:.75rem 1.5rem;border-radius:1rem;border:none;cursor:pointer;font-weight:600;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem}.btn-primary{background:var(--gradient-primary);color:#000}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 16px #ff6b3580}.input-group{margin-bottom:1.5rem}.input-group label{display:block;margin-bottom:.5rem;color:var(--text-secondary);font-size:.875rem}input,select,textarea{width:100%;padding:1rem 1.25rem;background:var(--input-bg);border:1px solid var(--input-border);border-radius:1rem;color:var(--text-primary);font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--primary);background:var(--input-bg);box-shadow:0 0 0 3px #ff6b351a}.table-container{overflow-x:auto;margin-top:1.5rem}table{width:100%;border-collapse:collapse}th{text-align:left;padding:1rem;color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border)}td{padding:1rem;border-bottom:1px solid var(--border)}tr:hover{background:var(--glass)}.rain-canvas{opacity:1;transition:opacity 1.5s ease-in-out}.sun-container{opacity:0;pointer-events:none;transition:opacity 1.5s ease-in-out}.light-mode .rain-canvas{opacity:0!important;pointer-events:none}.light-mode .sun-container{display:block!important;opacity:1!important;pointer-events:none}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #0ea5e9b3}70%{transform:scale(1);box-shadow:0 0 0 10px #0ea5e900}to{transform:scale(.95);box-shadow:0 0 #0ea5e900}}@keyframes bounce-x{0%,to{transform:translate(0)}50%{transform:translate(5px)}}.animate-bounce-x{animation:bounce-x 1s infinite ease-in-out}.leaf{position:fixed;top:-50px;width:20px;height:20px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2322c55e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19 2c1 2 2 4.18 2 8 0 5.5-4.77 10-10 10Z'/%3E%3Cpath d='M2 21c0-3 1.85-5.36 5.08-6C9.5 14.52 12 13 13 12'/%3E%3C/svg%3E");opacity:.6;pointer-events:none;z-index:0;animation:falling-leaf linear infinite}@keyframes falling-leaf{0%{transform:translate(0) rotate(0);opacity:0}10%{opacity:1}to{transform:translate(100px,100vh) rotate(360deg);opacity:0}}.mouse-shadow{position:fixed;top:0;left:0;width:400px;height:400px;background:radial-gradient(circle,rgba(37,99,235,.15) 0%,transparent 70%);transform:translate(-50%,-50%);pointer-events:none;z-index:9999;transition:opacity .3s ease;mix-blend-mode:multiply}.investment-form-container input,.investment-form-container select{background:var(--input-bg);border:1px solid var(--input-border);border-radius:6px;padding:.8rem 1rem;transition:border-color .2s ease;font-size:.95rem;color:var(--text-primary);box-shadow:none!important}.investment-form-container option{background-color:var(--card-bg);color:var(--text-primary)}.investment-form-container input::placeholder{color:var(--text-secondary);opacity:.6}.investment-form-container input:focus,.investment-form-container select:focus{background:var(--input-bg);border-color:var(--primary);outline:none;box-shadow:0 0 0 2px #0ea5e91a!important;transform:none}.investment-form-container label{font-weight:500;margin-bottom:.5rem;display:block;color:var(--text-secondary)}
