.navbar,.toast{position:fixed}.logo,.nav-menu a{text-decoration:none}.nav-menu a:hover,.toast{color:#fff}.logo span,.page-header h1{-webkit-text-fill-color:transparent}.btn-deploy:hover,.card:hover{transform:translateY(-2px)}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}body{background:#0a0a0a;min-height:100vh}.security-warning{position:fixed;bottom:20px;right:20px;background:rgba(239,68,68,.95);color:#fff;padding:10px 16px;border-radius:12px;font-size:12px;z-index:10001;backdrop-filter:blur(4px);cursor:pointer;display:none;animation:.5s shakeWarning}@keyframes shakeWarning{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.toast{bottom:30px;left:50%;transform:translateX(-50%);background:#10b981;padding:10px 20px;border-radius:30px;font-size:13px;z-index:1000;animation:2.5s forwards fadeOut}@keyframes fadeOut{0%{opacity:0;transform:translateX(-50%) translateY(20px)}10%{opacity:1;transform:translateX(-50%) translateY(0)}90%{opacity:1}100%{opacity:0;transform:translateX(-50%) translateY(-20px)}}.navbar{top:0;left:0;right:0;background:rgba(10,10,10,.95);backdrop-filter:blur(12px);border-bottom:1px solid rgba(99,102,241,.2);padding:0 24px;z-index:100}.card:hover,.deploy-input-group input:focus,.upload-area:hover{border-color:#6366f1}.nav-container{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:60px}.logo{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:700}.logo span{background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text}.logo i{font-size:22px;color:#6366f1}.nav-menu{display:flex;gap:24px;flex-wrap:wrap}.deploy-input-group,.nav-right{gap:12px;display:flex}.nav-menu a{color:rgba(255,255,255,.75);font-size:14px;font-weight:500;transition:.2s}.btn-logout{background:rgba(239,68,68,.15);border:1px solid #ef4444;color:#ef4444;padding:6px 16px;border-radius:8px;cursor:pointer;font-size:13px;transition:.2s}.btn-delete-deploy:hover,.btn-logout:hover{background:rgba(239,68,68,.3)}.main-content{max-width:1200px;margin:80px auto 40px;padding:0 24px}.deployed-list,.file-list{margin-top:20px}.page-header{margin-bottom:32px}.page-header h1{font-size:32px;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;margin-bottom:8px}.page-header p{color:#6b7280}.card{background:#1a1a1a;border-radius:24px;padding:28px;margin-bottom:24px;border:1px solid #2a2a2a;transition:.3s}.btn-deploy,.upload-area{transition:.2s;cursor:pointer}.card h3{font-size:18px;margin-bottom:16px;color:#fff;display:flex;align-items:center;gap:10px}.deploy-domain,.deploy-input-group input{background:#0a0a0a;padding:14px 16px;font-size:14px}.card h3 i,.file-item i{color:#6366f1}.deploy-input-group{margin-bottom:20px;flex-wrap:wrap}.deploy-input-group input{flex:2;border:1px solid #2a2a2a;border-radius:12px;color:#fff;outline:0}.deploy-domain{flex:1;border:1px solid #2a2a2a;border-radius:12px;color:#6b7280;display:flex;align-items:center}.btn-deploy{background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff;padding:12px 28px;border-radius:40px;font-weight:600}.btn-deploy:hover{box-shadow:0 4px 12px rgba(16,185,129,.4)}.upload-area{border:2px dashed #2a2a2a;border-radius:20px;padding:40px;text-align:center;background:#0a0a0a;margin-bottom:20px}.empty-state i,.upload-icon{font-size:48px;margin-bottom:16px}.upload-area:hover{background:rgba(99,102,241,.05)}.upload-area.drag-over{border-color:#10b981;background:rgba(16,185,129,.1)}.upload-icon{color:#6366f1}.file-list{max-height:200px;overflow-y:auto}.file-item{background:#1a1a1a;border-radius:8px;padding:8px 12px;margin-bottom:6px;display:flex;align-items:center;gap:10px;font-size:12px;color:#9ca3af}.deployed-item{background:#0a0a0a;border-radius:16px;padding:16px;margin-bottom:12px;border:1px solid #2a2a2a;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.deployed-info{flex:1}.deployed-name{font-weight:600;color:#fff;margin-bottom:4px;display:flex;align-items:center;gap:8px}.deployed-url{font-family:monospace;font-size:13px;color:#a5b4fc;background:#1a1a1a;padding:4px 10px;border-radius:6px;display:inline-block}.btn-delete-deploy,.btn-visit{padding:8px 16px;cursor:pointer;transition:.2s}.deployed-date{font-size:10px;color:#6b7280;margin-top:6px}.btn-visit{background:#6366f1;border:none;border-radius:8px;color:#fff}.btn-visit:hover{background:#8b5cf6}.btn-delete-deploy{background:rgba(239,68,68,.15);border:1px solid #ef4444;border-radius:8px;color:#ef4444;margin-left:8px}.empty-state{text-align:center;padding:40px;color:#6b7280}.empty-state i{opacity:.5}.info-banner{background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(139,92,246,.05));border-radius:20px;padding:20px;margin-top:24px;border:1px solid rgba(99,102,241,.2)}.info-banner p{color:#9ca3af;font-size:13px;line-height:1.6}@media (max-width:768px){.nav-menu{display:none}.deploy-input-group{flex-direction:column}.deploy-domain{width:100%}.main-content{margin:70px auto 30px;padding:0 16px}.card{padding:20px}.deployed-item{flex-direction:column;align-items:flex-start}.btn-delete-deploy{margin-left:0;margin-top:8px}}