::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#0a0a0a;border-left:1px solid rgba(255,255,255,.05)}::-webkit-scrollbar-thumb{background:#333;border-radius:6px;border:1px solid rgba(255,255,255,.1)}::-webkit-scrollbar-thumb:hover{background:#444}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #4ade80;outline-offset:2px}*{transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.title-bar{-webkit-app-region:drag}button,input,textarea,select{-webkit-app-region:no-drag}.desktop-window{height:100vh;display:flex;flex-direction:column;background-color:#000;color:#fff;font-family:Inter,sans-serif;overflow:hidden}.card{background:#0a0a0acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 10px 30px -10px #00000080}.btn{border-radius:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:12px 24px;transition:all .2s ease;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.btn-primary{background-color:#4ade80;color:#000}.btn-primary:hover{background-color:#3dd470;transform:translateY(-1px)}.btn-secondary{background-color:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.btn-secondary:hover{background-color:#fff3}.input-field{background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 16px;color:#fff;font-size:14px;font-weight:500}.input-field:focus{outline:none;border-color:#4ade80;box-shadow:0 0 0 3px #4ade8033}.select-wrapper{position:relative;display:inline-block;width:100%}.select-wrapper:after{content:"";position:absolute;top:50%;right:16px;transform:translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #94a3b8;pointer-events:none;transition:border-top-color .2s}.select-input{width:100%;padding:12px 40px 12px 16px;background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:14px;font-weight:500;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.select-input:focus{outline:none;border-color:#4ade80;box-shadow:0 0 0 3px #4ade8033}.select-input:focus+.select-wrapper:after{border-top-color:#4ade80}.select-input:hover{background-color:#ffffff14}.select-input option{background-color:#0a0a0a;color:#fff;padding:10px}.select-input--primary{background-color:#4ade80;color:#000;border-color:#4ade80}.select-input--primary:hover{background-color:#3dd470}.select-input--primary:focus{border-color:#22c55e;box-shadow:0 0 0 3px #4ade804d}.select-input--primary+.select-wrapper:after{border-top-color:#000}.select-input--primary:focus+.select-wrapper:after{border-top-color:#000}.text-display{font-weight:900;letter-spacing:-.02em}.text-heading{font-weight:800;letter-spacing:-.01em}.text-body{font-weight:500}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out forwards}.loading-spinner{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.1);border-radius:50%;border-top-color:#4ade80;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.notification{position:fixed;top:20px;right:20px;padding:16px 24px;border-radius:12px;background-color:#0a0a0ae6;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #0000004d;z-index:1000;max-width:350px}@media(max-width:768px){.desktop-sidebar{position:fixed;transform:translate(-100%);z-index:900}.desktop-sidebar.active{transform:translate(0)}.sidebar-toggle{display:block!important}}.window-controls{display:flex;gap:8px}.window-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:#ffffff1a;color:#aaa;cursor:pointer;transition:all .2s ease}.window-btn:hover{background:#fff3;color:#fff}.window-btn.close:hover{background:#ff5f57;color:#fff}.window-btn.maximize:hover{background:#28c940;color:#fff}.window-btn.minimize:hover{background:#fdbc40;color:#fff}
