@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap");:root{--primary:#2563eb;--primary-hover:#1d4ed8;--primary-light:rgba(37,99,235,0.1);--success:#10b981;--success-light:rgba(16,185,129,0.1);--warning:#f59e0b;--warning-light:rgba(245,158,11,0.1);--danger:#ef4444;--danger-light:rgba(239,68,68,0.1);--slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-300:#cbd5e1;--slate-400:#94a3b8;--slate-500:#64748b;--slate-600:#475569;--slate-700:#334155;--slate-800:#1e293b;--slate-900:#0f172a;--bg-app:#f8fafc;--surface:#ffffff;--sidebar-bg:#1e293b;--shadow-sm:0 1px 2px 0 rgb(0 0 0/0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--shadow-xl:0 20px 25px -5px rgba(203,213,225,0.5);--radius-xl:24px;--radius-2xl:32px}*{box-sizing:border-box;padding:0;margin:0}body{background-color:var(--bg-app);color:var(--slate-900);line-height:1.5;-webkit-font-smoothing:antialiased}body,input,select,textarea{font-family:Outfit,sans-serif}.veewme-wrapper{padding:16px;width:100%;max-width:1600px;margin:0 auto}@media (min-width:768px){.veewme-wrapper{padding:32px}}.veewme-container{display:flex;flex-direction:column;gap:32px;width:100%}.veewme-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:8px}.veewme-title{font-size:30px;font-weight:900;letter-spacing:-.04em;color:var(--slate-900);display:flex;align-items:center;gap:12px}.veewme-subtitle{font-size:14px;font-weight:500;color:var(--slate-500);margin-top:4px}.card,.veewme-form-block,.veewme-list{background:white;border-radius:24px;border:1px solid var(--slate-100);box-shadow:var(--shadow-xl);overflow-x:auto;width:100%}.veewme-form-block{padding:32px}.veewme-form-header{font-size:20px;font-weight:800;color:var(--slate-800);margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--slate-100)}.btn-primary,.veewme-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:16px;font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:none;background:var(--primary);color:white;box-shadow:0 10px 15px -3px rgba(37,99,235,.2)}.veewme-btn:hover{transform:translateY(-2px);box-shadow:0 15px 20px -5px rgba(37,99,235,.3)}.veewme-btn.outline{background:white;color:var(--slate-600);border:1.5px solid var(--slate-200);box-shadow:none}.veewme-btn.outline:hover{background:var(--slate-50);border-color:var(--slate-300)}.veewme-list-header,.veewme-list-row{display:grid;grid-template-columns:250px 200px 100px 120px;align-items:center;min-width:670px}@media (min-width:1024px){.veewme-list-header,.veewme-list-row{grid-template-columns:2fr 1.5fr 1fr 1fr;min-width:auto}}.veewme-list-header{background:var(--slate-50);padding:16px 24px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:var(--slate-400);border-bottom:1px solid var(--slate-100)}.veewme-list-row{padding:20px 24px;border-bottom:1px solid var(--slate-50);transition:all .2s}.veewme-list-row:hover{background:var(--slate-50)}.veewme-flex-col{display:flex;flex-direction:column;justify-content:center}.veewme-main-text{display:block;font-weight:800;color:var(--slate-800);font-size:14px;line-height:1.4}.veewme-sub-text{display:block;font-size:11px;color:var(--slate-400);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.veewme-avatar{width:44px;height:44px;border-radius:14px;background:var(--primary-light);color:var(--primary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;flex-shrink:0;margin-right:16px}.veewme-badge{padding:6px 12px;border-radius:10px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;background:var(--success-light);color:var(--success)}.veewme-actions,.veewme-row-actions{display:flex;gap:8px;align-items:center}.veewme-icon-btn{width:36px;height:36px;border-radius:10px;border:1px solid var(--slate-200);background:white;color:var(--slate-600);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.veewme-icon-btn:hover{background:var(--slate-50);border-color:var(--slate-300);transform:translateY(-2px)}.veewme-icon-btn.delete:hover{background:var(--danger-light);color:var(--danger);border-color:var(--danger)}.veewme-icon-btn.action{background:var(--primary);color:white;border:none}.veewme-icon-btn.action:hover{background:var(--primary-hover)}.form-control,.veewme-input{width:100%;padding:14px 20px;background:var(--slate-50);border:2px solid transparent;border-radius:16px;font-size:14px;font-weight:600;transition:all .2s;outline:none;color:var(--slate-700)}.veewme-input:focus{background:white;border-color:var(--primary-light);box-shadow:0 0 0 4px var(--primary-light)}.veewme-label{display:block;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:var(--slate-400);margin-bottom:8px;margin-left:4px}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.app-container{display:flex;height:100vh;overflow:hidden}.main-content{flex:1 1;display:flex;flex-direction:column;overflow-y:auto;padding:32px;background:var(--bg-app);scroll-behavior:smooth}.card-portal{background:var(--surface);border-radius:var(--radius-xl);border:1px solid var(--slate-100);box-shadow:var(--shadow-xl);padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.card-portal:hover{transform:translateY(-4px);box-shadow:0 25px 30px -10px rgba(203,213,225,.6)}.text-portal-title{font-weight:900;text-transform:uppercase;letter-spacing:-.025em;color:var(--slate-900)}.text-portal-label{font-size:10px;letter-spacing:.1em;color:var(--slate-400)}.btn-portal,.text-portal-label{font-weight:800;text-transform:uppercase}.btn-portal{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:16px;font-size:13px;letter-spacing:.05em;cursor:pointer;transition:all .2s;border:none}.btn-portal-primary{background:var(--primary);color:white;box-shadow:0 10px 15px -3px rgba(37,99,235,.3)}.btn-portal-primary:hover{background:var(--primary-hover);transform:scale(1.02)}.btn-portal-secondary{background:var(--slate-100);color:var(--slate-600)}.btn-portal-secondary:hover{background:var(--slate-200)}.table-container{background:white;border-radius:24px;border:1px solid var(--slate-100);box-shadow:var(--shadow-xl);overflow:hidden}.portal-table{width:100%;border-collapse:separate;border-spacing:0}.portal-table th{padding:16px 24px;background:var(--slate-50);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:var(--slate-500);border-bottom:1px solid var(--slate-100);text-align:left}.portal-table td{padding:20px 24px;border-bottom:1px solid var(--slate-50);font-size:14px;font-weight:600;color:var(--slate-700)}.portal-table tr:last-child td{border-bottom:none}.portal-table tr:hover td{background:var(--slate-50)/50}.portal-input{width:100%;padding:14px 20px;background:var(--slate-50);border:2px solid transparent;border-radius:16px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s;outline:none}.portal-input:focus{background:white;border-color:var(--primary-light);box-shadow:0 0 0 4px var(--primary-light)}.badge-portal{padding:6px 12px;border-radius:10px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.flex-center{display:flex;align-items:center;justify-content:center}.gap-portal{gap:16px}