*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{color:#e5e7eb;background-color:#0f172a;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5}button{font-family:inherit}a{color:inherit;text-decoration:none}.createProjectBtn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5,#6366f1);border:none;border-radius:10px;align-items:center;gap:8px;height:40px;padding:0 16px;font-size:14px;font-weight:600;transition:transform .15s,box-shadow .15s;display:inline-flex}.createProjectBtn:hover{transform:translateY(-1px);box-shadow:0 10px 24px #4f46e559}.createIcon{font-size:18px;line-height:1}.btnPrimary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6d6cff,#8b7cff);border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.btnPrimary:hover{opacity:.9;transform:translateY(-1px)}.btnPrimary:active{transform:translateY(0)}.btnSecondary{color:#e5e7eb;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.btnSecondary:hover{background:#ffffff24}.formGroup{flex-direction:column;gap:6px;display:flex}.formLabel{color:#cbd5f5;font-size:13px}.formInput,.formTextarea,.formSelect{color:#e5e7eb;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;padding:10px 12px;font-size:14px}.formInput:focus,.formTextarea:focus,.formSelect:focus{border-color:#6366f1;outline:none}.formTextarea{resize:vertical;min-height:80px}.formHint{color:#9ca3af;font-size:12px}.pageCenter{background:#0f172a;justify-content:center;align-items:center;min-height:100vh;display:flex}.pageCard{background:#1f2937;border:1px solid #374151;border-radius:16px;width:100%;max-width:420px;padding:28px}.pageTitle{color:#f9fafb;font-size:20px;font-weight:600}.pageSubtitle{color:#9ca3af;margin-top:6px;font-size:14px}.formSection{flex-direction:column;gap:20px;margin-top:24px;display:flex}.formError{color:#f87171;background:#f8717114;border:1px solid #f871714d;border-radius:10px;padding:12px 14px;font-size:14px}.formActions{justify-content:flex-end;gap:12px;margin-top:28px;display:flex}.dropdown-item{text-align:left;width:100%;padding:8px 16px;font-size:14px}.dropdown-item:hover{background:#ffffff0f}
.toast-container{z-index:9999;flex-direction:column;gap:10px;display:flex;position:fixed;top:20px;right:20px}.toast{border-radius:12px;justify-content:space-between;align-items:center;min-width:280px;padding:12px 14px;font-size:13px;animation:.25s toast-in;display:flex;box-shadow:0 10px 25px #0009,inset 0 0 0 1px #ffffff0d}.toast-success{color:#a7f3d0;background:#022c22;border:1px solid #065f46}.toast-error{color:#fecaca;background:#2a0a0a;border:1px solid #7f1d1d}.toast-info{color:#c7d2fe;background:#020617;border:1px solid #1e293b}.toast-close{color:inherit;cursor:pointer;background:0 0;border:none;font-size:14px}@keyframes toast-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}