:root{color-scheme:light;--ink:#172336;--muted:#68778a;--line:#e0e7ee;--paper:#f5f7f8;--white:#fff;--blue:#125a7c;--blue-dark:#0b405e;--teal:#1a9a8a;--alert:#b54738;--radius:16px}
*{box-sizing:border-box}html{font-family:Tahoma,Arial,sans-serif}body{margin:0;background:var(--paper);color:var(--ink);font-size:14px;line-height:1.7}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button,.button{border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);padding:9px 15px;cursor:pointer;font:inherit;display:inline-flex;justify-content:center;align-items:center;text-decoration:none;white-space:nowrap}button:hover,.button:hover{border-color:var(--blue);text-decoration:none}.primary{background:var(--blue);color:white;border-color:var(--blue);font-weight:bold}.primary:hover{background:var(--blue-dark);color:white}button:disabled{opacity:.45;cursor:not-allowed}.shell{display:flex;min-height:100vh}.sidebar{width:246px;background:#10283b;color:#e9f3f7;padding:30px 20px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;flex-shrink:0}.brand{direction:ltr;display:flex;gap:12px;align-items:center;font-size:21px;font-weight:900;letter-spacing:1.4px;margin-bottom:52px}.brand small{display:block;font-size:9px;font-weight:normal;letter-spacing:2.6px;color:#92bac7}.brand-mark{width:38px;height:38px;border-radius:12px;background:var(--teal);display:grid;place-items:center;color:white}.sidebar nav{display:grid;gap:7px}.sidebar nav a{color:#d6e8ed;padding:10px 14px;border-radius:9px}.sidebar nav a:hover{background:#214457;text-decoration:none}.sidebar-foot{margin-top:auto;display:grid;gap:9px}.sidebar-foot .muted{color:#95b3bf;font-size:11px}.link-button{border:0;background:none;padding:4px 0;color:#fff;justify-content:flex-start}.main{width:100%;max-width:1700px;margin:0 auto;padding:0 36px 30px;min-width:0}.topbar{height:76px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);margin-bottom:32px}.eyebrow{color:var(--teal);font-size:11px;font-weight:bold;letter-spacing:.1em}.account{color:var(--muted)}.page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:25px}.page-head h1{font-size:29px;line-height:1.2;margin:7px 0}.page-head p{color:var(--muted);margin:0}.crumb{display:block;font-size:12px;margin-bottom:7px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:24px}.metrics.three{grid-template-columns:repeat(3,minmax(0,1fr))}.metric,.panel,.project-card,.auth-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 4px 15px rgba(20,48,70,.035)}.metric{padding:21px 23px;min-height:105px}.metric span,.metric strong{display:block}.metric span{color:var(--muted);font-size:12px;margin-bottom:9px}.metric strong{font-size:22px;line-height:1.3}.section-head{display:flex;justify-content:space-between;align-items:center}.section-head h2,h2{font-size:18px;margin:0 0 18px}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:15px}.project-card{padding:21px;display:grid;gap:8px;color:var(--ink)}.project-card:hover{border-color:var(--teal);text-decoration:none}.project-card strong{font-size:18px}.project-card small,.project-meta,.muted{color:var(--muted)}.project-meta{font-size:12px;border-top:1px solid var(--line);padding-top:12px}.project-status{font-size:11px;color:var(--blue);background:#e9f3f7;padding:3px 10px;border-radius:30px;width:max-content}.split{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:17px;margin-bottom:18px}.panel{padding:22px;margin-bottom:18px;min-width:0}.split .panel{margin-bottom:0}.form-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.form-grid{display:grid;gap:13px}label{display:grid;gap:6px;color:#405064;font-size:12px;font-weight:600}input,select,textarea{font:inherit;color:var(--ink);background:#fff;border:1px solid #d8e1e9;border-radius:9px;padding:9px 11px;min-height:39px;width:100%;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #d8edf3}textarea{resize:vertical}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:11px}.inline-form{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.inline-form select{width:auto}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:500px}th,td{text-align:right;padding:11px 9px;border-bottom:1px solid var(--line);vertical-align:middle}th{font-size:11px;color:var(--muted);font-weight:600;background:#fafbfc}tr:last-child td{border-bottom:0}.tabs{display:flex;gap:5px;overflow-x:auto;border-bottom:1px solid var(--line);margin-bottom:22px;white-space:nowrap}.tabs a{padding:12px 15px;color:var(--muted);border-bottom:3px solid transparent}.tabs a:hover,.tabs a.active{color:var(--blue);border-bottom-color:var(--teal);text-decoration:none}.pill{display:inline-block;border:1px solid var(--line);border-radius:30px;padding:3px 10px;font-size:11px;background:#f8fafb}.ai-off{color:#a36017;background:#fff6e9;border-color:#f7ddb4}.status-line{display:flex;gap:7px}.record{border:1px solid var(--line);border-radius:12px;padding:15px;margin-bottom:12px}.record-top{display:flex;justify-content:space-between;gap:10px}.preserve{white-space:pre-wrap;overflow-wrap:anywhere}.task-form{display:flex;gap:6px;align-items:center;min-width:560px}.task-form input,.task-form select{min-width:110px}.task-form input:first-of-type{min-width:130px}.gantt{overflow:auto}.gantt-range{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;margin:0 180px 12px 0}.gantt-line{display:grid;grid-template-columns:170px minmax(250px,1fr);gap:10px;align-items:center;margin:9px 0}.gantt-line>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.gantt-track{background:#eef2f5;height:15px;border-radius:20px;position:relative;direction:ltr}.gantt-bar{position:absolute;top:1px;height:13px;border-radius:20px;background:#9bb9c7;min-width:5px}.gantt-bar.doing{background:var(--teal)}.gantt-bar.done{background:var(--blue)}.steps{padding-right:22px;line-height:2.2}.notice,.error{padding:12px 16px;border-radius:10px;margin:0 0 18px}.notice{background:#e8f7f2;color:#176e62}.error{background:#fff1ed;color:var(--alert)}.alert-text{color:var(--alert);font-weight:bold}.empty{padding:34px;border:1px dashed var(--line);border-radius:var(--radius);color:var(--muted)}.auth-card{max-width:480px;margin:70px auto;padding:34px}.auth-card h1{font-size:27px;margin:10px 0}.auth-card p{color:var(--muted)}footer{color:#8c9ba7;font-size:11px;padding:24px 0}
@media(max-width:1050px){.metrics{grid-template-columns:repeat(2,1fr)}.form-cards{grid-template-columns:1fr 1fr}.main{padding:0 22px 25px}}@media(max-width:760px){.shell{display:block}.sidebar{position:static;width:100%;height:auto;padding:15px;display:flex;flex-direction:row;align-items:center;gap:15px;flex-wrap:wrap}.brand{margin:0;font-size:16px}.sidebar nav{display:flex;gap:2px}.sidebar nav a{padding:7px}.sidebar-foot{margin:0 0 0 auto;display:flex;align-items:center}.sidebar-foot .muted{display:none}.main{padding:0 15px}.topbar{height:55px;margin-bottom:21px}.page-head{align-items:flex-start}.page-head h1{font-size:23px}.split,.form-cards{grid-template-columns:1fr}.metrics.three{grid-template-columns:1fr 1fr}.metric{padding:14px;min-height:80px}.metric strong{font-size:17px}.auth-card{margin:30px auto}.gantt-range{margin-right:0}}@media(max-width:480px){.metrics,.metrics.three{grid-template-columns:1fr 1fr}.page-head{display:block}.page-head>.button{margin-top:12px}.sidebar-foot .pill{display:none}}
.checkline{display:flex;align-items:center;gap:9px}.checkline input{width:auto;min-height:auto}
.field-shell{max-width:1100px;margin:0 auto;padding:28px 20px}.field-shell .split{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
@media(max-width:760px){.field-shell .split{grid-template-columns:1fr}}
/* Task planning and progress forms stay readable in the project table. */
.task-form{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));align-items:end;min-width:0;max-width:760px;margin-bottom:14px}
.task-form label{display:grid;gap:4px;min-width:0}
.task-form input,.task-form select,.task-form textarea{width:100%;min-width:0}
.task-form textarea{min-height:74px;resize:vertical}
.task-form label:has(textarea){grid-column:1/-1}

/* NeoLine visual system, adapted from the local LemonTrips panel. */
@font-face{font-family:Vazirmatn;src:url('/static/fonts/vazirmatn-arabic.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:Vazirmatn;src:url('/static/fonts/vazirmatn-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+0000-05FF,U+2000-206F,U+20AC,U+2122}
:root{--ink:#1c3438;--muted:#819296;--line:#e7ece9;--paper:#f7f8f6;--white:#fff;--blue:#205a54;--blue-dark:#164a45;--teal:#3c9b7d;--alert:#c9625b;--radius:16px;--mint:#eaf4ef;--shadow:0 8px 35px rgba(29,64,63,.035)}
html{font-family:Vazirmatn,Tahoma,Arial,sans-serif;scroll-behavior:smooth}
body{background:var(--paper);font-size:13px;line-height:1.8}
button,input,select,textarea{font-family:inherit}
a{color:#2b7165}
a:hover{color:#164a45}
.shell{min-height:100vh;align-items:stretch}
.sidebar{position:sticky;top:0;z-index:30;flex:none;width:246px;height:100vh;padding:26px 15px 18px;background:#fff;color:var(--ink);border-left:1px solid var(--line)}
.brand{direction:rtl;gap:11px;padding:0 9px 29px;margin:0;font-size:initial;letter-spacing:normal;color:var(--ink)}
.brand:hover{text-decoration:none;color:var(--ink)}
.brand-mark{width:42px;height:42px;border-radius:14px;background:#f6bd59;color:#193b3a;font-size:23px;font-weight:800;box-shadow:0 8px 18px rgba(246,189,89,.24)}
.brand-copy strong{display:block;font-size:16px;line-height:1.35;font-weight:800}
.brand-copy small{display:block;color:#96a5a6;font-size:10px;font-weight:500;letter-spacing:normal}
.sidebar nav{display:block}
.nav-group{color:#a9b4b6;font-size:10px;font-weight:700;padding:3px 13px 9px}
.nav-group-secondary{padding-top:24px}
.sidebar nav a.nav-link{display:flex;align-items:center;gap:12px;min-height:43px;padding:10px 13px;margin:3px 0;border-radius:11px;color:#71878a;font-size:12px;font-weight:600;line-height:1.5}
.sidebar nav a.nav-link:hover{background:#f3f7f5;color:#245f5a;text-decoration:none}
.sidebar nav a.nav-link.active{background:var(--mint);color:#205e58}
.nav-link svg,.link-button svg,.menu-toggle svg{width:18px;height:18px;flex:none}
.sidebar-foot{gap:0}
.sidebar-note{border:1px solid #e6eeea;background:#f8faf8;border-radius:14px;padding:14px;margin:15px 3px;color:#839494;font-size:10px;line-height:1.8}
.sidebar-note strong{display:block;color:#3e6661;font-size:11px;margin-bottom:2px}
.sidebar-status{display:flex;align-items:center;gap:8px;margin:15px 8px 6px;font-size:10px;color:#a0aeb0}
.live-dot{width:7px;height:7px;flex:none;border-radius:50%;background:#65b38a}
.link-button{display:flex;gap:10px;align-items:center;width:100%;justify-content:flex-start;color:#71878a;padding:9px 13px;border-radius:10px;font-size:11px}
.link-button:hover{background:#f3f7f5;color:#245f5a;border:0}
.sidebar-overlay{display:none}
.main{width:calc(100% - 246px);max-width:none;min-width:0;padding:0;margin:0}
.topbar{position:sticky;top:0;z-index:20;height:72px;display:flex;justify-content:space-between;align-items:center;padding:0 32px;margin:0;border-bottom:1px solid var(--line);background:rgba(255,255,255,.94);backdrop-filter:blur(12px)}
.topbar-left,.topbar-right{display:flex;align-items:center;gap:17px}
.topbar-crumb{font-size:11px;color:#a1afb1}
.topbar-crumb b{font-weight:700;color:#37575b}
.topbar-crumb i{font-style:normal;margin:0 9px;color:#c9d1d2}
.topbar-local{font-size:10px;color:#a1afb1}
.account{display:flex;align-items:center;gap:9px;padding-right:15px;border-right:1px solid var(--line);color:var(--ink)}
.account-avatar{width:35px;height:35px;flex:none;display:grid;place-items:center;border-radius:10px;background:#d5eae2;color:#2b7165;font-size:13px;font-weight:800}
.account-copy strong,.account-copy small{display:block;line-height:1.5}
.account-copy strong{font-size:10px}
.account-copy small{color:#a5b2b3;font-size:9px}
.menu-toggle{display:none;background:#fff;padding:8px;border-color:var(--line);border-radius:10px;color:#607c7d}
.content{width:min(100%,1500px);margin:0 auto;padding:31px 32px 35px}
.eyebrow{display:block;color:#bd8a49;font-size:10px;font-weight:800;letter-spacing:0;margin-bottom:3px}
.page-head{align-items:flex-start;margin-bottom:24px}
.page-head h1{font-size:25px;line-height:1.4;letter-spacing:-.35px;margin:0 0 3px}
.page-head p{font-size:11px;color:#93a2a3}
.crumb{font-size:11px;color:#8ba09d;margin-bottom:6px}
.metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:17px}
.metric,.panel,.project-card,.auth-card{border-color:var(--line);box-shadow:var(--shadow)}
.metric{position:relative;min-height:127px;padding:18px 19px;overflow:hidden}
.metric:before{content:"";display:block;width:34px;height:34px;border-radius:10px;background:#eef7f2;position:absolute;left:19px;top:18px}
.metric:after{content:"•";position:absolute;left:31px;top:16px;color:#4a9b80;font-size:24px}
.metric:nth-child(2):before{background:#fff3e9}
.metric:nth-child(2):after{color:#d9955f}
.metric:nth-child(3):before{background:#edf3fa}
.metric:nth-child(3):after{color:#7a9ec4}
.metric span{color:#8da0a2;font-size:10px;font-weight:600;margin:0}
.metric strong{font-size:24px;line-height:1.4;margin-top:15px;letter-spacing:-.4px}
.section-head h2,h2{font-size:15px;letter-spacing:-.2px;margin-bottom:15px}
.project-grid{gap:16px}
.project-card{padding:19px;gap:6px;border-radius:16px;transition:border-color .15s,transform .15s,box-shadow .15s}
.project-card:hover{border-color:#b8d1c6;box-shadow:0 12px 25px rgba(29,64,63,.07);transform:translateY(-2px)}
.project-card strong{font-size:15px;line-height:1.65}
.project-card small,.project-meta{font-size:10px}
.project-meta{padding-top:11px;margin-top:8px}
.project-status{display:inline-flex;align-items:center;gap:6px;border-radius:7px;padding:3px 8px;background:#eaf6ee;color:#418b71;font-size:10px;font-weight:700}
.project-status:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}
.split{gap:16px}
.panel{padding:20px;border-radius:16px}
.panel h2{margin-bottom:15px}
.record{border-color:#ebf0ed;border-radius:12px;padding:14px}
.record-top{align-items:flex-start}
.record .muted{font-size:10px}
.record p{margin-bottom:0}
button,.button{min-height:36px;padding:8px 14px;border-color:#e4eae7;border-radius:10px;color:#456663;font-size:11px;font-weight:700;line-height:1.5;transition:background .15s,border-color .15s,transform .15s}
button:hover,.button:hover{border-color:#b8d1c6;transform:translateY(-1px)}
.primary{background:#205a54;border-color:#205a54;color:#fff}
.primary:hover{background:#164a45;border-color:#164a45;color:#fff}
label{color:#617b76;font-size:11px;font-weight:700;gap:5px}
input,select,textarea{min-height:38px;border-color:#e2eae5;border-radius:9px;color:#2a4c48;font-size:11px;padding:9px 11px}
input:focus,select:focus,textarea:focus{border-color:#74b39b;box-shadow:0 0 0 3px #e7f5ec}
.table-wrap{border-radius:12px;overflow:auto}
th,td{padding:12px 14px;border-bottom-color:#f0f3f1;font-size:10px;color:#637d7d}
th{background:#fbfcfb;color:#a2afb0;font-size:10px}
tr:hover td{background:#fcfdfc}
td strong{color:#2e4e50}
.tabs{gap:16px;margin-bottom:17px}
.tabs a{padding:0 3px 12px;border-bottom-width:2px;color:#94a5a5;font-size:11px;font-weight:700}
.tabs a:hover,.tabs a.active{color:#266c60;border-bottom-color:#3c9b7d}
.pill{border:0;border-radius:7px;padding:3px 8px;background:#edf3f7;color:#758fa0;font-size:10px;font-weight:700}
.ai-off{background:#fff6e9;color:#b88a4f}
.gantt-track{background:#ecf1ee;height:10px}
.gantt-bar{height:8px;background:#9fcab5}
.gantt-bar.doing{background:#e9ac68}
.gantt-bar.done{background:#58a486}
.gantt-line{grid-template-columns:170px minmax(250px,1fr) auto;}
.gantt-line>small{grid-column:2 / 4;font-size:11px;}
.gantt-bar{cursor:grab;}
.gantt-bar:active{cursor:grabbing;}
.gantt-bar:focus-visible{outline:3px solid #1c806f;outline-offset:3px;}
.gantt-controls{display:flex;gap:3px;}
.gantt-controls button{padding:2px 7px;font-size:11px;min-height:24px;}
.notice{background:#edf6f1;border:1px solid #dcece2;border-radius:13px;color:#51776c;font-size:11px}
.error{background:#fff1ed;border:1px solid #f6dfd9;color:#bd7064}
.empty{border-color:#e5ece7;background:#f8faf8;font-size:11px}
.auth-shell .main{width:100%}
.auth-card{margin:70px auto;padding:28px;max-width:480px}
.auth-card h1{font-size:24px}
footer{color:#a6b5b2;font-size:10px;padding:25px 0}
:focus-visible{outline:2px solid #3c9b7d;outline-offset:2px}
@media(max-width:1100px){.sidebar{width:215px}.main{width:calc(100% - 215px)}.content{padding:26px 22px 35px}.topbar{padding:0 22px}}
@media(max-width:760px){.shell{display:block}.sidebar{position:fixed;right:0;left:auto;top:0;width:min(82vw,270px);height:100vh;padding:24px 15px 18px;display:flex;flex-direction:column;align-items:stretch;gap:0;flex-wrap:nowrap;transform:translateX(105%);transition:transform .22s;box-shadow:0 20px 60px rgba(0,0,0,.1)}.sidebar.open{transform:none}.sidebar-overlay.open{display:block;position:fixed;inset:0;z-index:25;background:rgba(17,43,42,.35)}.sidebar nav{display:block}.sidebar nav a.nav-link{padding:10px 13px}.sidebar-foot{display:grid;margin-top:auto;width:100%}.sidebar-foot .pill{display:inline-block}.brand{font-size:initial;margin:0;padding:0 9px 25px}.main{width:100%;padding:0}.topbar{height:62px;padding:0 13px}.topbar-local,.account-copy{display:none}.account{padding-right:8px}.topbar-left,.topbar-right{gap:8px}.menu-toggle{display:inline-flex}.content{padding:21px 13px 35px}.page-head{display:flex;margin-bottom:17px}.page-head h1{font-size:21px}.metrics{gap:9px}.metric{min-height:115px;padding:13px}.metric:before{width:29px;height:29px;left:11px;top:11px}.metric:after{left:21px;top:8px}.metric strong{font-size:20px}.split,.form-cards{grid-template-columns:1fr}.panel{padding:16px}.project-card{padding:16px}.auth-card{margin:30px auto}.topbar-crumb{font-size:10px}}
@media(max-width:480px){.page-head{display:block}.page-head>.button,.page-head>.inline-form{margin-top:12px}.metrics,.metrics.three{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{min-height:100px}.metric span{font-size:9px}.metric strong{font-size:18px}.metric:before,.metric:after{display:none}.topbar-crumb{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}

/* Operational dashboard */
.dashboard-metrics.count-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.dashboard-metrics.count-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.dashboard-metrics.count-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.metric small{display:block;color:#a8b5b5;font-size:10px;margin-top:3px}
.dashboard-columns{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.85fr);gap:16px;align-items:start;margin-bottom:20px}
.dashboard-columns.single{grid-template-columns:1fr}
.dashboard-panel{margin:0;min-height:150px}
.dashboard-panel .section-head{gap:12px;margin-bottom:8px}
.dashboard-panel .section-head h2{margin:0}
.dashboard-panel .section-head .muted{font-size:10px}
.dashboard-row{display:flex;align-items:center;gap:11px;padding:11px 0;border-top:1px solid #f0f3f1;color:var(--ink)}
.dashboard-row:hover{text-decoration:none;color:var(--ink);background:#fcfdfc}
.dashboard-row-mark{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:10px;background:#e9f5ef;color:#57a582;font-size:13px;font-weight:800}
.dashboard-row-mark.late{background:#fff0ed;color:#d57c6b}
.dashboard-row-mark.warning{background:#fff5eb;color:#d89b61}
.dashboard-row-copy{flex:1;min-width:0}
.dashboard-row-copy strong,.dashboard-row-copy small{display:block;overflow-wrap:anywhere}
.dashboard-row-copy strong{font-size:11px;line-height:1.6}
.dashboard-row-copy small{color:#a0adaf;font-size:10px}
.dashboard-row-tail{font-size:10px;color:#5a9581;font-weight:700;white-space:nowrap}
.dashboard-row-tail.late{color:#c56f63}
.dashboard-empty{margin:13px 0 0;padding:15px;border:1px dashed #e5ece7;border-radius:11px;background:#f8faf8;color:#9aabaa;font-size:11px}
.project-status.status-new{background:#edf3f7;color:#758fa0}
.project-status.status-planning{background:#fff6e9;color:#b88a4f}
.project-status.status-active{background:#eaf6ee;color:#418b71}
.project-status.status-done{background:#f1f4f2;color:#708b7d}
@media(max-width:1050px){.dashboard-columns{grid-template-columns:1fr}.dashboard-metrics.count-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.dashboard-metrics.count-3,.dashboard-metrics.count-4{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-metrics.count-2{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-panel{min-height:0}.dashboard-row-tail{display:none}}

/* Role-aware guide over the existing project sections. */
.journey-panel .section-head{gap:12px;align-items:end}
.journey-panel .section-head h2{margin:3px 0 0}
.journey-panel>p{font-size:11px;margin:0 0 17px}
.journey-grid{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:0;padding:0}
.journey-card{border:1px solid var(--line);border-radius:12px;background:#fcfdfc;min-width:0}
.journey-card a{display:flex;align-items:flex-start;gap:10px;padding:14px;color:var(--ink);height:100%}
.journey-card a:hover{text-decoration:none;background:#f7faf8;border-radius:12px}
.journey-number{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:9px;background:#e8f2ec;color:#458669;font-size:11px;font-weight:800}
.journey-copy{display:grid;gap:4px;min-width:0;flex:1}
.journey-copy strong{font-size:12px;line-height:1.5}
.journey-copy small{color:var(--muted);font-size:10px;line-height:1.65}
.journey-status{font-size:10px;font-weight:700;color:#66857a;margin-top:3px}
.journey-attention .journey-status{color:#ad6e2e}
.journey-ready .journey-status{color:#338465}
.journey-todo .journey-status{color:#738693}
.journey-arrow{color:#96ada3;font-size:16px;line-height:1.4}
@media(max-width:1100px){.journey-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.journey-grid{grid-template-columns:1fr}.journey-panel .section-head{align-items:start}.journey-panel .section-head>.muted{font-size:10px}}

/* Inventory operation workspace: short task pages instead of one long form wall. */
.stock-tabs{background:#eef3f1;border:1px solid #dce7e3;border-radius:12px;padding:6px;gap:4px;margin-top:-8px}
.stock-tabs a{border:0!important;border-radius:8px;padding:9px 13px;color:#637875}
.stock-tabs a:hover,.stock-tabs a.active{background:#fff;color:#266c60;box-shadow:0 2px 8px rgba(30,73,62,.08)}
.stock-action-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 20px}
.stock-action{position:relative;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:17px;background:#fff;border:1px solid var(--line);border-radius:13px;color:var(--ink);box-shadow:0 4px 15px rgba(20,48,70,.035);min-height:92px}
.stock-action:hover{border-color:#9acabc;box-shadow:0 8px 24px rgba(27,83,68,.09);text-decoration:none;transform:translateY(-1px)}
.stock-action span:nth-child(2){display:grid;gap:2px}.stock-action strong{font-size:13px}.stock-action small{font-size:10px;color:var(--muted)}
.stock-action b{font-size:18px;color:#305d55}.stock-action i{position:absolute;left:14px;bottom:9px;color:#9aaca8;font-style:normal}
.stock-action-icon{width:40px;height:40px;border-radius:11px;background:#e7f3ee;position:relative}
.stock-action-icon:after{content:"";position:absolute;inset:11px;border:2px solid #3c9b7d;border-radius:4px}
.stock-action-out .stock-action-icon{background:#eef2fa}.stock-action-out .stock-action-icon:after{border-color:#647fb0}
.stock-action-report .stock-action-icon{background:#fff4df}.stock-action-report .stock-action-icon:after{border-color:#c58a32;border-radius:50%}
.stock-action-people .stock-action-icon{background:#f2ecfa}.stock-action-people .stock-action-icon:after{border-color:#8b68b1;border-radius:50% 50% 35% 35%}
.stock-setup-hint{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff9ed;border:1px solid #f0dfb9;border-radius:12px;padding:14px 16px;margin-bottom:15px}
.stock-setup-hint>div:first-child{display:grid;gap:2px}.stock-setup-hint span{color:#8b6b32;font-size:11px}
.narrow-panel{max-width:720px}.operation-form{border-top:3px solid #3c9b7d}.operation-kicker{color:#3c9b7d;font-size:10px;font-weight:800;letter-spacing:.08em;margin-bottom:4px}
.contact-strip{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:11px;padding:10px 13px;margin-bottom:14px;font-size:11px}.contact-strip>span{color:var(--muted);white-space:nowrap}.contact-strip>div{display:flex;flex-wrap:wrap;gap:5px}.contact-strip>a{margin-right:auto;white-space:nowrap}
@media(max-width:1100px){.stock-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.stock-action-grid{grid-template-columns:1fr}.stock-setup-hint{align-items:flex-start;flex-direction:column}.stock-tabs{padding:4px}.stock-tabs a{padding:8px 10px}.contact-strip{align-items:flex-start;flex-wrap:wrap}.contact-strip>a{margin-right:0}}
.help-terms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.help-terms .record{margin:0}
.help-terms .record p{color:var(--muted);font-size:11px;margin:7px 0 0}
@media(max-width:600px){.help-terms{grid-template-columns:1fr}}

/* Multi-role access control */
.role-chip-list{display:flex;flex-wrap:wrap;gap:6px;min-width:190px}
.role-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border:1px solid #d7e8e1;border-radius:999px;background:#eef7f2;color:#356d5c;font-size:9px;white-space:nowrap}
.role-chip b{font-weight:700}.role-chip-form{display:inline-flex;margin:0}.role-chip-form button{min-height:18px;width:18px;padding:0;border:0;border-radius:50%;background:#dbece4;color:#537b6d;line-height:1}
.compact-role-add{margin-bottom:6px}.compact-role-add select{min-width:140px}
.access-rule{display:flex;align-items:center;gap:14px;margin:0 0 16px;padding:15px 17px;border:1px solid #cfe5db;border-radius:13px;background:#eef8f3;color:#52736a;font-size:11px}
.access-rule strong{color:#265f53;white-space:nowrap}
.access-table{max-height:70vh}.access-table table{min-width:1500px}.access-table th{white-space:normal;min-width:78px;line-height:1.55}.access-table th:nth-child(2){min-width:150px}.access-table td{text-align:center}.access-table td:nth-child(2),.access-table td:nth-child(3){text-align:right;white-space:nowrap}
.access-table td:nth-child(2) strong,.access-table td:nth-child(2) small{display:block}.access-table td:nth-child(2) small{color:var(--muted);font-size:9px;margin-top:2px}
.access-level{display:grid;place-items:center;width:25px;height:25px;margin:auto;border-radius:8px;background:#f0f4f2;color:#5d7771;font-weight:800}
.access-yes{color:#2f8b6a!important;background:#f4fbf7;font-size:14px;font-weight:800}.access-no{color:#c8d0cd!important}
.role-policy-card{display:flex;align-items:flex-start;gap:14px}.role-policy-card h2{margin:1px 0 5px}.role-policy-card p{margin:0;color:var(--muted);font-size:11px}
.role-policy-icon{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:11px;background:#fff2dc;color:#a97124;font-weight:800}.role-policy-icon.client{background:#e8f2fa;color:#567da2}
@media(max-width:760px){.access-rule{align-items:flex-start;flex-direction:column}.compact-role-add{display:grid}.compact-role-add select{min-width:0}}

/* Project campaign dashboard */
.campaign-dashboard{margin:0 0 24px;padding:21px;border:1px solid #dce9e2;border-radius:18px;background:linear-gradient(145deg,#f5faf6 0%,#ffffff 54%,#f8fbfa 100%)}
.campaign-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:16px}.campaign-heading h2{font-size:19px;margin:1px 0 3px;color:#24564e}.campaign-heading p{font-size:11px;color:#879b94;margin:0}.campaign-heading>.pill{background:#fff;border-color:#dce9e2;color:#62877a;white-space:nowrap}
.campaign-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:10px;margin-bottom:12px}
.campaign-stat{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:4px;min-height:116px;padding:17px;border:1px solid #e3eee7;border-radius:13px;background:#fff;box-shadow:0 5px 18px rgba(36,86,78,.045)}
.campaign-stat:before{content:"";position:absolute;right:0;top:0;bottom:0;width:3px;background:#6fac90}.campaign-stat-prize:before{background:#d8a957}.campaign-stat-audience:before{background:#9b85c6}.campaign-stat-images:before{background:#81a6d0}.campaign-stat-receipt:before{background:#669baf}
.campaign-stat span{font-size:11px;font-weight:700;color:#647d74}.campaign-stat strong{font-size:27px;line-height:1.35;color:#1f4f46}.campaign-stat small{font-size:10px;color:#9baaa3}
.campaign-secondary{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 15px}.campaign-secondary span{padding:6px 10px;border:1px solid #dce9e2;border-radius:9px;background:#edf5ef;color:#57766b;font-size:10px;font-weight:700}
.campaign-products{margin:0 0 10px;padding:16px}.campaign-products .section-head{align-items:baseline;gap:12px}.campaign-products .section-head h2{margin-bottom:12px}.campaign-products table{min-width:650px}.campaign-products td small{display:block;color:#a4b0aa;font-size:9px}.campaign-products td:not(:first-child){font-weight:700;color:#486c5e}.campaign-unassigned{background:#fafbf9}
.campaign-source{font-size:10px;line-height:1.8;color:#84988d;margin:0}.muted-row{opacity:.58}
@media(max-width:760px){.campaign-dashboard{padding:14px}.campaign-heading{display:block}.campaign-heading>.pill{display:inline-block;margin-top:9px}.campaign-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.campaign-stat{min-height:102px;padding:13px}.campaign-stat strong{font-size:22px}.campaign-products .section-head{display:block}}

/* In-page onboarding: one visible sentence, detailed steps on demand. */
.context-guide{margin:0 0 18px;border:1px solid #cfe5db;border-radius:13px;background:linear-gradient(120deg,#f3faf6,#fff);box-shadow:0 3px 12px rgba(31,91,69,.035)}
.context-guide>summary{display:flex;align-items:center;gap:12px;min-height:64px;padding:10px 15px;cursor:pointer;list-style:none}
.context-guide>summary::-webkit-details-marker{display:none}
.context-guide>summary:focus-visible{outline:2px solid #399879;outline-offset:3px;border-radius:12px}
.context-guide-icon{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:10px;background:#dff1e7;color:#27755d;font-size:18px;font-weight:800}
.context-guide-copy{display:grid;gap:2px;flex:1;min-width:0}.context-guide-copy strong{color:#285d4e;font-size:11px}.context-guide-copy small{color:#698378;font-size:10px;line-height:1.6}
.context-guide-action{flex:none;color:#337b62;font-size:10px;font-weight:700}
.context-guide-action:after{content:"⌄";display:inline-block;margin-right:7px;font-size:16px;vertical-align:-1px;transition:transform .15s ease}
.context-guide[open] .context-guide-action:after{transform:rotate(180deg)}
.context-guide-body{border-top:1px solid #dcebe2;padding:8px 19px 16px;color:#3b6254;font-size:11px;line-height:1.85}
.context-guide-body ol{margin:4px 0 9px;padding-right:21px}.context-guide-body li{padding:2px 0}.context-guide-body li::marker{color:#2e8c69;font-weight:700}
.context-guide-body>a{display:inline-block;margin-top:2px;color:#20775b;font-size:10px;font-weight:700}
.auth-shell .context-guide{max-width:480px;margin:0 auto 18px}
@media(max-width:600px){.context-guide>summary{gap:9px;padding:10px}.context-guide-action{font-size:0}.context-guide-action:after{font-size:17px;margin:0}.context-guide-body{padding:8px 12px 14px}}

/* Role-scoped guide directory and direct links to each task. */
.help-directory>.section-head{gap:15px}.help-directory>.section-head h2{margin:3px 0 5px}.help-directory>p{margin:0 0 17px;font-size:11px}
.help-topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.help-topic{scroll-margin-top:90px;display:flex;flex-direction:column;min-width:0;padding:17px;border:1px solid #e2ebe6;border-radius:13px;background:#fbfdfb}
.help-topic:target{border-color:#81bea2;box-shadow:0 0 0 3px #e8f5ed}
.help-topic-head{display:flex;gap:11px;align-items:flex-start}.help-topic-number{display:grid;place-items:center;flex:none;width:31px;height:31px;border-radius:9px;background:#e4f3e9;color:#388366;font-size:11px;font-weight:800}
.help-topic h3{margin:0;color:#305e51;font-size:12px}.help-topic p{margin:2px 0 0;color:#7a9285;font-size:10px;line-height:1.6}
.help-topic ol{margin:11px 0 12px;padding-right:25px;color:#526e60;font-size:10px;line-height:1.8}.help-topic li{margin:2px 0}.help-topic li::marker{color:#48916d;font-weight:700}
.help-topic>a{margin-top:auto;align-self:flex-start;color:#28775b;font-size:10px;font-weight:800}
@media(max-width:760px){.help-topic-grid{grid-template-columns:1fr}}

/* Executable task workspace: clear queues, one card per task, controls on demand. */
.task-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:17px}
.task-kpis>span{display:flex;align-items:baseline;gap:7px;padding:13px 16px;border:1px solid #e2ebe6;border-radius:12px;background:#fff;color:#71877e;font-size:11px}
.task-kpis strong{color:#2b6656;font-size:21px;line-height:1}.task-kpi-alert strong{color:#b86d4d}
.task-tabs{gap:4px;margin-bottom:15px}.task-tabs a{display:flex;align-items:center;gap:5px}.task-tabs b{padding:0 6px;border-radius:8px;background:#edf4ef;color:#4e7e68;font-size:10px}
.task-create{padding:0;overflow:hidden}.task-create>summary{display:flex;align-items:center;gap:14px;padding:15px 19px;cursor:pointer;list-style:none;color:#286851;font-size:13px;font-weight:800}.task-create>summary::-webkit-details-marker{display:none}
.task-create>summary small{color:#8da49a;font-size:10px;font-weight:500}.task-create[open]>summary{border-bottom:1px solid #e7eee9}
.task-create-form{max-width:930px;padding:17px 19px}.task-form-row{display:grid;grid-template-columns:1fr 1fr 150px;gap:11px}
.task-list{display:grid;gap:12px;margin:0 0 18px}.task-card{padding:17px 19px;border:1px solid #e2eae4;border-radius:14px;background:#fff;box-shadow:0 4px 16px rgba(25,70,50,.035)}
.task-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:13px}.task-card-pills{display:flex;gap:5px;flex-wrap:wrap}.task-card-pills .pill{font-size:9px;padding:2px 8px}
.task-card h3{margin:6px 0 1px;color:#244f43;font-size:14px}.task-priority-high{background:#fff3db;border-color:#f1dda8;color:#9d762d}.task-priority-urgent{background:#fff0e9;border-color:#f1c9b7;color:#b2603c}
.task-date{flex:none;color:#728b7d;font-size:10px;font-weight:700}.task-date.task-late{color:#b65f45}.task-description{margin:7px 0 12px;color:#576f61;font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere}
.task-card-meta{display:flex;gap:8px 16px;flex-wrap:wrap;color:#899b91;font-size:10px}.task-card-meta strong{color:#4c7160}
.task-work{margin-top:14px;border-top:1px solid #e9efea}.task-work>summary{cursor:pointer;list-style:none;padding:12px 0 2px;color:#2b785c;font-size:10px;font-weight:800}.task-work>summary::-webkit-details-marker{display:none}.task-work>summary span{margin-right:5px}
.task-work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:13px}.task-work-grid>form{min-width:0;padding:16px;border:1px solid #e5eee7;border-radius:11px;background:#fbfdfb}.task-work-grid h4{margin:0;color:#3a6655;font-size:11px}
.task-work-grid .form-pair{grid-template-columns:repeat(2,minmax(0,1fr))}.task-history{margin-top:14px}.task-history>summary{cursor:pointer;color:#507966;font-size:10px}.task-history ul{padding-right:22px;color:#607c6c;font-size:10px}.task-history li{margin:7px 0}.task-history li p{margin:1px 0}
.task-evidence{display:flex;align-items:center;justify-content:space-between;gap:20px}.task-evidence h3{margin:0;font-size:12px}.task-evidence p{margin:3px 0}.task-evidence .inline-form label{min-width:190px}
.task-dependency-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) auto;align-items:end;gap:12px;max-width:850px}.task-dependency-list{display:grid;gap:8px;margin-top:17px}.task-dependency-list form{padding:8px 12px;border:1px solid #e6eee8;border-radius:9px;background:#fbfdfb}
@media(max-width:950px){.task-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.task-form-row{grid-template-columns:repeat(2,minmax(0,1fr))}.task-form-row label:last-child{grid-column:1/-1}.task-work-grid{grid-template-columns:1fr}}
@media(max-width:650px){.task-card-head{display:block}.task-date{display:block;margin-top:4px}.task-evidence{display:block}.task-evidence .inline-form{margin-top:10px}.task-dependency-form{grid-template-columns:1fr}.task-form-row,.task-work-grid .form-pair{grid-template-columns:1fr}.task-form-row label:last-child{grid-column:auto}}

/* Inventory operations always begin with the product, followed by its batch. */
.product-hint{display:block;margin-top:-5px;color:#7c9b88;font-size:10px;line-height:1.6}.product-pair{align-items:end}
.stock-product-section{margin-bottom:18px}.stock-product-section .section-head h2{margin-bottom:10px}.stock-product-section .section-head>a{font-size:10px}
.stock-product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:10px}.stock-product-card{padding:15px;border:1px solid #e0eae3;border-radius:12px;background:#fff}
.stock-product-card>span{color:#9aab9f;font-size:9px}.stock-product-card h3{margin:3px 0 0;color:#2b6550;font-size:13px}.stock-product-card>small{color:#9aaea0;font-size:9px}
.stock-product-card>div{display:flex;gap:15px;flex-wrap:wrap;margin-top:12px;border-top:1px solid #eaf0eb;padding-top:9px}.stock-product-card>div span{display:grid;color:#80988a;font-size:9px}.stock-product-card strong{color:#2e6c54;font-size:15px}
@media(min-width:1150px){.task-list{grid-template-columns:repeat(2,minmax(0,1fr))}.task-card:has(.task-work[open]){grid-column:1/-1}}
.operation-form.narrow-panel{margin-inline:auto;max-width:850px}

/* NeoLine identity: official purple mark and green agency signature. */
:root{--ink:#302847;--muted:#7d7890;--line:#e8e2f0;--paper:#f8f7fb;--white:#fff;--blue:#65519d;--blue-dark:#4d397f;--teal:#69c07a;--mint:#f1edfa;--shadow:0 8px 32px rgba(72,49,118,.055)}
body{background:var(--paper)}
a,a:hover{color:var(--blue)}
.sidebar{border-left-color:#e9e3f2;box-shadow:-4px 0 25px rgba(75,52,118,.025)}
.sidebar:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#65519d 0 78%,#69c07a 78% 100%)}
.brand{padding-bottom:23px;align-items:center;gap:10px}
.brand-logo{display:block;width:63px;height:72px;object-fit:contain;flex:none}
.brand-copy{min-width:0}
.brand-copy strong{font-size:12px;color:#4e3b80}
.brand-copy small{font-size:7px;line-height:1.5;color:#36884b;letter-spacing:.025em;overflow-wrap:anywhere}
.sidebar nav a.nav-link{color:#77718b}
.sidebar nav a.nav-link:hover{background:#f6f2fc;color:#59428e}
.sidebar nav a.nav-link.active{background:#f0eafa;color:#5a428f;box-shadow:inset -3px 0 #65519d}
.sidebar-note{background:#faf8fe;border-color:#eae3f4;color:#8a8199}
.sidebar-note strong{color:#5a428f}
.sidebar-status{color:#8a8297}.live-dot{background:#69c07a;box-shadow:0 0 0 3px #e7f5e9}
.link-button{color:#746a88}.link-button:hover{background:#f3eefb;color:#5a428f}
.topbar{border-bottom-color:#ebe6f2}.topbar-crumb b{color:#5a428f}
.account-avatar{background:#eee8f8;color:#65519d}
.eyebrow{color:#31864b}
.crumb{color:#746a91}
.project-card:hover{border-color:#b7a9d9;box-shadow:0 12px 25px rgba(75,52,118,.09)}
.project-status,.project-status.status-new{background:#f0eafa;color:#65519d}
.project-status.status-active{background:#eaf7ed;color:#32874c}
.project-status.status-done{background:#f0edf4;color:#706581}
.metric:before{background:#f0eafa}.metric:after{color:#65519d}
.metric:nth-child(2):before{background:#eaf7ed}.metric:nth-child(2):after{color:#4ca464}
.metric:nth-child(3):before{background:#f4effa}.metric:nth-child(3):after{color:#8a70b6}
button,.button{border-color:#e6dff0;color:#5e4b82}
button:hover,.button:hover{border-color:#ae9ed2}
.primary{background:#65519d;border-color:#65519d;color:#fff}
.primary:hover{background:#4d397f;border-color:#4d397f;color:#fff}
label{color:#665c7b}
input,select,textarea{border-color:#e5dff0;color:#302847}
input:focus,select:focus,textarea:focus{border-color:#9a86c5;box-shadow:0 0 0 3px #f0eafa}
th{background:#fcfbfe;color:#827a93}td{color:#6b6579}td strong{color:#493d66}
.tabs a:hover,.tabs a.active{color:#65519d;border-bottom-color:#65519d}
.stock-tabs{background:#f3effa;border-color:#e5dbf2}
.stock-tabs a{color:#756b89}.stock-tabs a:hover,.stock-tabs a.active{color:#604a94;box-shadow:0 2px 8px rgba(77,57,127,.1)}
.operation-form{border-top-color:#65519d}.operation-kicker{color:#65519d}
.stock-action:hover{border-color:#b9aada;box-shadow:0 8px 24px rgba(77,57,127,.1)}
.stock-action b{color:#584387}.stock-action-icon{background:#f0eafa}.stock-action-icon:after{border-color:#65519d}
.stock-action-out .stock-action-icon{background:#eaf7ed}.stock-action-out .stock-action-icon:after{border-color:#58ad6e}
.notice{background:#ecf8ef;border-color:#d7efdd;color:#357a47}
.dashboard-row-mark,.journey-number,.help-topic-number{background:#f0eafa;color:#65519d}
.dashboard-row-tail,.journey-ready .journey-status{color:#388f51}
.task-kpis strong,.task-card h3,.task-work>summary,.task-create>summary{color:#65519d}
.task-tabs b,.role-chip{background:#f0eafa;color:#65519d;border-color:#e0d5ef}
.gantt-bar{background:#a99acb}.gantt-bar.doing{background:#69c07a}.gantt-bar.done{background:#65519d}
.gantt-bar:focus-visible,:focus-visible{outline-color:#65519d}

.auth-shell{background:linear-gradient(135deg,#f8f7fb,#f2eef9)}
.auth-shell .content{width:min(100%,1100px);padding:54px 30px 25px}
.auth-experience{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(320px,1fr);gap:0;align-items:stretch;max-width:960px;margin:5px auto 24px;background:#fff;border:1px solid #e7dff0;border-radius:24px;box-shadow:0 22px 70px rgba(76,54,120,.12);overflow:hidden}
.auth-brand-panel{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:23px;min-height:480px;padding:45px 28px;text-align:center;background:linear-gradient(150deg,#f4effb,#eae1f7)}
.auth-brand-panel:after{content:"";position:absolute;z-index:-1;left:-95px;bottom:-145px;width:420px;height:420px;background:url('/static/brand/neoline-n-mark.png') center/contain no-repeat;opacity:.12;transform:rotate(-12deg)}
.auth-brand-logo{width:150px;height:170px;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(101,81,157,.12))}
.auth-brand-tagline{display:block;width:min(100%,325px);height:auto}
.auth-brand-panel p{max-width:275px;margin:0;color:#65519d;font-size:13px;font-weight:700;line-height:1.9}
.auth-experience .auth-card{align-self:center;margin:0;max-width:none;min-width:0;border:0;box-shadow:none;border-radius:0;padding:45px 42px}
.auth-experience .auth-card h1{font-size:25px;color:#3a2e59;margin-bottom:20px}
.auth-experience .auth-card .primary{min-height:44px;margin-top:6px}
.auth-experience .auth-card input{min-height:45px;font-size:13px}
@media(max-width:760px){.auth-shell .content{padding:20px 14px}.auth-experience{grid-template-columns:1fr;max-width:480px}.auth-brand-panel{min-height:205px;gap:6px;padding:22px}.auth-brand-logo{width:95px;height:105px}.auth-brand-tagline{max-width:235px}.auth-brand-panel p{display:none}.auth-experience .auth-card{padding:25px 22px 30px}.brand-logo{width:58px;height:65px}}
.sms-back{display:inline-flex;margin-top:16px}
.user-contact{margin-top:8px;border-top:1px solid var(--line);padding-top:8px}
.user-contact>summary{cursor:pointer;color:var(--blue);font-size:11px;font-weight:700}
.user-contact .form-grid{min-width:220px;margin-top:12px}
td small{display:block;margin-top:3px;color:var(--muted);font-size:10px}