:root,[data-palette=rosa]{--primary: #ec6fa3;--primary-strong: #d44e87}[data-palette=lavanda]{--primary: #a07ad6;--primary-strong: #8659c4}[data-palette=durazno]{--primary: #f0936b;--primary-strong: #df7146}[data-palette=menta]{--primary: #3aa98c;--primary-strong: #2c8b72}[data-palette=azul]{--primary: #5b8def;--primary-strong: #3f6fd6}:root,[data-theme=light]{--bg: #fbf6f8;--surface: #ffffff;--surface-2: #f7f1f4;--border: #ece2e8;--text: #2f2630;--muted: #8c8090;--primary-ink: #ffffff;--primary-soft: color-mix(in srgb, var(--primary) 14%, var(--surface));--primary-ring: color-mix(in srgb, var(--primary) 32%, transparent);--green: #2fa37e;--green-soft: color-mix(in srgb, #2fa37e 14%, var(--surface));--red: #e15668;--red-soft: color-mix(in srgb, #e15668 14%, var(--surface));--amber: #d99633;--amber-soft: color-mix(in srgb, #d99633 16%, var(--surface));--shadow: 0 10px 28px rgba(80, 50, 70, .1);--shadow-sm: 0 2px 8px rgba(80, 50, 70, .06)}[data-theme=dark]{--bg: #16131a;--surface: #1e1a25;--surface-2: #272030;--border: #342b3e;--text: #f1ecf3;--muted: #a294ad;--primary-ink: #ffffff;--primary-soft: color-mix(in srgb, var(--primary) 26%, var(--surface));--primary-ring: color-mix(in srgb, var(--primary) 40%, transparent);--green: #46c79b;--green-soft: color-mix(in srgb, #46c79b 20%, var(--surface));--red: #f1788b;--red-soft: color-mix(in srgb, #f1788b 20%, var(--surface));--amber: #e7b35e;--amber-soft: color-mix(in srgb, #e7b35e 20%, var(--surface));--shadow: 0 14px 36px rgba(0, 0, 0, .45);--shadow-sm: 0 2px 10px rgba(0, 0, 0, .3)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;transition:background-color .2s,color .2s}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}h1,h2,h3{color:var(--text)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:13px;border:1px solid transparent;font-weight:600;font-size:.92rem;transition:transform .08s,filter .15s,background .15s,border-color .15s,opacity .15s;min-height:44px}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--primary);color:var(--primary-ink)}.btn-primary:hover:not(:disabled){background:var(--primary-strong)}.btn-ghost{background:var(--surface-2);border-color:var(--border);color:var(--text)}.btn-ghost:hover:not(:disabled){border-color:var(--primary)}.btn-danger{background:var(--red-soft);border-color:var(--red);color:var(--red)}.btn-danger:hover:not(:disabled){background:var(--red);color:#fff}.btn-success{background:var(--green);color:#fff}.btn-success:hover:not(:disabled){filter:brightness(1.06)}.btn-sm{padding:8px 12px;font-size:.82rem;border-radius:10px;min-height:38px}.btn-block{width:100%}.btn-icon{padding:9px;min-height:40px;min-width:40px}.alert{background:var(--red-soft);border:1px solid var(--red);color:var(--red);padding:11px 14px;border-radius:12px;font-size:.85rem;margin-bottom:16px}.login-wrap{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:18px}.login-card{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--border);border-radius:22px;padding:30px 26px;box-shadow:var(--shadow)}.brand{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:22px}.brand-badge{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;overflow:hidden;background:var(--primary);box-shadow:var(--shadow-sm)}.brand-badge img{width:100%;height:100%;object-fit:cover}.brand h1{font-size:1.4rem;margin:0}.brand p{margin:0;color:var(--muted);font-size:.88rem;text-align:center}.field{margin-bottom:14px}.field label{display:block;font-size:.8rem;color:var(--muted);margin-bottom:6px;font-weight:500}.input-icon{position:relative;display:flex;align-items:center}.input-icon>svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.field .input-icon input{width:100%;padding:13px 14px 13px 42px;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;color:var(--text);font-size:16px;transition:border-color .15s,box-shadow .15s}.field .input-icon.has-toggle input{padding-right:46px}.input-icon input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ring)}.pw-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--muted);padding:6px;border-radius:8px;display:grid;place-items:center}.pw-toggle:hover{color:var(--primary);background:var(--surface-2)}.login-extras{display:flex;flex-direction:column;gap:10px;margin-top:16px}.login-tools{display:flex;align-items:center;justify-content:center;gap:8px}select,.field input{width:100%;padding:12px 13px;background:var(--surface-2);border:1px solid var(--border);border-radius:11px;color:var(--text);font-size:16px}select:focus,.field input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ring)}.app{display:flex;min-height:100vh}.sidebar{width:244px;background:var(--surface);border-right:1px solid var(--border);padding:20px 14px;display:flex;flex-direction:column;gap:5px;position:sticky;top:0;height:100vh}.logo{display:flex;align-items:center;gap:11px;padding:6px 8px 18px}.logo-badge{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;overflow:hidden;background:var(--primary);flex-shrink:0}.logo-badge img{width:100%;height:100%;object-fit:cover}.logo b{font-size:1.02rem}.logo span{display:block;font-size:.7rem;color:var(--muted)}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:11px;color:var(--muted);font-size:.92rem;font-weight:500;transition:background .13s,color .13s}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item.active{background:var(--primary-soft);color:var(--primary-strong);font-weight:600}.sidebar-footer{margin-top:auto;display:flex;flex-direction:column;gap:6px}.main{flex:1;padding:24px 30px;overflow-x:hidden;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}.topbar h2{margin:0;font-size:1.35rem}.topbar .sub{color:var(--muted);font-size:.85rem;margin-top:3px}.topbar-actions{display:flex;gap:10px;align-items:center;flex-shrink:0}.user-chip{display:flex;align-items:center;gap:9px;background:var(--surface);border:1px solid var(--border);padding:7px 13px;border-radius:999px;font-size:.84rem}.icon-btn{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--surface);border:1px solid var(--border);color:var(--text);transition:border-color .13s,color .13s}.icon-btn:hover{border-color:var(--primary);color:var(--primary-strong)}.theme-toggle{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--surface);border:1px solid var(--border);color:var(--text)}.install-chip{width:auto}.palette-pop-wrap{position:relative}.palette-pop{position:absolute;right:0;top:calc(100% + 8px);z-index:60;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:14px;box-shadow:var(--shadow);width:220px}.palette-pop h4{margin:0 0 10px;font-size:.78rem;text-transform:uppercase;letter-spacing:.4px;color:var(--muted)}.swatch-grid{display:flex;flex-wrap:wrap;gap:10px}.swatch{width:36px;height:36px;border-radius:50%;border:2px solid var(--border);display:grid;place-items:center;transition:transform .1s}.swatch:hover{transform:scale(1.08)}.swatch.active{border-color:var(--text);box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--primary-ring)}.palette-divider{height:1px;background:var(--border);margin:14px 0}.theme-row{display:flex;gap:8px}.theme-row .btn{flex:1}.appbar,.bottom-nav{display:none}.grid{display:grid;gap:16px}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.stats{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:22px}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:18px;box-shadow:var(--shadow-sm)}.card-hover{transition:transform .12s,border-color .12s,box-shadow .12s}.card-hover:hover{transform:translateY(-2px);border-color:var(--primary);box-shadow:var(--shadow)}.stat{display:flex;flex-direction:column;gap:5px}.stat .label{color:var(--muted);font-size:.74rem;text-transform:uppercase;letter-spacing:.4px;font-weight:600}.stat .value{font-size:1.45rem;font-weight:700}.stat .icon-box{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;margin-bottom:4px;background:var(--surface-2)}.dep-card h3{margin:0 0 6px;font-size:1.1rem}.dep-meta{color:var(--muted);font-size:.82rem;display:flex;align-items:center;gap:7px;margin:4px 0}.dep-card .row{display:flex;justify-content:space-between;margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}.dep-card .row small{color:var(--muted);display:block;margin-bottom:2px}.dep-card .row b{font-size:1.05rem}.quick-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px}.quick-tile{display:flex;flex-direction:column;gap:10px;padding:22px 20px;border-radius:18px;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);transition:transform .12s,border-color .12s,box-shadow .12s;align-items:flex-start;text-align:left}.quick-tile:hover{transform:translateY(-3px);border-color:var(--primary);box-shadow:var(--shadow)}.quick-tile .qicon{width:50px;height:50px;border-radius:15px;display:grid;place-items:center}.quick-tile b{font-size:1.04rem}.quick-tile span{color:var(--muted);font-size:.84rem}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-sm)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px 16px;font-size:.88rem}thead th{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.4px;border-bottom:1px solid var(--border);font-weight:600}tbody tr{border-bottom:1px solid var(--border)}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:var(--surface-2)}.num{text-align:right;font-variant-numeric:tabular-nums}.row-actions{display:flex;gap:6px;justify-content:flex-end}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:.74rem;font-weight:600}.badge-green{background:var(--green-soft);color:var(--green)}.badge-red{background:var(--red-soft);color:var(--red)}.badge-amber{background:var(--amber-soft);color:var(--amber)}.badge-pink{background:var(--primary-soft);color:var(--primary-strong)}.badge-muted{background:var(--surface-2);color:var(--muted)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1e121c6b;display:grid;place-items:center;padding:16px;z-index:80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal{width:100%;max-width:520px;background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:24px;box-shadow:var(--shadow);max-height:92vh;overflow-y:auto}.modal-lg{max-width:780px}.modal h3{margin:0 0 18px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:22px;flex-wrap:wrap}.form-row{display:flex;gap:14px}.form-row .field{flex:1}.ios-steps{margin:0;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:14px}.ios-steps li{display:flex;align-items:center;gap:10px;font-size:.9rem;color:var(--text)}.ios-steps li svg{color:var(--primary-strong);flex-shrink:0}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:24px 0 14px;flex-wrap:wrap}.section-head h3{margin:0;font-size:1.08rem}.empty{text-align:center;color:var(--muted);padding:46px 20px}.empty svg{opacity:.45;margin-bottom:12px}.spinner{display:inline-block;width:18px;height:18px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.center-screen{min-height:100vh;display:grid;place-items:center;color:var(--muted)}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:20px;overflow-x:auto;-webkit-overflow-scrolling:touch}.tab{padding:11px 15px;color:var(--muted);font-size:.9rem;font-weight:500;border-bottom:2px solid transparent;white-space:nowrap;background:none;border-top:none;border-left:none;border-right:none}.tab.active{color:var(--primary-strong);border-bottom-color:var(--primary-strong)}.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.toolbar .spacer{flex:1}.search{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:9px 13px}.search input{background:none;border:none;color:var(--text);outline:none;width:100%;font-size:16px}.cart-line{display:flex;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid var(--border)}.cart-line .grow{flex:1;min-width:0}.muted{color:var(--muted)}.pill-info{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.sell-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:20px;align-items:start}.cart-panel{position:sticky;top:18px}.creator-group{margin-bottom:18px}.creator-group .creator-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;background:var(--primary-soft);border:1px solid var(--border);border-radius:14px 14px 0 0}.creator-group .creator-head b{font-size:.98rem}.creator-group .table-wrap{border-radius:0 0 14px 14px;border-top:none}@media (max-width: 860px){.sidebar{display:none}.main{padding:0 0 86px}.appbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;position:sticky;top:0;z-index:40;background:var(--surface);border-bottom:1px solid var(--border)}.appbar .logo{padding:0}.appbar .logo b{font-size:.94rem}.appbar-actions{display:flex;gap:6px;align-items:center}.appbar .icon-btn,.appbar .theme-toggle{width:38px;height:38px;border-radius:10px}.topbar{padding:14px 16px 0;margin-bottom:14px}.topbar h2{font-size:1.18rem}.topbar .topbar-actions .user-chip,.topbar .topbar-actions .icon-btn,.topbar .topbar-actions .theme-toggle,.topbar .topbar-actions .install-chip,.topbar .topbar-actions .palette-pop-wrap{display:none}.main>*:not(.appbar):not(.topbar){padding-left:16px;padding-right:16px}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:50;background:var(--surface);border-top:1px solid var(--border);padding:7px 6px calc(7px + env(safe-area-inset-bottom));justify-content:space-around;box-shadow:0 -4px 16px #5032460f}.bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:3px;flex:1;padding:4px 2px;color:var(--muted);font-size:.66rem;font-weight:500;border-radius:12px}.bottom-nav a.active{color:var(--primary-strong)}.bottom-nav a.active .bn-icon{background:var(--primary-soft)}.bottom-nav .bn-icon{width:40px;height:28px;border-radius:10px;display:grid;place-items:center}.stats{grid-template-columns:repeat(2,1fr);gap:12px}.grid-cards,.quick-grid{grid-template-columns:1fr}.form-row{flex-direction:column;gap:0}.sell-grid{grid-template-columns:1fr}.cart-panel{position:static}.palette-pop{position:fixed;left:16px;right:16px;top:auto;bottom:calc(90px + env(safe-area-inset-bottom));width:auto}table thead{display:none}table,tbody,tr,td{display:block;width:100%}tbody tr{display:grid;grid-template-columns:1fr 1fr;gap:4px 14px;margin-bottom:10px;border:1px solid var(--border);border-radius:14px;padding:12px 14px;background:var(--surface);box-shadow:var(--shadow-sm)}tbody tr:hover{background:var(--surface)}td{display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:4px 0;text-align:left;border:none;font-size:.9rem}td:before{content:attr(data-label);color:var(--muted);font-weight:600;font-size:.66rem;text-transform:uppercase;letter-spacing:.3px}td[data-label]:empty{display:none}td.num{text-align:left}tbody tr>td:first-child{grid-column:1 / -1;flex-direction:row;align-items:center;gap:8px;padding-bottom:8px;margin-bottom:4px;border-bottom:1px solid var(--border);font-size:1rem}tbody tr>td:first-child:before{display:none}td.cell-actions{grid-column:1 / -1;padding-top:8px}td.cell-actions:before{display:none}.row-actions{justify-content:flex-start;width:100%}.row-actions .btn{flex:1}.modal{border-radius:18px;padding:20px}.section-head h3{font-size:1rem}}@media (max-width: 380px){.stats{grid-template-columns:1fr}}