@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@600;800;900&family=Space+Grotesk:wght@500;700&display=swap";
*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;-webkit-font-smoothing:antialiased;background-color:#050505;padding:24px;font-family:Orbitron,Space Grotesk,-apple-system,sans-serif}.main-container{max-width:1000px;margin:0 auto}.header-bar{border-bottom:4px solid #e00;margin-bottom:32px;padding-bottom:20px}.brand-tag{color:#e00;letter-spacing:3px;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:900;display:block}.main-title{text-transform:uppercase;letter-spacing:1px;color:#fff;font-size:24px;font-weight:900;line-height:1.2}.profile-card{background:#141414;border:3px solid #fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;padding:20px;display:flex;box-shadow:6px 6px #e00}.profile-info{align-items:center;gap:16px;display:flex}.avatar{color:#fff;background:#e00;border:2px solid #fff;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;font-weight:900;display:flex}.user-name{text-transform:uppercase;letter-spacing:1px;font-size:15px;font-weight:800}.user-plan{color:#aaa;margin-top:2px;font-family:Space Grotesk,monospace;font-size:11px;font-weight:700}.user-plan span{color:#e00;font-weight:900}.nav-group{align-items:center;gap:10px;display:flex}.btn-nav{color:#fff;text-transform:uppercase;letter-spacing:1px;cursor:pointer;background:#1a1a1a;border:2px solid #555;padding:10px 18px;font-size:11px;font-weight:800;transition:all .15s}.btn-nav.active{color:#000;background:#fff;border-color:#fff}.btn-logout{color:#fff;text-transform:uppercase;letter-spacing:1px;cursor:pointer;background:#e00;border:2px solid #fff;padding:10px 18px;font-size:11px;font-weight:900}.btn-logout:hover{background:#c00}.section-header{border-bottom:2px solid #222;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:10px;display:flex}.section-title{text-transform:uppercase;letter-spacing:2px;color:#fff;font-size:13px;font-weight:900}.section-badge{color:#e00;font-family:Space Grotesk,monospace;font-size:11px;font-weight:700}.tiles-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;display:grid}.tile-card{cursor:pointer;background:#121212;border:3px solid #fff;flex-direction:column;justify-content:space-between;min-height:190px;padding:24px;transition:all .15s ease-in-out;display:flex;position:relative;box-shadow:6px 6px #ffffff40}.tile-card:hover{background:#1a1a1a;border-color:#e00;transform:translate(-2px,-2px);box-shadow:8px 8px #e00}.tile-card.full-width{grid-column:1/-1}.tile-top{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.tile-type{text-transform:uppercase;color:#fff;letter-spacing:1px;background:#222;border:1px solid #444;padding:4px 10px;font-family:Space Grotesk,monospace;font-size:10px;font-weight:700}.tile-accent-dot{background:#e00;width:10px;height:10px}.tile-title{text-transform:uppercase;letter-spacing:1px;color:#fff;margin-bottom:10px;font-size:20px;font-weight:900}.tile-card:hover .tile-title{color:#e00}.tile-desc{color:#ccc;font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:500;line-height:1.5}.tile-action{text-transform:uppercase;letter-spacing:1.5px;color:#fff;border-top:1px solid #2a2a2a;justify-content:space-between;align-items:center;margin-top:20px;padding-top:14px;font-size:11px;font-weight:900;display:flex}.tile-card:hover .tile-action{color:#e00}.settings-box{background:#121212;border:3px solid #fff;padding:32px;box-shadow:8px 8px #e00}.form-group{background:#1a1a1a;border:1px solid #333;margin-bottom:20px;padding:20px}.form-label{text-transform:uppercase;letter-spacing:1px;color:#fff;margin-bottom:6px;font-size:12px;font-weight:900;display:block}.form-hint{color:#aaa;margin-bottom:12px;font-family:Space Grotesk,monospace;font-size:11px}.form-input{color:#fff;background:#050505;border:2px solid #444;width:100%;padding:12px;font-family:Space Grotesk,monospace;font-size:13px;font-weight:700}.form-input:focus{border-color:#e00;outline:none}.btn-submit{color:#fff;text-transform:uppercase;letter-spacing:2px;cursor:pointer;background:#e00;border:2px solid #fff;width:100%;padding:16px;font-size:13px;font-weight:900;box-shadow:4px 4px #fff}.btn-submit:hover{background:#c00}.tile-add-disabled{color:#666!important;cursor:not-allowed!important;min-height:190px!important;box-shadow:none!important;background:#0a0a0a!important;border:3px dashed #444!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;transition:all .2s!important;display:flex!important;position:relative!important}.tile-add-disabled:hover{background:#110808!important;border-color:#e00!important}.tile-add-disabled .plus-icon{color:#555;margin-bottom:8px;font-size:42px;font-weight:900;line-height:1;transition:color .2s}.tile-add-disabled:hover .plus-icon{color:#e00}.tile-add-disabled .add-label{letter-spacing:2px;text-transform:uppercase;color:#666;font-size:12px;font-weight:900}.tile-add-disabled .tooltip-box{visibility:hidden;opacity:0;color:#fff;text-transform:uppercase;letter-spacing:1px;white-space:nowrap;z-index:50;pointer-events:none;background:#e00;border:1px solid #fff;padding:8px 14px;font-family:Space Grotesk,monospace;font-size:11px;font-weight:800;transition:opacity .2s,visibility .2s;position:absolute;bottom:110%;left:50%;transform:translate(-50%);box-shadow:4px 4px #fff}.tile-add-disabled:hover .tooltip-box{visibility:visible;opacity:1}