/* MASAR 360 v8 visual layer */
.product-logo{width:168px;height:auto;display:block;object-fit:contain}.brand-login .product-logo{width:215px;margin-bottom:4px}.sidebar-brand .product-logo{width:162px}.brand-login>div:not(.login-toolbar),.sidebar-brand>div:not(.product-logo){display:none}.sidebar-brand{justify-content:center;padding:18px 12px}.brand-login{justify-content:center;align-items:center;flex-direction:column}.login-panel{min-width:500px}.login-shell{max-width:1280px}.login-copy{text-align:center}.login-form{max-width:470px;margin-inline:auto;width:100%}.login-help,.demo-hint,.login-footer{max-width:470px;margin-inline:auto}.login-toolbar{align-self:stretch}
.maintenance-welcome{background:linear-gradient(135deg,#0d5f6f,#123c63)}.maintenance-welcome .welcome-logo svg{width:58px;height:58px}.maint-filter-bar{display:flex;gap:8px;flex-wrap:wrap;padding:12px;margin-bottom:16px}.maint-filter-bar button{border:1px solid var(--line);background:var(--card);border-radius:14px;padding:10px 14px;font-weight:800;color:var(--muted);cursor:pointer}.maint-filter-bar button.active{background:var(--primary);border-color:var(--primary);color:#fff}.maint-filter-bar b{display:inline-flex;min-width:22px;height:22px;border-radius:999px;align-items:center;justify-content:center;background:rgba(255,255,255,.18);margin-inline-start:5px}.maintenance-board{display:grid;grid-template-columns:repeat(5,minmax(230px,1fr));gap:14px;overflow-x:auto;padding-bottom:12px}.maint-column{background:color-mix(in srgb,var(--background) 90%,#fff);border:1px solid var(--line);border-radius:18px;min-width:240px}.maint-column>header{display:flex;justify-content:space-between;align-items:center;padding:14px 14px 10px;font-weight:900}.maint-column>header b{display:grid;place-items:center;width:26px;height:26px;border-radius:999px;background:var(--card);border:1px solid var(--line);color:var(--primary)}.maint-column>div{padding:8px}.maint-empty{padding:22px 8px;text-align:center;color:var(--muted);font-size:13px}.maintenance-ticket{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:13px;margin-bottom:10px;box-shadow:var(--shadow-soft);position:relative;overflow:hidden}.maintenance-ticket.urgent:before{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:4px;background:var(--danger)}.ticket-head,.ticket-meta,.ticket-actions,.ticket-detail-summary{display:flex;align-items:center;gap:8px;justify-content:space-between}.ticket-head small{color:var(--muted)}.maintenance-ticket h4{font-size:14px;margin:12px 0 5px}.maintenance-ticket p{font-size:12px;color:var(--muted);margin:0 0 10px}.ticket-meta{flex-wrap:wrap;justify-content:flex-start;color:var(--muted);font-size:11px;margin-bottom:10px}.ticket-meta span{display:flex;align-items:center;gap:4px}.ticket-meta svg{width:14px;height:14px}.ticket-actions{border-top:1px dashed var(--line);padding-top:9px}.ticket-detail-summary{justify-content:flex-start;flex-wrap:wrap;padding:10px;border:1px solid var(--line);border-radius:14px;background:var(--background);margin-bottom:12px}.file-chips{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 18px}.file-chips span{display:flex;align-items:center;gap:4px;background:var(--background);border:1px solid var(--line);border-radius:999px;padding:7px 10px;font-size:12px}.file-chips svg{width:14px;height:14px}
.finance-api-strip{display:flex;gap:14px;align-items:center;background:linear-gradient(135deg,#173c69,#0d6b84);color:#fff;border-radius:18px;padding:16px 18px;margin-bottom:16px}.finance-api-strip.connected{background:linear-gradient(135deg,#0e6c52,#139673)}.finance-api-strip>div svg{width:34px;height:34px}.finance-api-strip section{display:grid;gap:4px;flex:1}.finance-api-strip section small{opacity:.82}.finance-api-strip>span{border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900}.finance-layout{align-items:stretch}.finance-bars{height:230px;display:flex;gap:14px;align-items:flex-end;padding:16px 8px 0}.finance-bars>div{flex:1;text-align:center}.finance-bars>div>div{height:190px;display:flex;gap:4px;justify-content:center;align-items:flex-end}.finance-bars i{width:17px;border-radius:8px 8px 0 0;background:var(--primary);display:block}.finance-bars i+ i{background:var(--accent)}.finance-bars small{display:block;margin-top:7px;color:var(--muted)}.chart-legend{display:flex;gap:18px;justify-content:center;margin-top:8px;color:var(--muted);font-size:12px}.chart-legend span{display:flex;align-items:center;gap:5px}.chart-legend i{width:11px;height:11px;border-radius:3px;background:var(--primary)}.chart-legend span+span i{background:var(--accent)}.finance-cost-list{display:grid;gap:12px;margin-top:8px}.finance-cost-list div{display:flex;justify-content:space-between;gap:12px;padding:15px;border:1px solid var(--line);border-radius:14px;background:var(--background)}.finance-cost-list span{color:var(--muted)}
.department-role-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.department-role-card{display:grid;gap:14px}.department-role-card header{display:flex;gap:12px;align-items:center}.department-role-card header>span{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:color-mix(in srgb,var(--primary) 12%,#fff);color:var(--primary)}.department-role-card svg{width:24px;height:24px}.department-role-card h4{margin:0 0 3px}.department-role-card small{color:var(--muted)}.department-role-card section>b{font-size:12px;color:var(--muted);display:block;margin-bottom:8px}.department-role-card ul{margin:0;padding-inline-start:19px;color:var(--muted);font-size:13px;display:grid;gap:5px}.role-tags{display:flex;gap:6px;flex-wrap:wrap}.role-tags span{background:var(--background);border:1px solid var(--line);border-radius:999px;padding:6px 9px;font-size:11px;font-weight:800}
.developer-console{margin-top:16px}.dev-group-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 16px}.dev-group-tabs button{border:1px solid var(--line);background:var(--background);color:var(--muted);border-radius:999px;padding:9px 13px;font-weight:800;cursor:pointer}.dev-group-tabs button.active{background:var(--primary);border-color:var(--primary);color:#fff}.developer-integration-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.integration-card{border:1px solid var(--line);border-radius:16px;padding:14px;background:var(--background)}.integration-card.enabled{border-color:color-mix(in srgb,var(--success) 50%,var(--line));background:color-mix(in srgb,var(--success) 6%,var(--background))}.integration-card header{display:flex;gap:10px;align-items:center}.integration-card header>span{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--card);color:var(--primary)}.integration-card svg{width:21px;height:21px}.integration-card h5{margin:0 0 3px}.integration-card small{color:var(--muted)}.integration-state{display:flex;justify-content:space-between;gap:10px;margin:14px 0;padding:8px 0;border-block:1px dashed var(--line);font-size:12px}.integration-state span{color:var(--muted);font-family:monospace}.integration-card footer{display:flex;gap:7px;justify-content:space-between}.developer-security-note{display:flex;gap:12px;align-items:center;margin-top:16px;border-radius:14px;padding:14px;background:color-mix(in srgb,var(--success) 9%,var(--card));border:1px solid color-mix(in srgb,var(--success) 28%,var(--line))}.developer-security-note>svg{width:27px;height:27px;color:var(--success);flex:0 0 auto}.developer-security-note div{display:grid;gap:3px}.developer-security-note small{color:var(--muted);line-height:1.7}
.about-shell{display:grid;grid-template-columns:1.35fr .9fr;gap:16px}.about-product{padding:26px}.about-product>img{width:min(360px,100%);margin-bottom:16px}.product-lock,.fixed-brand-note span,.fixed-brand-box span{display:inline-flex;align-items:center;gap:6px;color:var(--success);background:color-mix(in srgb,var(--success) 9%,#fff);border:1px solid color-mix(in srgb,var(--success) 24%,var(--line));padding:7px 10px;border-radius:999px;font-size:12px;font-weight:800}.product-lock svg,.fixed-brand-note svg,.fixed-brand-box svg{width:15px;height:15px}.about-product h3{margin:18px 0 8px}.about-product p{color:var(--muted);line-height:1.9}.about-version{display:grid;gap:4px;margin-top:20px;padding-top:14px;border-top:1px solid var(--line)}.about-version small{color:var(--muted)}.about-contact{display:grid;gap:10px}.contact-person{display:flex;gap:10px;align-items:center;padding:8px 0 12px}.contact-avatar{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:var(--primary);color:#fff;font-weight:900;font-size:20px}.contact-person div+div{display:grid;gap:3px}.contact-person small{color:var(--muted)}.about-contact>a{display:flex;gap:10px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:14px;text-decoration:none;color:var(--ink);background:var(--background)}.about-contact>a>span{width:35px;height:35px;border-radius:11px;display:grid;place-items:center;background:var(--card);color:var(--primary);font-weight:900}.about-contact>a div{display:grid;gap:2px}.about-contact>a small{color:var(--muted)}.fixed-brand-box{display:grid;gap:12px;justify-items:start}.fixed-brand-box img{width:230px;max-width:100%}.fixed-brand-note{display:flex;gap:10px;align-items:center;margin-top:12px;padding:12px;border:1px dashed var(--line);border-radius:14px}.fixed-brand-note img{width:180px;max-width:45%}.asset-upload{display:flex;gap:10px;align-items:center;border:1px dashed var(--line);padding:12px;border-radius:14px;cursor:pointer}.asset-upload>span svg{width:22px;height:22px}.asset-upload div{display:grid;gap:3px;flex:1}.asset-upload small{color:var(--muted)}.asset-upload input{max-width:180px}.report-extension{margin-top:16px}.full{width:100%}
@media(max-width:1050px){.about-shell{grid-template-columns:1fr}.maintenance-board{grid-template-columns:repeat(5,minmax(220px,1fr))}.login-panel{min-width:unset}.product-logo{width:146px}.brand-login .product-logo{width:190px}}