@charset "UTF-8";:root{--myportal-brown-950: #2c2418;--myportal-brown-900: #5a4530;--myportal-brown-800: #6b5438;--myportal-brown-700: #7d6245;--myportal-accent-500: #c8b49b;--myportal-accent-300: #dfd0be;--myportal-surface-0: #fdfaf5;--myportal-surface-50: #f5f0e8;--myportal-surface-100: #ece4d6;--myportal-border-200: #d8cbb8;--myportal-text-900: #2c2418;--myportal-text-700: #4a3c2c;--myportal-text-600: #6b5a42;--myportal-success-500: #3f7d58;--myportal-danger-500: #9f4b42;--myportal-shadow-soft: 0 14px 30px rgba(75, 46, 43, .05);--myportal-radius-xl: 24px;--myportal-radius-lg: 18px;--app-sidebar-width: 248px}html,body{height:100%}body{margin:0;overflow:hidden;font-family:Inter,Roboto,Helvetica Neue,Arial,sans-serif;background:radial-gradient(circle at top right,rgba(216,179,138,.18),transparent 24%),linear-gradient(180deg,#fbf7f2,#f6f0e8);color:var(--myportal-text-900)}*{box-sizing:border-box}a{color:inherit}button,input,select,textarea{font:inherit}input,select,textarea{border:1px solid var(--myportal-border-200);border-radius:14px;background:#ffffffe0;min-height:46px;padding:0 14px;color:var(--myportal-text-900)}textarea{min-height:120px;padding:14px;resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid rgba(166,124,82,.18);border-color:var(--myportal-accent-500)}.app-shell{height:100vh;overflow:hidden}.app-layout{display:grid;grid-template-columns:var(--app-sidebar-width) minmax(0,1fr);height:100vh;overflow:hidden}.app-sidebar{min-width:0;height:100vh;position:sticky;top:0;border-right:1px solid rgba(205,187,168,.72);background:#fffcf8eb}.app-sidebar-shell{height:100vh;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.app-sidebar-brand{width:100%;padding:10px 12px;border-bottom:1px solid rgba(205,187,168,.72);background:#fffcf8f5;text-decoration:none}.app-brand{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:12px}.app-brand-logo-wrap{width:72px;height:72px;display:grid;place-items:center;overflow:hidden}.app-brand-logo{width:72px;height:72px;object-fit:contain;object-position:center center;display:block;flex-shrink:0;background:transparent;padding:0}.app-brand-text{display:flex;flex-direction:column;justify-content:center;min-width:0}.app-brand-name{color:var(--myportal-brown-900);font-family:Sora,sans-serif;font-size:18px;line-height:1;font-weight:800;letter-spacing:-.04em}.app-brand-subtitle{margin-top:6px;color:var(--myportal-text-600);font-size:9px;line-height:1.25;text-transform:uppercase;letter-spacing:.24em;font-weight:700}.app-sidebar-scroll{min-height:0;overflow-y:auto;padding:12px 10px 14px}.sidebar-section-label{padding:8px 12px 5px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.18em;color:var(--myportal-text-600);margin-top:10px}.sidebar-nav{display:flex;flex-direction:column;gap:4px}.sidebar-link{position:relative;display:flex;align-items:center;gap:10px;min-height:42px;padding:0 13px;border-radius:14px;color:var(--myportal-brown-900);text-decoration:none;font-weight:650;font-size:13px;line-height:1.35;transition:background .15s ease,box-shadow .15s ease}.sidebar-link:hover{background:#ffffffd6;box-shadow:inset 0 0 0 1px #cdbba885}.sidebar-link-active{background:linear-gradient(135deg,#4b2e2b1a,#a67c521f);box-shadow:inset 0 0 0 1px #cdbba8f2}.sidebar-link-active:after{content:"";position:absolute;right:12px;width:7px;height:7px;border-radius:50%;background:var(--myportal-accent-500)}.sidebar-link-icon{flex-shrink:0;width:17px;height:17px;opacity:.72}.sidebar-footer{padding:14px;border-top:1px solid rgba(205,187,168,.6);background:#fffcf8fa;display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;align-items:center}.sidebar-footer-avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#4b2e2b24,#a67c522e);color:var(--myportal-brown-900);font-weight:900}.sidebar-footer-name{font-weight:800;color:var(--myportal-brown-900)}.sidebar-footer-role,.muted{color:var(--myportal-text-600);font-size:12px}.sidebar-footer-logout{margin-top:8px;grid-column:1/-1;border:1px solid var(--myportal-border-200);background:#ffffffe0;border-radius:999px;min-height:38px;cursor:pointer;font-weight:700}.app-workspace{min-width:0;height:100vh;overflow:hidden}.app-main{height:100vh;overflow-y:auto;padding:22px}.page{display:flex;flex-direction:column;gap:24px}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.page-header-main{max-width:900px}.page-eyebrow{margin:0 0 8px;color:var(--myportal-text-600);font-size:12px;text-transform:uppercase;letter-spacing:.18em;font-weight:700}.page-title{margin:0;color:var(--myportal-brown-900);font-size:36px;line-height:1.08;letter-spacing:-.03em;font-weight:900}.page-subtitle{margin:12px 0 0;color:var(--myportal-text-600);line-height:1.6;max-width:900px}.badge{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:9px 14px;font-size:12px;font-weight:700;background:var(--myportal-surface-100);color:var(--myportal-brown-900)}.badge-success{background:#3f7d581f;color:var(--myportal-success-500)}.badge-danger{background:#9f4b421f;color:var(--myportal-danger-500)}.badge-soft{background:#c8b49b2e;color:var(--myportal-brown-900)}.panel,.kpi-card,.app-tile{border:1px solid rgba(205,187,168,.72);background:#fffcf8e6;border-radius:var(--myportal-radius-xl);box-shadow:var(--myportal-shadow-soft)}.panel{padding:20px}.metrics-grid{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.kpi-card{padding:18px 20px}.kpi-label{color:var(--myportal-text-600);font-size:14px}.kpi-value{margin-top:8px;color:var(--myportal-brown-900);font-size:30px;line-height:1;font-weight:900}.kpi-helper{margin-top:6px;color:var(--myportal-text-600);font-size:13px}.app-tile-grid{display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}.app-tile{display:flex;flex-direction:column;gap:16px;min-height:220px;padding:22px;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease;background:linear-gradient(180deg,#fffffff5,#f8f2eaeb)}.app-tile-top{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.app-tile-code{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.18em;color:var(--myportal-text-600);margin-bottom:10px}.app-tile:hover{transform:translateY(-2px)}.app-tile-disabled{opacity:.72}.app-tile-title{color:var(--myportal-brown-900);font-size:22px;line-height:1.2;font-weight:900}.app-tile-subtitle{color:var(--myportal-text-600);line-height:1.5;font-size:14px}.action-row{display:flex;gap:12px;flex-wrap:wrap}.action-button,.secondary-button{display:inline-flex;justify-content:center;align-items:center;min-height:42px;border-radius:999px;padding:0 18px;border:1px solid transparent;text-decoration:none;font-weight:700;cursor:pointer}.action-button{background:var(--myportal-brown-800);color:#fff}.secondary-button{background:#ffffffc7;border-color:var(--myportal-border-200);color:var(--myportal-brown-900)}.portal-table{width:100%}.portal-form-grid{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.portal-form-grid-full{grid-column:1/-1}mat-card.portal-card{border-radius:var(--myportal-radius-xl);box-shadow:var(--myportal-shadow-soft);border:1px solid rgba(205,187,168,.72);background:#fffcf8eb}.mat-mdc-form-field{width:100%}.table-scroll{overflow:auto}.empty-state{padding:26px;text-align:center;color:var(--myportal-text-600)}@media(max-width:1280px){.app-tile-grid,.metrics-grid,.portal-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:920px){body{overflow:auto}.app-layout{grid-template-columns:1fr;height:auto}.app-sidebar{height:auto;position:static}.app-sidebar-shell{height:auto}.app-workspace,.app-main{height:auto;overflow:visible}.app-main{padding:16px}.app-tile-grid,.metrics-grid,.portal-form-grid{grid-template-columns:1fr}}.btn-primary{display:inline-flex;align-items:center;gap:6px;padding:10px 22px;border:none;border-radius:12px;background:linear-gradient(135deg,var(--myportal-brown-900),var(--myportal-accent-500));color:#fff;font-family:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 14px #5a453038;white-space:nowrap}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #5a453047}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;padding:10px 20px;border:1.5px solid var(--myportal-border-200);border-radius:12px;background:transparent;color:var(--myportal-text-700);font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s}.btn-secondary:hover{border-color:var(--myportal-accent-500);background:#c8b49b14}.btn-danger-sm{padding:5px 12px;border:1.5px solid rgba(159,75,66,.3);border-radius:8px;background:transparent;color:var(--myportal-danger-500);font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s}.btn-danger-sm:hover{background:#9f4b4212}.admin-layout{display:grid;grid-template-columns:minmax(0,1.4fr) 420px;gap:24px;align-items:start}.admin-layout-reverse{grid-template-columns:420px minmax(0,1fr)}@media(max-width:1100px){.admin-layout,.admin-layout-reverse{grid-template-columns:1fr}}.panel-card{background:#fffdf5f2;border:1px solid var(--myportal-border-200);border-radius:var(--myportal-radius-xl);padding:28px;box-shadow:var(--myportal-shadow-soft)}.form-panel{min-height:400px}.panel-title{margin:0 0 22px;font-size:18px;font-weight:800;color:var(--myportal-text-900);letter-spacing:-.02em}.panel-table-wrapper{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table th{padding:10px 14px;text-align:left;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--myportal-text-600);border-bottom:1px solid var(--myportal-border-200);white-space:nowrap}.data-table td{padding:13px 14px;color:var(--myportal-text-700);border-bottom:1px solid rgba(216,203,184,.5);vertical-align:middle}.data-table tbody tr{cursor:pointer;transition:background .12s}.data-table tbody tr:hover{background:#c8b49b1a}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr.row-selected{background:#c8b49b2e}.data-table tbody tr.row-selected td{color:var(--myportal-text-900)}.cell-username{font-weight:700;color:var(--myportal-brown-900)}.cell-muted{color:var(--myportal-text-600);font-size:13px}.cell-url{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag{display:inline-block;padding:3px 9px;border-radius:6px;background:#c8b49b33;border:1px solid rgba(200,180,155,.4);font-size:11px;font-weight:700;color:var(--myportal-brown-900);letter-spacing:.04em}.tag-integrated{background:#3f7d581a;border-color:#3f7d584d;color:#2d6644}.status-pill{display:inline-flex;align-items:center;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700;border:none;cursor:pointer;font-family:inherit}.status-active{background:#3f7d581f;color:#2d6644}.status-inactive{background:#c8b49b33;color:var(--myportal-text-600)}.portal-form{display:flex;flex-direction:column;gap:16px}.form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:640px){.form-row-2{grid-template-columns:1fr}}.field-group{display:flex;flex-direction:column;gap:7px}.field-label{font-size:13px;font-weight:600;color:var(--myportal-text-700)}.required{color:var(--myportal-accent-500)}.field-input,.field-select,.field-textarea{width:100%;padding:0 14px;min-height:46px;border:1.5px solid var(--myportal-border-200);border-radius:12px;background:#ffffffeb;font-family:inherit;font-size:14px;color:var(--myportal-text-900);outline:none;box-sizing:border-box;transition:border-color .15s,box-shadow .15s;appearance:none;-webkit-appearance:none}.field-input:focus,.field-select:focus,.field-textarea:focus{border-color:var(--myportal-accent-500);box-shadow:0 0 0 3px #c8b49b33}.field-input::placeholder,.field-textarea::placeholder{color:#b0a090}.field-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236b5a42' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:38px;cursor:pointer}.field-select[multiple]{min-height:100px;padding:8px 14px;background-image:none}.field-textarea{min-height:auto;padding:12px 14px;resize:vertical;line-height:1.5}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border:1.5px solid var(--myportal-border-200);border-radius:14px;background:#fff9}.toggle-label{font-size:14px;font-weight:600;color:var(--myportal-text-900)}.toggle-hint{margin-top:3px;font-size:12px;color:var(--myportal-text-600)}.toggle-switch{position:relative;display:inline-block;flex-shrink:0;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-track{display:block;width:48px;height:28px;border-radius:14px;background:var(--myportal-border-200);transition:background .2s;position:relative}.toggle-thumb{position:absolute;top:4px;left:4px;width:20px;height:20px;border-radius:10px;background:#fff;box-shadow:0 2px 6px #0000002e;transition:transform .2s}.toggle-switch input:checked+.toggle-track{background:var(--myportal-accent-500)}.toggle-switch input:checked+.toggle-track .toggle-thumb{transform:translate(20px)}.form-actions{display:flex;gap:12px;padding-top:4px}.access-table-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.empty-state{padding:40px 20px;text-align:center;color:var(--myportal-text-600);font-size:14px;line-height:1.6}