.portal-sidebar{display:flex}.portal-topbar{display:none}.portal-content{margin-left:240px;min-height:100vh;padding:var(--space-10) var(--space-10);overflow-x:hidden;transition:margin-left .2s ease,margin-right .2s ease}.p-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-5);flex-wrap:wrap;gap:var(--space-4)}.p-header__actions{display:flex;gap:var(--space-3);align-items:center}.p-title{font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--text-primary);margin:0 0 var(--space-1)}.p-subtitle{margin:0}.p-secondary,.p-subtitle{color:var(--text-secondary)}.p-secondary{font-size:var(--text-sm)}.p-card{background:var(--surface-raised);border:1px solid var(--border-default);border-radius:var(--radius-2xl);overflow:hidden}.p-table{width:100%;border-collapse:collapse}.p-th{text-align:left;font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-widest);border-bottom:1px solid var(--border-default);white-space:nowrap}.p-td,.p-th{padding:var(--space-3) var(--space-4)}.p-td{border-bottom:1px solid var(--border-subtle);vertical-align:middle}.p-tr--hover{cursor:pointer;transition:background var(--duration-fast)}.p-tr--hover:hover{background:var(--surface-hover)}.p-empty,.p-loading{padding:var(--space-10);color:var(--text-secondary);text-align:center}.p-error{background:var(--error-tint);border:1px solid var(--error-border);border-radius:var(--radius-xl);color:var(--color-error)}.p-error,.p-success{padding:var(--space-4);margin-bottom:var(--space-4);font-size:var(--text-sm)}.p-success{background:var(--success-tint);border:1px solid var(--success-border);border-radius:var(--radius-xl);color:var(--color-success)}.sb-label{font-size:10px;font-weight:var(--weight-semibold);letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);padding-left:var(--space-2);margin-bottom:var(--space-2);font-family:var(--font-sans)}.sb-stack{display:flex;flex-direction:column;gap:var(--space-2)}.sb-row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.sb-input{background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--radius-md);color:var(--text-primary);height:30px;padding:0 var(--space-3);font-size:var(--text-xs);font-family:var(--font-sans);box-sizing:border-box;outline:none;transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.sb-input::placeholder{color:var(--text-muted)}.sb-input:focus{border-color:var(--color-indigo);box-shadow:0 0 0 2px var(--indigo-tint-strong)}select.sb-input option{background:var(--color-navy);color:var(--color-white)}.sb-btn{display:inline-flex;align-items:center;gap:var(--space-1);width:-moz-fit-content;width:fit-content;padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--indigo-border);background:var(--indigo-tint);color:var(--color-periwinkle);font-size:var(--text-xs);font-family:var(--font-sans);cursor:pointer;transition:background .12s,color .12s,border-color .12s;line-height:1;height:24px}.sb-btn:hover{background:var(--indigo-tint-strong);color:var(--color-white);border-color:var(--indigo-border-strong)}.sb-toggle{display:flex;gap:2px;background:var(--surface-hover);padding:2px}.sb-toggle,.sb-toggle__btn{border-radius:var(--radius-md)}.sb-toggle__btn{flex:1 1;padding:var(--space-1) var(--space-2);border:none;background:transparent;color:var(--text-secondary);font-size:var(--text-xs);font-family:var(--font-sans);cursor:pointer;text-transform:capitalize;transition:background .12s,color .12s;font-weight:400;line-height:1.4}.sb-toggle__btn:hover:not(.sb-toggle__btn--active){color:var(--text-primary);background:var(--surface-hover)}.sb-toggle__btn--active{background:var(--color-indigo);color:var(--text-primary);font-weight:var(--weight-semibold)}.tabs-bar{display:flex;gap:var(--space-1);border-bottom:1px solid var(--border-default);margin-bottom:0}.tabs-bar__tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;position:relative;margin-bottom:-1px;border:none;border-bottom:2px solid transparent;transition:color .12s,border-color .12s}.tabs-bar__tab--active,.tabs-bar__tab:hover{color:var(--text-primary)}.tabs-bar__tab--active{font-weight:var(--weight-semibold);border-bottom-color:var(--color-indigo)}.nav-sub-items-slot:not(:empty){padding-top:var(--space-1);padding-bottom:var(--space-2);margin-bottom:var(--space-2);border-bottom:1px solid var(--border-strong)}.right-panel{position:fixed;top:0;right:0;width:260px;height:100vh;background:rgba(8,12,28,.95);border-left:1px solid var(--border-default);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:90;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .2s ease}.right-panel--open{transform:translateX(0)}.right-panel__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-default);flex-shrink:0}.right-panel__close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--space-1);display:flex;border-radius:var(--radius-md);transition:background .12s,color .12s}.right-panel__close:hover{background:var(--surface-hover);color:var(--text-primary)}.right-panel__body{flex:1 1;overflow-y:auto;padding:var(--space-4) var(--space-5)}.right-panel__backdrop{position:fixed;inset:0;z-index:89;background:var(--overlay-backdrop)}.right-panel--wide{width:420px;background:var(--surface-primary);-webkit-backdrop-filter:none;backdrop-filter:none}.right-panel--wide .right-panel__body{padding:var(--space-5) var(--space-6)}.right-panel--wide .input-label{color:var(--text-primary);font-weight:var(--weight-semibold)}.right-panel--wide .input-hint{color:var(--text-secondary)}@media (max-width:768px){.right-panel--wide{width:100%}}.top-panel{overflow:hidden;transition:max-height .2s ease,opacity .2s ease;max-height:0;opacity:0}.top-panel--open{max-height:200px;opacity:1}.top-panel__bar{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-3) 0;border-bottom:1px solid var(--border-default);margin-bottom:var(--space-5)}.panel-toggle{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);border:1px solid var(--border-default);background:transparent;color:var(--text-secondary);cursor:pointer;flex-shrink:0;transition:background .12s,color .12s,border-color .12s}.panel-toggle:hover{background:var(--surface-hover);color:var(--text-primary);border-color:var(--border-strong)}.panel-toggle--active{background:var(--indigo-tint);border-color:var(--indigo-border);color:var(--color-periwinkle)}@media (max-width:767px){.portal-sidebar{display:none!important}.portal-topbar{display:block}.portal-content{margin-left:0!important;margin-right:0!important;padding:var(--space-6) var(--space-4);padding-top:calc(56px + var(--space-6))}.right-panel{width:280px}}