@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Montserrat:wght@400;500;600;700;800;900&display=swap");:root{--primary:#4c86a4;--primary-hover:#396a84;--primary-container:#699eba;--primary-light:rgba(76,134,164,0.12);--on-primary:#ffffff;--inverse-primary:#8cb5ca;--secondary:#699eba;--secondary-container:#daead8;--on-secondary:#ffffff;--on-secondary-container:#1c3d25;--tertiary:#f2af4c;--tertiary-container:#fae4c2;--tertiary-rose:#f2af4c;--tertiary-fixed:#fbe7c9;--on-tertiary:#ffffff;--accent-ice:#8cb5ca;--accent-mint:#daead8;--success:#2e7d58;--success-light:rgba(46,125,88,0.12);--warning:#f2af4c;--warning-light:rgba(242,175,76,0.15);--danger:#ba1a1a;--danger-light:rgba(186,26,26,0.1);--surface:#f7f7f7;--surface-dim:#e2e6e9;--surface-bright:#f7f7f7;--surface-container-lowest:#ffffff;--surface-container-low:#f1f4f6;--surface-container:#e9eef1;--surface-container-high:#e1e7eb;--surface-container-highest:#d7dfe4;--on-surface:#152026;--on-surface-variant:#43545e;--outline:#6e828d;--outline-variant:#b5c5cd;--bg-app:#f7f7f7;--sidebar-bg:#ffffff;--shadow-sm:0 1px 3px 0 rgba(76,134,164,0.06);--shadow-md:0 4px 6px -1px rgba(76,134,164,0.08),0 2px 4px -2px rgba(76,134,164,0.05);--shadow-lg:0 10px 15px -3px rgba(76,134,164,0.10),0 4px 6px -4px rgba(76,134,164,0.05);--shadow-xl:0 20px 25px -5px rgba(76,134,164,0.12);--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px}*{box-sizing:border-box;padding:0;margin:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-app);color:var(--on-surface);line-height:1.5;-webkit-font-smoothing:antialiased}.font-headline,h1,h2,h3,h4{font-family:Montserrat,sans-serif;letter-spacing:-.02em}input,select,textarea{font-family:Inter,system-ui,-apple-system,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;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}.veewme-tabs{display:flex;gap:24px;border-bottom:2px solid var(--slate-100);width:fit-content}.veewme-tab{font-size:.85rem;font-weight:800;color:var(--slate-400);padding:8px 4px 12px;cursor:pointer;border-bottom:3px solid transparent;transition:all .2s ease-in-out;text-transform:uppercase;letter-spacing:.05em;margin-bottom:-2px}.veewme-tab:hover{color:var(--slate-600)}.veewme-tab.active{color:var(--primary);border-bottom:3px solid var(--primary)}