@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--primary: #0052CC;--primary-hover: #0747A6;--accent: #FF5722;--bg-app: #F4F5F7;--bg-sidebar: #0747A6;--bg-card: #FFFFFF;--text-main: #172B4D;--text-secondary: #42526E;--text-dim: #6B778C;--border: #DFE1E6;--sidebar-text: #DEEBFF;--sidebar-active: #FFFFFF;--sidebar-active-bg: rgba(255, 255, 255, .1);--success: #36B37E;--danger: #FF5630;--warning: #FFAB00;--shadow-sm: 0 1px 2px rgba(9, 30, 66, .13);--shadow-md: 0 4px 8px -2px rgba(9, 30, 66, .25), 0 0 1px rgba(9, 30, 66, .31);--shadow-lg: 0 12px 24px -6px rgba(9, 30, 66, .2), 0 0 1px rgba(9, 30, 66, .3)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--bg-app);color:var(--text-main);-webkit-font-smoothing:antialiased;overflow:hidden}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-8{gap:8px}.gap-12{gap:12px}.gap-24{gap:24px}.p-24{padding:24px}.w-full{width:100%}.text-xs{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.text-sm{font-size:14px}.text-dim{color:var(--text-dim)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.ml-auto{margin-left:auto}.login-screen{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:var(--primary);background-size:cover;background-position:center;position:relative}.login-card{width:440px;background:var(--bg-card);padding:48px;border-radius:16px;box-shadow:var(--shadow-lg);z-index:10;animation:slideUp .6s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:32px}.logo-icon{width:56px;height:56px;background:var(--primary);color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:24px;margin:0 auto 16px;box-shadow:0 4px 12px #0052cc4d}.login-header h1{font-size:24px;color:var(--text-main);margin-bottom:8px}.input-field{background:#f4f5f7;border:2px solid #F4F5F7;border-radius:8px;padding:0 16px;height:48px;display:flex;align-items:center;gap:12px;transition:all .2s}.input-field:focus-within{background:#fff;border-color:var(--primary);box-shadow:0 0 0 3px #0052cc1a}.transparent-input{background:transparent;border:none;outline:none;width:100%;color:var(--text-main);font-size:15px}.form-group label{display:block;font-size:12px;font-weight:700;color:var(--text-secondary);margin-bottom:8px;text-transform:uppercase}.btn{height:48px;border-radius:8px;border:none;font-weight:600;font-size:15px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #0052cc33}.portal-layout{display:flex;height:100vh;width:100vw}.portal-sidebar{width:280px;background:var(--bg-sidebar);display:flex;flex-direction:column;color:var(--sidebar-text);z-index:100}.sidebar-header{padding:24px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-content{flex:1;overflow-y:auto;padding:24px 0}.category-group{margin-bottom:24px}.category-label{padding:0 24px 8px;font-size:11px;font-weight:700;text-transform:uppercase;color:#ffffff80;letter-spacing:.1em}.task-item{width:100%;padding:10px 24px;background:transparent;border:none;color:var(--sidebar-text);text-align:left;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:12px}.task-item:hover{background:#ffffff0d;color:#fff}.task-item.active{background:var(--sidebar-active-bg);color:#fff;font-weight:600;box-shadow:inset 4px 0 #fff}.portal-main{flex:1;display:flex;flex-direction:column;min-width:0}.portal-header{height:64px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 32px;box-shadow:var(--shadow-sm);z-index:90}.iframe-container{flex:1;padding:24px;background:var(--bg-app)}.portal-iframe-wrapper{width:100%;height:100%;background:#fff;border-radius:12px;box-shadow:var(--shadow-md);overflow:hidden;position:relative}.portal-iframe{width:100%;height:100%;border:none}.badge{padding:2px 8px;border-radius:4px;font-size:10px;font-weight:700}.badge-success{background:#e3fcef;color:#064}.badge-neutral{background:#f4f5f7;color:var(--text-dim)}.icon-btn{width:36px;height:36px;border-radius:8px;border:1px solid var(--border);background:#fff;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer}.icon-btn:hover{background:#f4f5f7;color:var(--primary);border-color:var(--primary)}.btn-logout{padding:8px 16px;border-radius:8px;background:#ffebe6;color:#bf2600;border:none;font-weight:600;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:8px}.btn-logout:hover{background:#ffbdad}.border-right{height:24px;width:1px;background:var(--border);margin:0 16px}