@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--color-1:#9c9a9a;--color-2:#a35e47;--color-3:#000;--color-4:#464646;--color-5:#f7f6f4;--bg:#f8f8f7;--surface:#fff;--surface-dim:#f2efec;--border:rgba(70,70,70,.16);--border-strong:rgba(70,70,70,.28);--primary:var(--color-4);--accent:var(--color-2);--accent-soft:rgba(163,94,71,.12);--text:#1f1f1f;--text-dim:#5b5856;--radius-sm:8px;--radius-md:14px;--radius-lg:24px;--shadow-pro:0 4px 6px -1px rgba(0,0,0,.05), 0 2px 4px -2px rgba(0,0,0,.05);--shadow-float:0 20px 25px -5px rgba(0,0,0,.1), 0 8px 10px -6px rgba(0,0,0,.1)}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}button{font:inherit;color:inherit}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:10px}.app-container{min-height:100vh;position:relative}.glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);background:rgba(255,255,255,.85)}.app-header{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;background:rgba(255,255,255,.9);justify-content:space-between;align-items:center;height:64px;padding:0 2rem;display:flex;position:-webkit-sticky;position:sticky;top:0}.logo{letter-spacing:-.02em;color:var(--text);font-size:1.1rem;font-weight:800}.btn{cursor:pointer;border:1px solid var(--border);background:var(--surface);min-height:42px;color:var(--text);white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.85rem;font-weight:700;line-height:1;transition:all .2s;display:inline-flex;box-shadow:0 2px 6px rgba(15,23,42,.06)}.btn-primary{background:var(--primary);color:#fff;border:none}.btn-primary:hover{background:var(--accent);transform:translateY(-1px);box-shadow:0 14px 24px -10px rgba(163,94,71,.35)}.btn.glass{border-color:var(--border);background:rgba(255,255,255,.96)}.btn.glass:hover{border-color:var(--border-strong);background:#f5f1ee}.btn:not(:disabled):active{transform:translateY(0)}.btn:focus-visible{box-shadow:0 0 0 3px var(--accent-soft);outline:none}button:focus-visible{box-shadow:0 0 0 3px var(--accent-soft);outline:none}.btn:disabled,button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.trash-btn{transition:transform .2s,box-shadow .2s,opacity .2s}.trash-btn:hover{transform:translateY(-1px);box-shadow:0 8px 16px rgba(239,68,68,.18)}.split-dashboard{height:calc(100vh - 64px);display:flex;overflow:hidden}.dashboard-editor{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex:0 0 500px;display:flex;overflow-y:auto}.dashboard-preview{background:var(--surface-dim);flex:1;justify-content:center;align-items:center;padding:2rem;display:flex;overflow-y:auto}.editor-section{border-bottom:1px solid var(--border);padding:2rem}.editor-section h3{text-transform:uppercase;letter-spacing:1.5px;color:var(--text-dim);margin-bottom:1.5rem;font-size:.75rem;font-weight:800}label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.7px;margin-bottom:.45rem;font-size:.7rem;font-weight:800;display:block}input,textarea{width:100%;min-height:50px;color:var(--text);background:linear-gradient(rgba(255,255,255,.98),rgba(242,239,236,.92));border:1px solid rgba(70,70,70,.14);border-radius:14px;margin-top:0;margin-bottom:1rem;padding:.95rem 1rem;font-size:.96rem;line-height:1.4;transition:border-color .2s,box-shadow .2s,background .2s,transform .2s;box-shadow:inset 0 1px rgba(255,255,255,.8),0 6px 18px rgba(15,23,42,.05)}textarea{resize:vertical;min-height:120px}input::-webkit-input-placeholder{color:#8b8682}input::-moz-placeholder{color:#8b8682}input::-ms-input-placeholder{color:#8b8682}input::placeholder{color:#8b8682}textarea::-webkit-input-placeholder{color:#8b8682}textarea::-moz-placeholder{color:#8b8682}textarea::-ms-input-placeholder{color:#8b8682}textarea::placeholder{color:#8b8682}input:focus,textarea:focus{background:var(--surface);border-color:rgba(163,94,71,.45);outline:none;transform:translateY(-1px);box-shadow:0 0 0 4px rgba(163,94,71,.1),0 10px 24px rgba(15,23,42,.08)}.skill-group-row{background:linear-gradient(rgba(255,255,255,.98),rgba(247,246,244,.96));border:1px solid rgba(70,70,70,.1);border-radius:20px;padding:1.15rem 1rem .25rem;position:relative;box-shadow:0 12px 28px rgba(15,23,42,.05)}.skill-group-remove{cursor:pointer;border-radius:999px;transition:background .2s,transform .2s,opacity .2s}.skill-group-remove:hover{transform:scale(1.04);background:rgba(239,68,68,.08)!important}.admin-dashboard-root{background:radial-gradient(circle at 0 0,rgba(163,94,71,.12),transparent 34%),radial-gradient(circle at 100% 0,rgba(156,154,154,.16),transparent 28%),linear-gradient(#fcfbfa 0%,#f4efeb 100%)}.admin-dashboard-shell{position:relative}.admin-hero{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:rgba(255,255,255,.72);border:1px solid rgba(70,70,70,.08);border-radius:28px;padding:1.5rem 1.6rem;box-shadow:0 22px 46px rgba(15,23,42,.08)}.admin-hero-actions{flex-wrap:wrap}.admin-kpi-card{background:linear-gradient(rgba(255,255,255,.96),rgba(247,246,244,.96));border:1px solid rgba(70,70,70,.08);border-radius:22px;box-shadow:0 16px 32px rgba(15,23,42,.06)}.admin-tab-bar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:rgba(255,255,255,.64);border:1px solid rgba(70,70,70,.08);border-radius:22px;box-shadow:0 12px 26px rgba(15,23,42,.05)}.admin-content-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:rgba(255,255,255,.86);border:1px solid rgba(70,70,70,.08);border-radius:30px;box-shadow:0 24px 44px rgba(15,23,42,.08)}.admin-side-card{background:linear-gradient(rgba(255,255,255,.98),rgba(246,242,238,.98));border:1px solid rgba(70,70,70,.08);border-radius:20px;box-shadow:0 14px 28px rgba(15,23,42,.05)}.admin-list-card{background:rgba(255,255,255,.85);border:1px solid rgba(70,70,70,.08);box-shadow:0 10px 22px rgba(15,23,42,.04)}.admin-table-wrap{background:rgba(255,255,255,.72);border:1px solid rgba(70,70,70,.08);border-radius:20px;box-shadow:inset 0 1px rgba(255,255,255,.65)}.admin-table thead tr{background:rgba(163,94,71,.06)}.admin-table th{color:#7b746e;letter-spacing:.08em;font-weight:900;opacity:1!important}.admin-table td{background:0 0}.no-scrollbar::-webkit-scrollbar{display:none}.tpl-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:1.2rem;transition:all .3s;box-shadow:0 10px 24px -16px rgba(15,23,42,.35)}.tpl-card:hover{border-color:var(--primary);transform:translateY(-8px);box-shadow:0 24px 36px -18px rgba(15,23,42,.45)}@media (max-width:1024px){.split-dashboard{flex-direction:column;height:auto}.dashboard-editor{border-right:none;border-bottom:1px solid var(--border);flex:none;width:100%}.admin-hero{border-radius:22px;padding:1.2rem 1rem}.admin-hero-actions,.admin-hero-actions .btn{width:100%}.admin-content-panel{border-radius:22px}.skill-group-row{gap:.75rem;padding:1rem 1rem .2rem}.skill-group-remove{position:absolute;top:.65rem;right:.65rem;align-self:auto!important;margin-top:0!important}}