@import"https://fonts.googleapis.com/css2?family=Barlow:wght@300;400;500;600;700&family=Rajdhani:wght@400;500;600;700&family=Barlow+Condensed:wght@300;400;500;600;700&family=Share+Tech+Mono&display=swap";:root{--bg-void: rgba(0, 0, 0, .3);--bg-base: #0b1410;--bg-surface: #101d14;--bg-elevated: #162419;--bg-overlay: #1c2e20;--text-primary: #e8e0cc;--text-secondary: #a4b09a;--text-muted: #a4b09a;--text-disabled: #38473a;--text-on-accent: #060908;--amber: #c8a434;--amber-light: #e8be4a;--amber-dim: rgba(200, 164, 52, .12);--amber-glow: 0 0 24px rgba(200, 164, 52, .2);--green: #3aaa52;--green-light: #52cc6a;--green-dim: rgba(58, 170, 82, .12);--green-glow: 0 0 16px rgba(58, 170, 82, .2);--red: #e04444;--red-dim: rgba(194, 48, 48, .12);--orange: #c07428;--orange-dim: rgba(192, 116, 40, .12);--wire: rgba(164, 176, 154, .1);--wire-active: rgba(164, 176, 154, .2);--wire-gold: rgba(200, 164, 52, .4);--shadow-sm: 0 1px 4px rgba(0, 0, 0, .6);--shadow-md: 0 4px 16px rgba(0, 0, 0, .7);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .8);--font-display: "Rajdhani", sans-serif;--font-ui: "Barlow Condensed", sans-serif;--font-body: "Barlow", sans-serif;--font-mono: "Share Tech Mono", monospace;--font-sans: "Barlow", sans-serif;--text-2xs: .72rem;--text-xs: .8rem;--text-sm: .9rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.5rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 2px;--radius-md: 3px;--radius-lg: 4px;--radius-xl: 5px;--radius-2xl: 6px;--transition-fast: .12s ease;--transition-base: .2s ease;--transition-slow: .35s ease;--accent-primary: var(--amber);--accent-primary-hover: var(--amber-light);--accent-primary-subtle: var(--amber-dim);--accent-success: var(--green);--accent-success-subtle: var(--green-dim);--accent-warning: var(--orange);--accent-warning-subtle: var(--orange-dim);--accent-danger: var(--red);--accent-danger-subtle: var(--red-dim);--bg-primary: var(--bg-base);--bg-secondary: var(--bg-surface);--bg-tertiary: var(--bg-elevated);--border-subtle: var(--wire);--border-default: var(--wire-active);--border-hover: var(--wire-gold);--shadow-glow: var(--amber-glow)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:15px;scroll-behavior:smooth;scrollbar-gutter:stable}body{font-family:var(--font-body);font-size:var(--text-base);font-weight:400;background-color:var(--text-on-accent);background-image:linear-gradient(rgba(58,170,82,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(58,170,82,.022) 1px,transparent 1px);background-size:48px 48px;color:var(--text-primary);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:.01em}body:after{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");opacity:.35;pointer-events:none;z-index:9999}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-void)}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;color:var(--text-primary);letter-spacing:.04em}p,li,td,th,label,.body-text{font-family:var(--font-body)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.mono{font-family:var(--font-mono);letter-spacing:.06em}.field-label{font-family:var(--font-ui);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted)}.container{max-width:1600px;margin:0 auto;padding:0 var(--space-6)}.page-wrapper{min-height:100vh;display:flex;flex-direction:column}.card{position:relative;background:var(--bg-surface);border:1px solid var(--wire);background-image:linear-gradient(var(--amber),var(--amber)),linear-gradient(var(--amber),var(--amber)),linear-gradient(var(--amber),var(--amber)),linear-gradient(var(--amber),var(--amber)),linear-gradient(var(--amber),var(--amber)),linear-gradient(var(--amber),var(--amber)),linear-gradient(var(--amber),var(--amber)),linear-gradient(var(--amber),var(--amber));background-size:20px 1px,1px 20px,20px 1px,1px 20px,20px 1px,1px 20px,20px 1px,1px 20px;background-position:top left,top left,top right,top right,bottom left,bottom left,bottom right,bottom right;background-repeat:no-repeat;background-color:var(--bg-surface);border-radius:var(--radius-sm);transition:border-color var(--transition-base)}.card:hover{border-color:var(--wire-active)}.card-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--wire)}.card-header-inner{display:flex;flex-direction:column}.card-body{padding:var(--space-6)}.card-footer{padding:var(--space-5) var(--space-6);border-top:1px solid var(--wire)}.card-title{color:var(--text-primary)}.card-subtitle{color:var(--text-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-ui);font-weight:700;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.1em;padding:.6rem 1.25rem;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--amber);color:var(--text-on-accent);border-color:var(--amber)}.btn-primary:hover:not(:disabled){background:var(--amber-light);border-color:var(--amber-light);box-shadow:var(--amber-glow)}.btn-secondary{background:transparent;color:var(--text-secondary);border-color:var(--wire-active)}.btn-secondary:hover:not(:disabled){background:var(--bg-elevated);color:var(--text-primary);border-color:var(--wire-gold)}.btn-success{background:var(--green);color:var(--text-on-accent);border-color:var(--green)}.btn-success:hover:not(:disabled){background:var(--green-light);box-shadow:var(--green-glow)}.btn-danger{background:transparent;color:var(--red);border-color:var(--red)}.btn-danger:hover:not(:disabled){background:var(--red-dim)}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:var(--wire)}.btn-ghost:hover:not(:disabled){background:var(--bg-elevated);color:var(--text-primary);border-color:var(--wire-active)}.btn-sm{padding:.35rem .875rem;font-size:var(--text-xs)}.btn-lg{padding:.75rem 1.75rem;font-size:var(--text-base)}.btn-full{width:100%}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-family:var(--font-ui);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.form-input,.form-select{font-family:var(--font-body);font-size:var(--text-base);background:var(--bg-void);border:1px solid var(--wire-active);border-radius:var(--radius-sm);color:var(--text-primary);padding:.6rem var(--space-4);transition:border-color var(--transition-fast);width:100%}.form-input::placeholder{color:var(--text-disabled)}.form-input:focus,.form-select:focus{outline:none;border-color:var(--wire-gold)}.form-hint{font-size:var(--text-sm);color:var(--text-muted);line-height:1.5}table{width:100%;border-collapse:collapse}th{font-family:var(--font-ui);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);text-align:left;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--wire);background:var(--bg-void)}td{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-secondary);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--wire);vertical-align:middle}tr:last-child td{border-bottom:none}tr:hover td{background:var(--bg-elevated)}.badge{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-ui);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:.2rem .6rem;border-radius:var(--radius-sm);white-space:nowrap}.badge-success{background:var(--green-dim);color:var(--green-light);border:1px solid rgba(58,170,82,.25)}.badge-warning{background:var(--orange-dim);color:var(--orange);border:1px solid rgba(192,116,40,.25)}.badge-danger{background:var(--red-dim);color:var(--red);border:1px solid rgba(224,68,68,.25)}.badge-neutral{background:#5e70601f;color:var(--text-muted);border:1px solid rgba(94,112,96,.2)}.badge-info{background:#34a4c81a;color:#52a4c8;border:1px solid rgba(52,164,200,.2)}.alert{display:flex;gap:var(--space-4);align-items:flex-start;padding:var(--space-4) var(--space-5);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:var(--text-sm);line-height:1.55}.alert-info{background:#34a4c814;border:1px solid rgba(52,164,200,.2);color:#a4b09ad9}.alert-success{background:var(--green-dim);border:1px solid rgba(58,170,82,.2);color:#52cc6ad9}.alert-warning{background:var(--orange-dim);border:1px solid rgba(192,116,40,.2);color:#c07428d9}.alert-danger{background:var(--red-dim);border:1px solid rgba(224,68,68,.2);color:#e04444d9}.modal-overlay{position:fixed;inset:0;background:#060908d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:100}.modal{background:var(--bg-surface);border:1px solid var(--wire-active);border-radius:var(--radius-sm);width:100%;max-width:480px;box-shadow:var(--shadow-lg)}.modal-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--wire)}.modal-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;letter-spacing:.06em;text-transform:uppercase}.modal-body{padding:var(--space-6);font-family:var(--font-body);font-size:var(--text-base);line-height:1.6}.modal-footer{padding:var(--space-5) var(--space-6);border-top:1px solid var(--wire);display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3)}.spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.15);border-top-color:currentColor;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.toast-container{position:fixed;bottom:var(--space-6);right:var(--space-6);display:flex;flex-direction:column;gap:var(--space-2);z-index:200}.toast{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);background:var(--bg-elevated);border:1px solid var(--wire-active);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-primary);box-shadow:var(--shadow-md);animation:slideIn .2s ease;min-width:260px}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-success{border-color:#3aaa5259;color:var(--green-light)}.toast-error{border-color:#e0444459;color:var(--red)}.toast-info{border-color:var(--wire-gold);color:var(--text-primary)}.tabs{display:flex;gap:0;border-bottom:1px solid var(--wire);margin-bottom:var(--space-6)}.tab{font-family:var(--font-ui);font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-disabled);background:transparent;border:none;border-bottom:2px solid transparent;padding:var(--space-3) var(--space-5);cursor:pointer;transition:all var(--transition-fast);margin-bottom:-1px}.tab:hover{color:var(--text-secondary)}.tab.active{color:var(--amber);border-bottom-color:var(--amber)}.plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.plan-card{background:var(--bg-elevated);border:1px solid var(--wire);border-radius:var(--radius-sm);padding:var(--space-6);position:relative;transition:all var(--transition-base)}.plan-card:hover{border-color:var(--wire-active);transform:translateY(-1px)}.plan-card.featured{border-color:var(--amber);background:linear-gradient(160deg,var(--bg-elevated),rgba(200,164,52,.06))}.plan-card.featured:before{content:"RECOMENDADO";position:absolute;top:-1px;right:var(--space-5);background:var(--amber);color:var(--text-on-accent);font-family:var(--font-ui);font-size:var(--text-2xs);font-weight:700;letter-spacing:.12em;padding:.2rem .6rem;border-radius:0 0 2px 2px}.plan-header{margin-bottom:var(--space-5)}.plan-name{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;letter-spacing:.05em;margin-bottom:var(--space-1)}.plan-description{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.plan-price{display:flex;align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-5)}.plan-price-value{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:700;color:var(--amber);line-height:1}.plan-price-unit{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.key-display{font-family:var(--font-mono);background:var(--bg-void);border:1px solid var(--wire-active);border-radius:var(--radius-sm);padding:var(--space-4) var(--space-5);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.key-value{font-size:var(--text-base);letter-spacing:.1em;color:var(--amber)}.app-header{background:#0b1410f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--wire);position:sticky;top:0;z-index:50}.app-header:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--amber),var(--green),transparent)}.header-content{display:flex;align-items:center;justify-content:space-between;height:60px}.logo{display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-display);font-weight:700;font-size:var(--text-xl);letter-spacing:.06em;color:var(--text-primary);text-transform:uppercase}.logo-icon{width:34px;height:34px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);color:var(--text-on-accent)}.header-nav{display:flex;align-items:center;gap:var(--space-4)}.header-pill{display:flex;align-items:center;gap:var(--space-2);background:var(--bg-void);border:1px solid var(--wire);border-radius:var(--radius-sm);padding:.4rem .875rem}.pill-label{font-family:var(--font-ui);font-size:var(--text-2xs);font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted)}.pill-value{font-family:var(--font-display);font-size:var(--text-base);font-weight:700;color:var(--text-primary);letter-spacing:.04em}.user-row{cursor:pointer;transition:background var(--transition-fast)}.user-row:hover{background:var(--bg-elevated)}.user-details{background:var(--bg-void);border-top:1px solid var(--wire)}.user-details-content{padding:var(--space-6);background:var(--bg-void);border-radius:0}.table-sm th,.table-sm td{padding:.5rem var(--space-4);font-size:var(--text-sm)}@keyframes blink{0%,to{opacity:1}50%{opacity:.6}}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;flex-shrink:0}.status-dot.active{background:var(--green);animation:blink 2.4s ease infinite}.status-dot.expired{background:var(--red);animation:blink 1.2s ease infinite}.status-dot.idle{background:var(--text-muted)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.w-full{width:100%}.h-full{height:100%}.text-center{text-align:center}.text-right{text-align:right}.section-title{font-family:var(--font-ui);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--text-muted);margin-bottom:var(--space-4)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.empty-state{text-align:center;padding:var(--space-12);color:var(--text-muted);font-family:var(--font-ui);font-size:var(--text-base);letter-spacing:.06em}.empty-state-icon{font-size:var(--text-4xl);margin-bottom:var(--space-4);opacity:.3}.loading-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-void)}.form-checkbox{width:1.1rem;height:1.1rem;accent-color:var(--amber)}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}@media(max-width:768px){.container{padding:0 var(--space-4)}.stats-grid{grid-template-columns:repeat(2,1fr)}.plan-grid{grid-template-columns:1fr}.header-nav{display:none}}