:root{--color-primary: #1A4D91;--color-primary-light: #2A6DB5;--color-primary-dark: #133A6E;--color-primary-bg: #EDF3FA;--color-accent: #519D42;--color-accent-light: #6BB55E;--color-accent-bg: #F0F8EE;--color-white: #FFFFFF;--color-bg: #F8F9FC;--color-surface: #FFFFFF;--color-border: #E5E7EB;--color-text-primary: #1A1A2E;--color-text-secondary: #6B7280;--color-text-tertiary: #9CA3AF;--color-submitted: #3B82F6;--color-in-review: #F59E0B;--color-accepted: #10B981;--color-rejected: #EF4444;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .06);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .08);--shadow-xl: 0 12px 40px rgba(0, 0, 0, .1);--shadow-card: 0 2px 8px rgba(26, 77, 145, .06);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Poppins,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg);color:var(--color-text-primary);font-size:15px;line-height:1.5}h1{font-weight:700;font-size:28px;line-height:1.3}h2{font-weight:600;font-size:22px;line-height:1.3}h3{font-weight:600;font-size:18px;line-height:1.4}a{color:var(--color-primary);text-decoration:none}button{font-family:Poppins,sans-serif;cursor:pointer;border:none;outline:none}input,select,textarea{font-family:Poppins,sans-serif;font-size:15px}img{max-width:100%;display:block}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:20px 24px;border:1px solid var(--color-border)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:500;font-size:14px;padding:12px 24px;border-radius:var(--radius-md);transition:all .2s ease;white-space:nowrap}.btn-primary{background:var(--color-primary);color:var(--color-white)}.btn-primary:hover{background:var(--color-primary-light)}.btn-primary:active{background:var(--color-primary-dark)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--color-white);color:var(--color-primary);border:1.5px solid var(--color-primary)}.btn-secondary:hover{background:var(--color-primary-bg)}.btn-accent{background:var(--color-accent);color:var(--color-white)}.btn-accent:hover{background:var(--color-accent-light)}.input-field{width:100%;padding:12px 16px;border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-size:15px;color:var(--color-text-primary);background:var(--color-white);transition:all .2s ease}.input-field:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #1a4d911a}.input-field::placeholder{color:var(--color-text-tertiary)}.input-label{display:block;font-weight:500;font-size:13px;color:var(--color-text-secondary);margin-bottom:6px}.page-content{animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.sidebar{display:none;position:fixed;top:0;left:0;bottom:0;width:240px;background-color:var(--color-surface);border-right:1px solid var(--color-border);z-index:101;flex-direction:column;padding:0;overflow-y:auto}@media(min-width:1024px){.sidebar{display:flex}}.sidebar-brand{display:flex;align-items:center;justify-content:center;gap:10px;padding:18px 24px;font-size:20px;font-weight:700;color:var(--color-primary);border-bottom:1px solid var(--color-border);flex-shrink:0}.sidebar-brand__logo{height:120px;width:auto;object-fit:contain}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:2px;padding:12px}.sidebar-nav-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--radius-md);font-size:14px;font-weight:500;color:var(--color-text-secondary);text-decoration:none;transition:background-color .2s ease,color .2s ease}.sidebar-nav-item:hover{background-color:var(--color-primary-bg);color:var(--color-primary)}.sidebar-nav-item--active{background-color:var(--color-primary-bg);color:var(--color-primary);font-weight:600}.sidebar-nav-item__icon-wrap{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-nav-item__dot{position:absolute;top:-3px;right:-4px;width:8px;height:8px;border-radius:50%;background:#ef4444;border:2px solid var(--color-surface)}.sidebar-bottom{display:flex;flex-direction:column;border-top:1px solid var(--color-border);flex-shrink:0}.sidebar-user{display:flex;align-items:center;gap:10px;padding:14px 20px 8px}.sidebar-user-avatar{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-full);background-color:var(--color-primary-bg);color:var(--color-primary);flex-shrink:0}.sidebar-user-name{font-size:13px;font-weight:500;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-logout{display:flex;align-items:center;gap:12px;width:100%;padding:10px 20px 14px;background:none;border:none;cursor:pointer;font-size:14px;font-weight:500;color:var(--color-text-secondary);transition:color .2s ease}.sidebar-logout:hover{color:#dc2626}.sidebar-whatsapp{margin-top:4px}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:100;height:64px;background-color:var(--color-surface);border-top:1px solid var(--color-border);box-shadow:0 -2px 8px #0000000a;align-items:center;justify-content:space-around;padding:0 4px;padding-bottom:env(safe-area-inset-bottom,0px)}@media(min-width:1024px){.bottom-nav{display:none}}.bottom-nav-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;flex:1;height:100%;text-decoration:none;color:var(--color-text-secondary);transition:color .2s ease;-webkit-tap-highlight-color:transparent}.bottom-nav-tab--active{color:var(--color-primary)}.bottom-nav-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.bottom-nav-dot{position:absolute;top:-2px;right:-4px;width:8px;height:8px;border-radius:var(--radius-full);background-color:#ef4444;border:2px solid var(--color-surface)}.bottom-nav-label{font-size:11px;font-weight:500;line-height:1.2}.bottom-nav-whatsapp{color:#25d366!important}.bottom-nav-whatsapp .bottom-nav-label{font-weight:600}.app-layout{min-height:100vh;background-color:var(--color-bg)}.mobile-brand-bar{position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:10px;height:56px;padding:0 20px;background-color:var(--color-surface);border-bottom:1px solid var(--color-border);font-size:20px;font-weight:700;color:var(--color-primary);cursor:pointer;-webkit-user-select:none;user-select:none}.mobile-brand-bar__logo{height:28px;width:auto;object-fit:contain}.app-layout-main{padding-top:8px;padding-bottom:80px;min-height:100vh}@media(min-width:1024px){.mobile-brand-bar{display:none}.app-layout-main{margin-left:240px;padding-bottom:24px}}.login-page{min-height:100vh;display:flex;background-color:var(--color-bg)}.login-panel-left{width:440px;flex-shrink:0;display:flex;flex-direction:column;background:var(--color-white);padding:40px 36px;min-height:100vh}.login-panel-left__logo-wrap{margin-bottom:40px;display:flex;justify-content:center}.login-panel-left__logo{height:70px;width:auto;object-fit:contain}.login-panel-left__heading{font-size:14px;font-weight:700;color:#176dae;line-height:1.4;margin-bottom:44px;white-space:nowrap;text-align:center}.login-panel-left__features{display:flex;flex-direction:column;gap:28px;flex:1;justify-content:center;border:1px solid var(--color-border, #e2e8f0);border-radius:14px;padding:24px 20px}.login-panel-left__feature{display:flex;gap:16px;align-items:flex-start}.login-panel-left__feature-icon{flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:#18ab561f;color:#18ab56}.login-panel-left__feature-title{font-size:14px;font-weight:600;color:var(--color-text-primary);margin-bottom:4px}.login-panel-left__feature-desc{font-size:12.5px;color:var(--color-text-secondary);line-height:1.5}.login-powered-by{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:36px;padding:12px 20px;border-top:none;background:#ffffff80;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:12px}.login-powered-by span{font-size:12px;color:#1a2a4a;font-weight:400}.login-powered-by__logo{height:42px;width:auto;object-fit:contain;opacity:1}.login-panel-right{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 20px;position:relative;overflow:hidden;background-image:url(/assets/images/container.jpg);background-size:cover;background-position:center}.login-panel-right:before{content:"";position:absolute;inset:0;background:#ffffff4d;pointer-events:none}.login-card{width:100%;max-width:440px;background:linear-gradient(180deg,#fff9,#ffffff40);backdrop-filter:blur(35px);-webkit-backdrop-filter:blur(35px);border:none;border-radius:20px;padding:44px 40px 36px;position:relative;z-index:1;animation:loginFadeIn .25s ease}@keyframes loginFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.login-card__title{font-size:22px;font-weight:700;color:#1a2a4a;text-align:center;margin-bottom:28px;letter-spacing:-.2px}.login-phone-group{margin-bottom:18px}.login-phone-group__wrapper{display:flex;align-items:stretch;border-radius:12px;overflow:hidden;background:#ffffffeb;border:1.5px solid rgba(26,42,74,.2);transition:all .2s ease}.login-phone-group__wrapper:focus-within{border-color:#1a4d91;box-shadow:0 0 0 3px #1a4d9126}.login-phone-group__wrapper--error{border-color:#f87171}.login-phone-group__input{flex:1;border:none;outline:none;padding:15px 20px;font-size:15px;color:#1a2a4a;background:transparent;text-align:center;letter-spacing:.3px;font-family:Poppins,sans-serif}.login-phone-group__input::placeholder{color:#9aaccc;letter-spacing:0;text-align:center}.login-error{color:#dc2626;font-size:12px;margin-top:6px;padding-left:4px}.login-send-otp-btn{width:100%;padding:15px 24px;font-size:15px;font-weight:600;border-radius:12px;border:none;background:#1a3a7a;color:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;font-family:Poppins,sans-serif;box-shadow:0 4px 16px #0a1e5066}.login-send-otp-btn:hover:not(:disabled){background:#234fa0;box-shadow:0 6px 20px #0a1e5080}.login-send-otp-btn:active:not(:disabled){background:#142d60}.login-send-otp-btn:disabled{opacity:.6;cursor:not-allowed}.login-spinner{width:18px;height:18px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:loginSpin .7s linear infinite}@keyframes loginSpin{to{transform:rotate(360deg)}}.login-otp-section{animation:loginFadeIn .3s ease}.login-otp-back-btn{display:inline-flex;align-items:center;gap:4px;background:none;border:none;color:#1a2a4a99;font-size:13px;font-weight:500;cursor:pointer;padding:0;margin-bottom:20px;font-family:Poppins,sans-serif;transition:color .2s ease}.login-otp-back-btn:hover{color:#1a2a4a}.login-otp-info{text-align:center;margin-bottom:24px}.login-otp-info__title{font-size:16px;font-weight:600;color:#1a2a4a;margin-bottom:4px}.login-otp-info__phone{font-size:13px;color:#1a2a4a99}.login-otp-info__phone span{font-weight:600;color:#1a2a4a}.login-otp-inputs{display:flex;justify-content:center;gap:10px;margin-bottom:24px}.login-otp-inputs__box{width:50px;height:52px;text-align:center;font-size:20px;font-weight:700;color:#1a2a4a;border:1.5px solid rgba(26,42,74,.2);border-radius:10px;background:#ffffffe0;outline:none;transition:all .2s ease;caret-color:#1a3a7a;font-family:Poppins,sans-serif}.login-otp-inputs__box:focus{border-color:#1a4d91;box-shadow:0 0 0 3px #1a4d9126;background:#fffffff5}.login-otp-inputs__box--filled{background:#fffffff2;border-color:#93c5fd}.login-verify-btn{width:100%;padding:15px 24px;font-size:15px;font-weight:600;border-radius:12px;border:none;background:#1a3a7a;color:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;font-family:Poppins,sans-serif;box-shadow:0 4px 16px #0a1e5066}.login-verify-btn:hover:not(:disabled){background:#234fa0}.login-verify-btn:active:not(:disabled){background:#142d60}.login-verify-btn:disabled{opacity:.6;cursor:not-allowed}.login-footer{text-align:center;margin-top:22px;font-size:11.5px;color:#ffffffb3;line-height:1.5}.login-footer__links{color:#fff;font-weight:500;text-decoration:none;transition:color .2s ease}.login-footer__links:hover{color:#fff;text-decoration:underline}@media(max-width:1024px){.login-panel-left{width:360px;padding:32px 24px}}@media(max-width:768px){.login-panel-left{display:none}.login-panel-right{flex:1}}@media(max-width:480px){.login-card{padding:36px 24px 28px}.login-otp-inputs{gap:8px}.login-otp-inputs__box{width:44px;height:46px;font-size:18px}}.register-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg);padding:20px}.register-card{width:100%;max-width:420px;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:40px;animation:fadeIn .2s ease}.register-card__heading{font-size:28px;font-weight:700;color:var(--color-primary);text-align:center;margin-bottom:4px}.register-card__subtitle{font-size:14px;color:var(--color-text-secondary);text-align:center;margin-bottom:28px}.register-phone-display{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--color-bg);border-radius:var(--radius-md);border:1.5px solid var(--color-border);margin-bottom:20px}.register-phone-display__label{font-size:13px;color:var(--color-text-secondary);font-weight:500}.register-phone-display__number{font-size:15px;font-weight:600;color:var(--color-text-primary);letter-spacing:.3px}.register-phone-display__icon{color:var(--color-accepted);margin-left:auto}.register-form-group{margin-bottom:18px}.register-form-group__label{display:block;font-weight:500;font-size:13px;color:var(--color-text-secondary);margin-bottom:6px}.register-form-group__label span{color:var(--color-rejected)}.register-form-group__input{width:100%;padding:12px 16px;border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-size:15px;color:var(--color-text-primary);background:var(--color-white);transition:all .2s ease}.register-form-group__input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #1a4d911a}.register-form-group__input::placeholder{color:var(--color-text-tertiary)}.register-form-group__input--error{border-color:var(--color-rejected)}.register-form-group__input--error:focus{border-color:var(--color-rejected);box-shadow:0 0 0 3px #ef44441a}.register-form-group__hint{font-size:12px;color:var(--color-text-tertiary);margin-top:4px}.register-form-group__error{font-size:12px;color:var(--color-rejected);margin-top:4px}.register-location-btn{width:100%;padding:12px 16px;border:1.5px dashed var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;font-family:inherit}.register-location-btn:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-primary-bg)}.register-location-btn:disabled{opacity:.7;cursor:not-allowed}.register-location-btn--error{border-color:var(--color-rejected)}.register-location-display{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#ecfdf5;border:1.5px solid #a7f3d0;border-radius:var(--radius-md)}.register-location-display__info{display:flex;align-items:center;gap:8px}.register-location-display__icon{color:#10b981;flex-shrink:0}.register-location-display__text{font-size:14px;font-weight:500;color:#065f46}.register-location-display__check{color:#10b981;flex-shrink:0}.register-submit-btn{width:100%;padding:14px 24px;font-size:15px;font-weight:600;border-radius:var(--radius-md);border:none;background:var(--color-primary);color:var(--color-white);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px}.register-submit-btn:hover:not(:disabled){background:var(--color-primary-light)}.register-submit-btn:disabled{opacity:.6;cursor:not-allowed}.register-spinner{width:18px;height:18px;border:2.5px solid rgba(255,255,255,.3);border-top-color:var(--color-white);border-radius:50%;animation:registerSpin .7s linear infinite}.register-location-btn .register-spinner{border:2.5px solid rgba(26,77,145,.2);border-top-color:var(--color-primary)}@keyframes registerSpin{to{transform:rotate(360deg)}}.register-login-link{text-align:center;margin-top:20px;font-size:13px;color:var(--color-text-secondary)}.register-login-link a{color:var(--color-primary);font-weight:600;cursor:pointer;text-decoration:none}.register-login-link a:hover{text-decoration:underline}@media(max-width:480px){.register-card{padding:32px 24px}}.status-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:var(--radius-full);font-size:12px;font-weight:600;line-height:1.4;white-space:nowrap;letter-spacing:.01em}.dashboard-page{padding:24px;animation:fadeIn .2s ease}.dashboard-greeting-banner{display:flex;align-items:center;gap:16px;padding:8px 0}.dashboard-greeting__logo{display:none}.dashboard-greeting{display:flex;flex-direction:column}.dashboard-greeting h1{font-size:23.8px;font-weight:700;color:#176dae;margin:0;line-height:1.3}.dashboard-date{font-size:18px;color:#176dae;margin-top:4px}.dashboard-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:24px}.stat-card{border-radius:20px;padding:24px;display:flex;flex-direction:column;justify-content:center;gap:4px;background-size:cover;background-position:center;background-repeat:no-repeat;aspect-ratio:538 / 323;transition:box-shadow .2s ease,transform .15s ease;overflow:hidden}.stat-card:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-2px)}.stat-card-count{font-size:25.2px;font-weight:700;color:#176dae;line-height:1}.stat-card-label{font-size:16px;color:#90979f;font-weight:600;margin-top:4px}.dashboard-tips{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:20px}.dashboard-tip{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.dashboard-tip__icon{width:40px;height:40px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#eef0fb;color:#16407c}.dashboard-tip__text{display:flex;flex-direction:column;gap:1px;min-width:0}.dashboard-tip__title{font-size:13px;font-weight:700;color:var(--color-text-primary);line-height:1.25}.dashboard-tip__desc{font-size:12px;color:var(--color-text-tertiary);line-height:1.3;margin-top:2px}.dashboard-portfolio{display:flex;align-items:center;gap:14px;margin-top:20px;padding:20px 24px 20px 160px;background:url(/assets/images/scrip_trading.jpg) center / cover no-repeat;border:none;border-radius:var(--radius-lg);position:relative;overflow:hidden}.dashboard-portfolio__icon{width:56px;height:56px;border-radius:var(--radius-md);background:#fff3;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dashboard-portfolio__info{display:flex;flex-direction:column;flex:1;min-width:0}.dashboard-portfolio__label{font-size:15px;font-weight:500;color:#ffffffd9}.dashboard-portfolio__value{font-size:21px;font-weight:700;color:#fff;line-height:1.2}.dashboard-portfolio__btn{flex-shrink:0;padding:16px 28px;font-size:16px;font-weight:600;white-space:nowrap;display:none;background:#fff!important;color:var(--color-primary)!important;border:none!important;gap:8px}.dashboard-cta{margin-top:20px}.dashboard-cta-btn{width:100%;padding:14px 24px;font-size:15px;font-weight:600}.dashboard-recent{margin-top:28px}.dashboard-recent__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.dashboard-recent__header h3{font-size:18px;font-weight:600;color:var(--color-text-primary);margin:0}.recent-scrips-list{display:flex;flex-direction:column;gap:12px}.recent-scrip-card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1px solid var(--color-border);padding:18px 20px;cursor:pointer;transition:box-shadow .2s ease,transform .15s ease;display:flex;align-items:center;gap:16px}.recent-scrip-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.recent-scrip-card__left{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.recent-scrip-card__top{display:flex;align-items:center;gap:8px}.recent-scrip-type{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius-full);background:var(--color-primary-bg);color:var(--color-primary);font-size:12px;font-weight:600;letter-spacing:.02em}.recent-scrip-id{font-size:12px;color:var(--color-text-tertiary);font-weight:500}.recent-scrip-card__value{font-size:18px;font-weight:700;color:var(--color-text-primary);line-height:1.2}.recent-scrip-card__meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.recent-scrip-card__meta-item{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--color-text-tertiary);white-space:nowrap}.recent-scrip-card__meta-item--rate{color:#059669;font-weight:600}.recent-scrip-card__right{display:flex;flex-direction:column;align-items:flex-end;gap:10px;flex-shrink:0}.recent-scrip-card__progress{display:flex;align-items:center;gap:6px}.recent-scrip-card__progress-bar{display:flex;gap:4px}.recent-scrip-card__progress-dot{width:8px;height:8px;border-radius:50%;background:var(--color-border);transition:background .2s ease}.recent-scrip-card__progress-dot--filled{background:var(--color-primary)}.recent-scrip-card__progress-dot--red{background:#ef4444}.recent-scrip-card__progress-label{font-size:10px;color:var(--color-text-tertiary);font-weight:500;white-space:nowrap}.recent-scrip-card__chevron{color:var(--color-text-tertiary);transition:transform .2s ease,color .2s ease}.recent-scrip-card:hover .recent-scrip-card__chevron{transform:translate(2px);color:var(--color-primary)}.dashboard-empty{text-align:center;padding:48px 24px;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1px solid var(--color-border)}.dashboard-empty-icon{color:var(--color-text-tertiary);margin-bottom:16px}.dashboard-empty p{font-size:15px;color:var(--color-text-secondary);margin-bottom:20px}.dashboard-empty .btn{display:inline-flex}@media(min-width:768px){.dashboard-page{padding:32px;max-width:1140px;margin:0 auto}.dashboard-stats{grid-template-columns:repeat(4,1fr);gap:16px}.dashboard-tips{grid-template-columns:repeat(4,1fr);gap:12px}.dashboard-cta-btn{width:auto}.dashboard-portfolio__btn{display:inline-flex}.recent-scrip-card{padding:20px 24px}}.post-scrip-page{padding:24px;animation:fadeIn .2s ease}.post-scrip-page h2{font-size:22px;font-weight:600;color:var(--color-text-primary);margin-bottom:24px}.post-scrip-layout{display:flex;flex-direction:column;gap:24px}.post-scrip-card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1px solid var(--color-border);padding:24px}.form-group{margin-bottom:20px}.form-label{display:block;font-weight:500;font-size:13px;color:var(--color-text-secondary);margin-bottom:6px}.form-label .required{color:var(--color-rejected);margin-left:2px}.select-wrapper{position:relative}.select-wrapper select{width:100%;padding:12px 40px 12px 16px;border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-size:15px;color:var(--color-text-primary);background:var(--color-white);appearance:none;-webkit-appearance:none;cursor:pointer;transition:all .2s ease}.select-wrapper select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #1a4d911a}.select-wrapper select.placeholder-selected{color:var(--color-text-tertiary)}.select-chevron{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--color-text-tertiary);pointer-events:none}.value-input-wrapper{position:relative;display:flex;align-items:center}.value-prefix{position:absolute;left:16px;font-size:15px;font-weight:500;color:var(--color-text-secondary);pointer-events:none;z-index:1}.value-input-wrapper input{padding-left:32px}.form-input{width:100%;padding:12px 16px;border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-size:15px;color:var(--color-text-primary);background:var(--color-white);transition:all .2s ease}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #1a4d911a}.form-input::placeholder{color:var(--color-text-tertiary)}.form-textarea{resize:vertical;min-height:100px}.form-input--error,.select-wrapper select.form-input--error{border-color:var(--color-rejected)}.form-input--error:focus,.select-wrapper select.form-input--error:focus{border-color:var(--color-rejected);box-shadow:0 0 0 3px #ef44441a}.form-error{font-size:12px;color:var(--color-rejected);margin-top:4px;display:flex;align-items:center;gap:4px}.form-section{margin-top:4px;padding:16px 18px 8px;border:1px solid var(--color-border);border-radius:12px;background:#176dae08}.form-section__title{font-size:14px;font-weight:700;color:#176dae;margin:0 0 14px;letter-spacing:.02em;text-transform:uppercase}.form-section__grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:640px){.form-section__grid{grid-template-columns:1fr}}.upload-note{background:#176dae0f;border:1px solid rgba(23,109,174,.18);border-radius:12px;padding:14px 16px;margin-bottom:12px}.upload-note__title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#176dae;margin-bottom:10px}.upload-note__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.upload-note__list li{display:flex;align-items:flex-start;gap:10px;font-size:12.5px;color:var(--color-text-secondary, #4b5563);line-height:1.45}.upload-note__bullet{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#176dae;color:#fff;font-size:11px;font-weight:700;line-height:1}.upload-note__download{margin-left:auto;display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;background:#fff;border:1px solid rgba(23,109,174,.35);color:#176dae;font-size:11px;font-weight:600;text-decoration:none;transition:background .15s ease,border-color .15s ease;flex-shrink:0}.upload-note__download:hover{background:#176dae;color:#fff;border-color:#176dae}.dropzone{border:2px dashed var(--color-border);border-radius:var(--radius-md);padding:32px 20px;text-align:center;cursor:pointer;transition:all .2s ease;background:var(--color-bg)}.dropzone:hover,.dropzone--active{border-color:var(--color-primary);background:var(--color-primary-bg)}.dropzone--error{border-color:var(--color-rejected)}.dropzone-icon{color:var(--color-text-tertiary);margin-bottom:8px}.dropzone--active .dropzone-icon,.dropzone:hover .dropzone-icon{color:var(--color-primary)}.dropzone-text{font-size:14px;color:var(--color-text-secondary)}.dropzone-text span{color:var(--color-primary);font-weight:500}.dropzone-hint{font-size:12px;color:var(--color-text-tertiary);margin-top:4px}.uploaded-files{margin-top:12px;display:flex;flex-direction:column;gap:8px}.uploaded-file{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md)}.uploaded-file-info{display:flex;align-items:center;gap:10px;min-width:0}.uploaded-file-icon{color:var(--color-primary);flex-shrink:0}.uploaded-file-details{min-width:0}.uploaded-file-name{font-size:13px;font-weight:500;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.uploaded-file-size{font-size:11px;color:var(--color-text-tertiary)}.uploaded-file-remove{background:none;border:none;padding:4px;color:var(--color-text-tertiary);cursor:pointer;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s ease}.uploaded-file-remove:hover{color:var(--color-rejected);background:#fef2f2}.post-scrip-submit{width:100%;padding:14px 24px;font-size:15px;font-weight:600;margin-top:8px}.post-scrip-success{text-align:center;padding:48px 24px;max-width:640px}.success-icon{width:64px;height:64px;border-radius:50%;background:#ecfdf5;color:#10b981;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.post-scrip-success h3{font-size:20px;font-weight:700;color:var(--color-text-primary);margin-bottom:8px}.post-scrip-success p{font-size:14px;color:var(--color-text-secondary);margin-bottom:24px;line-height:1.6}.post-scrip-success .btn{display:inline-flex}.post-scrip-sidebar{display:flex;flex-direction:column;gap:16px}.post-scrip-sidebar__card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px}.post-scrip-sidebar__title{font-size:16px;font-weight:600;color:var(--color-text-primary);margin-bottom:20px}.post-scrip-sidebar__steps{display:flex;flex-direction:column;gap:18px}.post-scrip-sidebar__step{display:flex;align-items:flex-start;gap:14px}.post-scrip-sidebar__step-num{width:30px;height:30px;border-radius:50%;background:var(--color-primary-bg);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}.post-scrip-sidebar__step-title{font-size:14px;font-weight:600;color:var(--color-text-primary);margin-bottom:2px}.post-scrip-sidebar__step-desc{font-size:13px;color:var(--color-text-secondary);line-height:1.4}.post-scrip-sidebar__tip{padding:14px 16px;background:var(--color-primary-bg);border:1px solid rgba(26,77,145,.12);border-radius:var(--radius-lg);font-size:13px;color:var(--color-text-secondary);line-height:1.5}.post-scrip-sidebar__tip strong{color:var(--color-primary)}@media(min-width:768px){.post-scrip-page{padding:32px;max-width:1140px;margin:0 auto}.post-scrip-layout{flex-direction:row;align-items:flex-start}.post-scrip-card{padding:32px;flex:1;min-width:0}.post-scrip-sidebar{width:280px;flex-shrink:0;position:sticky;top:32px}}.post-scrip-location{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:var(--radius-md, 8px);font-size:.875rem;color:#065f46}.post-scrip-location__icon{flex-shrink:0;color:#10b981}.post-scrip-location__text{flex:1;font-weight:500}.post-scrip-location__refresh{background:none;border:none;cursor:pointer;color:#065f46;padding:4px;border-radius:4px;display:flex;align-items:center}.post-scrip-location__refresh:hover{background:#d1fae5}.post-scrip-location__detect{display:flex;align-items:center;gap:6px;padding:10px 16px;background:none;border:1px dashed var(--color-border, #d1d5db);border-radius:var(--radius-md, 8px);color:var(--color-text-secondary);cursor:pointer;font-size:.875rem;font-family:inherit;width:100%}.post-scrip-location__detect:hover{border-color:var(--color-primary);color:var(--color-primary)}.post-scrip-whatsapp-card{display:flex;align-items:center;gap:14px;background:#25d366;border-radius:var(--radius-lg);padding:16px 18px;text-decoration:none;color:#fff;transition:background .2s ease,transform .15s ease,box-shadow .2s ease;box-shadow:0 4px 14px #25d36659}.post-scrip-whatsapp-card:hover{background:#1ebe5c;transform:translateY(-2px);box-shadow:0 6px 20px #25d36673}.post-scrip-whatsapp-card__icon{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:var(--radius-full);background:#fff3;flex-shrink:0}.post-scrip-whatsapp-card__text{flex:1;display:flex;flex-direction:column;gap:2px}.post-scrip-whatsapp-card__title{font-size:14px;font-weight:700;line-height:1.2}.post-scrip-whatsapp-card__sub{font-size:12px;opacity:.88}.post-scrip-whatsapp-card__arrow{flex-shrink:0;opacity:.8}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 24px;min-height:300px}.empty-state-icon{color:var(--color-text-tertiary);margin-bottom:16px}.empty-state-title{font-size:18px;font-weight:600;color:var(--color-text-primary);margin-bottom:8px}.empty-state-message{font-size:14px;color:var(--color-text-secondary);max-width:320px;line-height:1.5;margin-bottom:20px}.empty-state-action{margin-top:4px}.my-scrips-page{padding:24px 20px;max-width:1000px;margin:0 auto}.my-scrips-page__heading{font-size:22px;font-weight:600;color:var(--color-text-primary);margin-bottom:20px}.my-scrips-filter-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.my-scrips-filter-bar__select-wrapper{position:relative;display:inline-flex;align-items:center}.my-scrips-filter-bar__select{appearance:none;-webkit-appearance:none;background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);padding:10px 36px 10px 14px;font-size:14px;font-weight:500;color:var(--color-text-primary);cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.my-scrips-filter-bar__select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #1a4d911a}.my-scrips-filter-bar__select-icon{position:absolute;right:12px;color:var(--color-text-secondary);pointer-events:none}.my-scrips-filter-bar__sort-wrapper{position:relative;display:flex;align-items:center;gap:0;border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-white);padding:0 10px;transition:border-color .2s ease}.my-scrips-filter-bar__sort-wrapper:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #1a4d911a}.my-scrips-filter-bar__sort-icon{color:var(--color-text-tertiary);flex-shrink:0;pointer-events:none}.my-scrips-filter-bar__sort-select{border:none;outline:none;background:transparent;font-size:13px;font-weight:500;font-family:Poppins,sans-serif;color:var(--color-text-secondary);padding:9px 20px 9px 6px;cursor:pointer;appearance:none;-webkit-appearance:none}.my-scrips-filter-bar__sort-chevron{color:var(--color-text-tertiary);flex-shrink:0;pointer-events:none;margin-left:-16px}.my-scrips-summary{display:flex;align-items:center;flex-wrap:wrap;gap:6px 16px;padding:12px 16px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:16px;font-size:13px;color:var(--color-text-secondary)}.my-scrips-summary__total{font-weight:600;color:var(--color-text-primary)}.my-scrips-summary__item{display:inline-flex;align-items:center;gap:5px;font-weight:500}.my-scrips-summary__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.my-scrips-summary__dot--submitted{background:var(--color-primary)}.my-scrips-summary__dot--review{background:#f59e0b}.my-scrips-summary__dot--accepted{background:#10b981}.my-scrips-summary__dot--rejected{background:#ef4444}.my-scrips-info-banner{display:flex;align-items:flex-start;gap:12px;margin-top:24px;padding:16px 18px;background:var(--color-primary-bg);border:1px solid rgba(26,77,145,.12);border-radius:var(--radius-lg)}.my-scrips-info-banner__icon{color:var(--color-primary);flex-shrink:0;margin-top:1px}.my-scrips-info-banner__text{font-size:13px;color:var(--color-text-secondary);line-height:1.5}.my-scrips-info-banner__text strong{color:var(--color-text-primary)}.my-scrips-info-banner__link{display:inline-flex;align-items:center;gap:4px;background:none;border:none;color:var(--color-primary);font-size:13px;font-weight:600;cursor:pointer;padding:0;margin-left:6px;font-family:inherit}.my-scrips-info-banner__link:hover{text-decoration:underline}.my-scrips-list{display:flex;flex-direction:column;gap:12px}.my-scrips-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:18px 20px;box-shadow:var(--shadow-card);transition:all .2s ease;position:relative}.my-scrips-card:hover{border-color:var(--color-primary);box-shadow:0 4px 12px #1a4d911a}.my-scrips-card--expanded{border-color:var(--color-primary)}.my-scrips-card__header{display:flex;flex-direction:column;padding-right:40px}.my-scrips-card__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.my-scrips-card__type-pill{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius-sm);font-size:11px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;background:var(--color-primary-bg);color:var(--color-primary)}.my-scrips-card__value{font-size:20px;font-weight:700;color:var(--color-text-primary);margin-bottom:8px}.my-scrips-card__meta{display:flex;align-items:center;gap:16px;margin-bottom:14px}.my-scrips-card__date{font-size:13px;color:var(--color-text-secondary)}.my-scrips-card__docs{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--color-text-tertiary);font-weight:500}.my-scrips-card__timeline{display:flex;align-items:center}.my-scrips-card__timeline-step{display:flex;align-items:center;gap:6px}.my-scrips-card__timeline-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;border:2px solid var(--color-border);background:var(--color-surface)}.my-scrips-card__timeline-dot--done{border-color:var(--color-primary);background:var(--color-primary)}.my-scrips-card__timeline-dot--accepted{border-color:#10b981;background:#10b981}.my-scrips-card__timeline-dot--rejected{border-color:#ef4444;background:#ef4444}.my-scrips-card__timeline-label{font-size:12px;color:var(--color-text-tertiary);font-weight:500;white-space:nowrap}.my-scrips-card__timeline-label--done{color:var(--color-primary)}.my-scrips-card__timeline-label--accepted{color:#059669}.my-scrips-card__timeline-label--rejected{color:#dc2626}.my-scrips-card__timeline-line{width:24px;height:2px;background:var(--color-border);margin:0 6px;flex-shrink:0}.my-scrips-card__timeline-line--done{background:var(--color-primary)}.my-scrips-card__expand{position:absolute;top:18px;right:16px;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--radius-sm);background:none;border:1px solid var(--color-border);color:var(--color-text-tertiary);cursor:pointer;transition:all .2s ease}.my-scrips-card__expand:hover{background:var(--color-bg);color:var(--color-primary);border-color:var(--color-primary)}.my-scrips-card__expand svg{transition:transform .2s ease}.my-scrips-card__expand--open svg{transform:rotate(180deg)}.my-scrips-card__details{margin-top:16px;padding-top:16px;border-top:1px solid var(--color-border)}.my-scrips-card__details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}.my-scrips-card__detail{display:flex;flex-direction:column;gap:2px}.my-scrips-card__detail--full{grid-column:1 / -1}.my-scrips-card__detail-label{font-size:11px;font-weight:500;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.03em}.my-scrips-card__detail-value{font-size:14px;color:var(--color-text-primary);font-weight:500;line-height:1.4}.my-scrips-card__detail-value--green{color:#059669;font-weight:700}.my-scrips-card__detail-value--red{color:#dc2626}.my-scrips-card__view-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--color-primary-bg);color:var(--color-primary);border:none;border-radius:var(--radius-md);font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s ease}.my-scrips-card__view-btn:hover{background:var(--color-primary);color:var(--color-white)}@media(max-width:480px){.my-scrips-page{padding:20px 16px}.my-scrips-filter-bar{flex-direction:column;align-items:stretch;gap:10px}.my-scrips-filter-bar__sort-wrapper{justify-content:flex-end}}.scrip-detail-page{padding:24px 20px;max-width:1000px;margin:0 auto}.scrip-detail-back-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:var(--color-text-secondary);font-size:14px;font-weight:500;cursor:pointer;padding:0;margin-bottom:20px;transition:color .2s ease;font-family:Poppins,sans-serif}.scrip-detail-back-btn:hover{color:var(--color-primary)}.scrip-detail-not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 24px;color:var(--color-text-secondary)}.scrip-detail-not-found h3{margin-top:16px;font-size:18px;color:var(--color-text-primary)}.scrip-detail-not-found p{font-size:14px;margin-top:8px;max-width:320px}.scrip-detail-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:24px;margin-bottom:20px}.scrip-detail-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.scrip-detail-card__type-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:var(--radius-sm);font-size:12px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;background:var(--color-primary-bg);color:var(--color-primary)}.scrip-detail-card__value{font-size:28px;font-weight:700;color:var(--color-text-primary);margin-bottom:20px}.scrip-detail-card__meta{display:flex;flex-wrap:wrap;gap:24px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--color-border)}.scrip-detail-card__meta-item{display:flex;flex-direction:column;gap:4px}.scrip-detail-card__meta-label{font-size:12px;font-weight:500;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.04em}.scrip-detail-card__meta-value{font-size:14px;font-weight:500;color:var(--color-text-primary)}.scrip-detail-card__section{margin-top:20px}.scrip-detail-card__section-title{font-size:14px;font-weight:600;color:var(--color-text-primary);margin-bottom:12px}.scrip-detail-docs{display:flex;flex-direction:column;gap:8px}.scrip-detail-doc{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:var(--color-bg);border-radius:var(--radius-md);border:1px solid var(--color-border)}.scrip-detail-doc__info{display:flex;align-items:center;gap:10px}.scrip-detail-doc__icon{color:var(--color-primary);flex-shrink:0}.scrip-detail-doc__name{font-size:13px;font-weight:500;color:var(--color-text-primary)}.scrip-detail-doc__size{font-size:12px;color:var(--color-text-tertiary);margin-top:1px}.scrip-detail-doc__download{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.scrip-detail-doc__download:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-bg)}.scrip-detail-card__notes{font-size:14px;color:var(--color-text-secondary);line-height:1.6}.scrip-detail-rejection-card{background:#ef44440f;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-lg);padding:18px 20px;margin-bottom:20px}.scrip-detail-rejection-card__title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--color-rejected)}.scrip-detail-rejection-card__notes{font-size:13px;color:var(--color-text-secondary);margin-top:8px;line-height:1.5}.scrip-detail-timeline{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:24px;margin-bottom:20px}.scrip-detail-timeline__heading{font-size:16px;font-weight:600;color:var(--color-text-primary);margin-bottom:24px}.scrip-detail-timeline__steps{position:relative;display:flex;flex-direction:column}.scrip-detail-timeline__step{position:relative;display:flex;align-items:flex-start;gap:14px;padding-bottom:28px}.scrip-detail-timeline__step:last-child{padding-bottom:0}.scrip-detail-timeline__line{position:absolute;left:13px;top:28px;bottom:0;width:2px;background:var(--color-border)}.scrip-detail-timeline__line--completed{background:var(--color-accepted)}.scrip-detail-timeline__circle{width:28px;height:28px;min-width:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;z-index:1}.scrip-detail-timeline__circle--completed{background:var(--color-accepted);color:var(--color-white)}.scrip-detail-timeline__circle--current{background:var(--color-primary-bg);border:2px solid var(--color-primary);position:relative}.scrip-detail-timeline__circle--future{background:var(--color-bg);border:2px solid var(--color-border);color:var(--color-text-tertiary)}.scrip-detail-timeline__pulse{width:10px;height:10px;border-radius:50%;background:var(--color-primary);animation:timelinePulse 1.5s ease-in-out infinite}@keyframes timelinePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.8)}}.scrip-detail-timeline__content{flex:1;padding-top:3px}.scrip-detail-timeline__status-label{font-size:14px;font-weight:600;color:var(--color-text-primary);line-height:1.3}.scrip-detail-timeline__timestamp{font-size:12px;color:var(--color-text-secondary);margin-top:3px}.scrip-detail-timeline__by{font-size:12px;color:var(--color-text-tertiary);margin-top:2px}.scrip-detail-timeline__quote-info{margin-top:8px;padding:8px 12px;background:#10b98114;border-radius:var(--radius-sm);font-size:13px;font-weight:500;color:#059669}.scrip-detail-timeline__rejection-info{margin-top:8px;padding:8px 12px;background:#ef44440f;border-radius:var(--radius-sm);font-size:13px;font-weight:500;color:var(--color-rejected)}.scrip-detail-timeline__rejection-notes{font-weight:400;color:var(--color-text-secondary);margin-top:4px}.scrip-detail-actions{display:flex;gap:12px;margin-bottom:20px}.scrip-detail-actions__accept,.scrip-detail-actions__reject{flex:1}.scrip-detail-action-result{padding:14px 18px;border-radius:var(--radius-md);font-size:14px;font-weight:500;text-align:center;margin-bottom:20px}.scrip-detail-action-result--accepted{background:#10b98114;color:#059669;border:1px solid rgba(16,185,129,.2)}.scrip-detail-action-result--rejected{background:#ef44440f;color:var(--color-rejected);border:1px solid rgba(239,68,68,.2)}@media(max-width:480px){.scrip-detail-page{padding:20px 16px}.scrip-detail-card{padding:20px 18px}.scrip-detail-card__value{font-size:24px}.scrip-detail-card__meta{flex-direction:column;gap:16px}.scrip-detail-actions{flex-direction:column}.scrip-detail-timeline{padding:20px 18px}}.scrip-detail-timeline__context-msg{margin-top:6px;padding:8px 12px;border-radius:var(--radius-sm);font-size:12px;font-weight:500;line-height:1.5}.scrip-detail-timeline__context-msg--green{background:#10b98114;color:#059669;border-left:3px solid #059669}.scrip-detail-timeline__context-msg--amber{background:#f59e0b14;color:#d97706;border-left:3px solid #D97706}.scrip-detail-timeline__exporter-note{margin-top:4px;font-style:italic;opacity:.85}.scrip-detail-reject-form{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);padding:20px;margin-bottom:20px}.scrip-detail-reject-form__heading{font-size:14px;font-weight:600;color:var(--color-text-primary);margin-bottom:12px}.scrip-detail-reject-form__textarea{width:100%;padding:10px 12px;border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-size:14px;font-family:Poppins,sans-serif;color:var(--color-text-primary);resize:vertical;outline:none;box-sizing:border-box;transition:border-color .2s ease}.scrip-detail-reject-form__textarea:focus{border-color:var(--color-primary)}.scrip-detail-reject-form__actions{display:flex;gap:10px;margin-top:14px}.btn-danger{background-color:#dc2626;color:#fff;border:none;padding:10px 20px;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;font-family:Poppins,sans-serif;transition:background .2s ease}.btn-danger:hover{background-color:#b91c1c}.notifications-page{padding:24px 20px;max-width:1000px;margin:0 auto}.notifications-page__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.notifications-page__heading{font-size:22px;font-weight:600;color:var(--color-text-primary);margin:0}.notifications-page__refresh-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-white);color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease;flex-shrink:0}.notifications-page__refresh-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-bg)}.notifications-page__refresh-btn:disabled{opacity:.5;cursor:not-allowed}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.notifications-page__refresh-spin{animation:spin .7s linear infinite}.notifications-list{display:flex;flex-direction:column;gap:8px}.notification-card{position:relative;display:flex;align-items:flex-start;gap:14px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:16px 18px;box-shadow:var(--shadow-card);cursor:pointer;transition:all .2s ease}.notification-card:hover{border-color:var(--color-primary);box-shadow:0 4px 12px #1a4d911a}.notification-card:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.notification-card--unread{border-left:3px solid var(--color-submitted);background:linear-gradient(90deg,rgba(59,130,246,.03) 0%,var(--color-surface) 40%)}.notification-card__unread-dot{position:absolute;top:12px;right:14px;width:8px;height:8px;border-radius:50%;background:var(--color-submitted)}.notification-card__icon{width:40px;height:40px;min-width:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.notification-card__content{flex:1;min-width:0}.notification-card__title{font-size:14px;font-weight:600;color:var(--color-text-primary);line-height:1.3;margin-bottom:3px}.notification-card__message{font-size:13px;color:var(--color-text-secondary);line-height:1.5;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-card__time{font-size:12px;color:var(--color-text-tertiary)}@media(max-width:480px){.notifications-page{padding:20px 16px}.notification-card{padding:14px 16px;gap:12px}.notification-card__icon{width:36px;height:36px;min-width:36px}}.profile-page{padding:24px 20px 40px;max-width:580px;margin:0 auto}.profile-page__heading{font-size:22px;font-weight:600;color:var(--color-text-primary);margin-bottom:20px}.profile-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden;display:flex;flex-direction:column;align-items:center}.profile-card__banner{width:100%;height:100px;background:linear-gradient(135deg,#1a4d91,#2a6db5 40%,#519d42);flex-shrink:0}.profile-card__avatar-wrapper{margin-top:-44px;position:relative;z-index:1}.profile-card__avatar{width:88px;height:88px;border-radius:50%;background:var(--color-primary);color:var(--color-white);font-size:30px;font-weight:700;display:flex;align-items:center;justify-content:center;letter-spacing:.02em;border:4px solid var(--color-surface);box-shadow:0 4px 14px #1a4d912e}.profile-card__name{font-size:20px;font-weight:600;color:var(--color-text-primary);margin-top:14px;text-align:center;padding:0 24px}.profile-card__company{font-size:14px;color:var(--color-text-secondary);margin-top:2px;margin-bottom:20px;text-align:center;padding:0 24px}.profile-stats{display:flex;align-items:center;justify-content:center;gap:0;width:100%;padding:16px 24px;background:var(--color-bg);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.profile-stats__item{display:flex;flex-direction:column;align-items:center;gap:2px;flex:1;min-width:0}.profile-stats__icon{color:var(--color-primary);margin-bottom:4px}.profile-stats__icon--accepted{color:var(--color-accepted)}.profile-stats__icon--value{color:var(--color-accent)}.profile-stats__value{font-size:16px;font-weight:600;color:var(--color-text-primary);white-space:nowrap}.profile-stats__label{font-size:11px;font-weight:500;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.04em}.profile-stats__divider{width:1px;height:36px;background:var(--color-border);flex-shrink:0}.profile-section-divider{display:flex;align-items:center;gap:12px;width:100%;padding:0 28px;margin-top:24px}.profile-section-divider:before,.profile-section-divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.profile-section-divider__label{font-size:11px;font-weight:600;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.profile-section-divider--spaced{padding:0;margin-top:28px;margin-bottom:12px}.profile-card__details{width:100%;display:flex;flex-direction:column;gap:10px;padding:20px 24px 28px}.profile-field--card{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:var(--radius-md);background:var(--color-bg);border:1px solid transparent;transition:border-color .2s ease,box-shadow .2s ease}.profile-field--card:hover{border-color:var(--color-border);box-shadow:var(--shadow-sm)}.profile-field--locked{background:var(--color-bg)}.profile-field--locked .profile-field__value{color:var(--color-text-secondary)}.profile-field__icon-wrapper{width:36px;height:36px;border-radius:var(--radius-sm);background:var(--color-primary-bg);color:var(--color-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.profile-field--locked .profile-field__icon-wrapper{background:var(--color-border);color:var(--color-text-tertiary)}.profile-field__content{flex:1;min-width:0}.profile-field__label{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:500;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px}.profile-field__lock-icon{color:var(--color-text-tertiary)}.profile-field__value{font-size:15px;font-weight:500;color:var(--color-text-primary)}.profile-field__input{width:100%;padding:8px 12px;font-size:14px}.profile-card__edit-btn{margin-top:6px;align-self:flex-start}.profile-card__edit-actions{display:flex;gap:12px;margin-top:6px}.profile-danger-zone{background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-lg);padding:18px 20px}.profile-danger-zone__header{display:flex;align-items:center;gap:8px;margin-bottom:14px}.profile-danger-zone__icon{color:var(--color-rejected)}.profile-danger-zone__title{font-size:13px;font-weight:600;color:var(--color-rejected);text-transform:uppercase;letter-spacing:.04em}.profile-logout-btn{display:inline-flex;align-items:center;gap:8px;background:var(--color-white);border:1.5px solid var(--color-rejected);border-radius:var(--radius-md);color:var(--color-rejected);font-size:14px;font-weight:500;padding:10px 20px;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.profile-logout-btn:hover{background:var(--color-rejected);color:var(--color-white)}.profile-logout-confirm{background:var(--color-white);border:1px solid #fecaca;border-radius:var(--radius-md);padding:16px}.profile-logout-confirm__text{font-size:14px;font-weight:500;color:var(--color-text-primary);margin-bottom:14px}.profile-logout-confirm__actions{display:flex;gap:12px}.profile-logout-confirm__yes{background:var(--color-rejected);color:var(--color-white);font-size:14px;font-weight:500;padding:10px 20px;border-radius:var(--radius-md);transition:all .2s ease}.profile-logout-confirm__yes:hover{background:#dc2626}.profile-logout-confirm__cancel{font-size:14px}@media(max-width:480px){.profile-page{padding:20px 16px 36px}.profile-card__banner{height:80px}.profile-card__details{padding:16px 18px 24px}.profile-stats{padding:14px 12px}.profile-stats__value{font-size:14px}.profile-stats__label{font-size:10px}.profile-section-divider{padding:0 18px}.profile-card__edit-actions{flex-direction:column}.profile-card__edit-actions .btn{width:100%}.profile-logout-confirm__actions{flex-direction:column}.profile-logout-confirm__actions .btn{width:100%}.profile-danger-zone{padding:16px}}