*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f4f6f8;color:#1f2937}.auth-body{display:flex;align-items:center;justify-content:center;min-height:100vh}.auth-wrapper{width:380px}.login-card,.panel,.kpi-card{background:#fff;border-radius:14px;padding:22px;box-shadow:0 4px 18px rgba(0,0,0,.05);margin-bottom:18px}h1,h2{margin-top:0}a{color:#2563eb;text-decoration:none}label{display:block;margin:10px 0 6px}input,select,textarea{width:100%;padding:10px;border:1px solid #d1d5db;border-radius:8px;background:#fff}textarea{min-height:90px}.btn-primary,.btn-secondary,.btn-danger{display:inline-block;border:0;border-radius:8px;padding:9px 12px;text-decoration:none;cursor:pointer;margin:2px;font-size:14px}.btn-primary{background:#2563eb;color:#fff}.btn-secondary{background:#e5e7eb;color:#111827}.btn-danger{background:#dc2626;color:#fff}.btn-link{background:none;border:0;color:#2563eb;cursor:pointer}.app-shell{display:flex;min-height:100vh}.sidebar{width:260px;background:#111827;color:#fff;padding:18px;position:sticky;top:0;height:100vh;overflow:auto}.sidebar-logo{font-weight:700;margin-bottom:20px;font-size:18px}.sidebar a{display:block;color:#d1d5db;text-decoration:none;padding:10px;border-radius:8px}.sidebar a:hover{background:#1f2937;color:#fff}.sidebar-section{font-size:12px;text-transform:uppercase;color:#9ca3af;margin:20px 0 8px}.main-area{flex:1;min-width:0}.topbar{min-height:64px;background:#fff;border-bottom:1px solid #e5e7eb;padding:10px 24px;display:grid;grid-template-columns:220px 1fr auto;gap:18px;align-items:center;position:sticky;top:0;z-index:5}.topbar-title{white-space:nowrap}.global-search input{height:40px}.profile-menu{display:flex;gap:12px;align-items:center;white-space:nowrap}.content{padding:24px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.page-head.compact{align-items:center}.page-head p{margin:6px 0 0;color:#6b7280}.toolbar-search{display:flex;gap:8px;margin-bottom:14px;max-width:560px}.toolbar-search input{flex:1}.global-search-page{display:flex;gap:8px;margin-bottom:18px}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:16px}.kpi-card span,.detail-grid span{display:block;color:#6b7280}.kpi-card strong{font-size:28px}.quick-actions{display:flex;gap:8px;flex-wrap:wrap}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:10px;border-bottom:1px solid #e5e7eb;text-align:left;vertical-align:top}.data-table th{font-size:12px;text-transform:uppercase;color:#6b7280;background:#f9fafb}.data-table tbody tr:hover{background:#f9fafb}.grid-form{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.span-2{grid-column:span 2}.check{display:inline-block;margin-right:12px}.check input{width:auto}.inline{display:inline}.actions{white-space:nowrap}.alert{padding:12px;border-radius:8px;margin-bottom:12px}.alert.success{background:#dcfce7}.alert.error{background:#fee2e2}.badge{display:inline-block;background:#eef2ff;color:#3730a3;border-radius:999px;padding:3px 9px;font-size:12px}.detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.modal{display:none;position:fixed;inset:0;background:rgba(17,24,39,.55);align-items:flex-start;justify-content:center;padding:5vh 18px;z-index:20;overflow:auto}.modal.open{display:flex}.modal-card{background:#fff;border-radius:16px;padding:22px;box-shadow:0 20px 60px rgba(0,0,0,.25);max-width:820px;width:100%;position:relative}.modal-close{position:absolute;right:16px;top:12px;border:0;background:transparent;font-size:28px;cursor:pointer}.form-actions{text-align:right}.table-filter{max-width:320px;margin:0 0 12px auto}.table-filter input{height:36px}@media(max-width:1000px){.topbar{grid-template-columns:1fr}.profile-menu{justify-content:space-between}.app-shell{flex-direction:column}.sidebar{width:100%;height:auto;position:relative}.kpi-grid,.grid-form,.detail-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.page-head{flex-direction:column}.toolbar-search,.global-search-page{max-width:none}.content{padding:16px}}.dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.dashboard-grid .panel{margin-bottom:0}.span-wide{grid-column:span 2}.muted{color:#6b7280}.comment-form{margin-bottom:18px}.comment-form textarea{min-height:72px}.timeline{position:relative;margin-top:10px}.timeline-item{display:grid;grid-template-columns:24px 1fr;gap:10px;margin-bottom:12px}.timeline-dot{width:12px;height:12px;border-radius:999px;background:#2563eb;margin-top:8px}.timeline-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:12px}.timeline-card p{margin:6px 0}.status-open{background:#dbeafe;color:#1d4ed8}.status-in-progress{background:#fef3c7;color:#92400e}.status-waiting-customer,.status-waiting-internal{background:#ffedd5;color:#9a3412}.status-resolved{background:#dcfce7;color:#166534}.status-closed{background:#e5e7eb;color:#374151}.status-cancelled{background:#fee2e2;color:#991b1b}.priority-low{background:#f3f4f6;color:#374151}.priority-normal{background:#eef2ff;color:#3730a3}.priority-high{background:#fef3c7;color:#92400e}.priority-critical{background:#fee2e2;color:#991b1b}small{color:#6b7280}select[multiple]{min-height:120px}@media(max-width:1000px){.dashboard-grid{grid-template-columns:1fr}.span-wide{grid-column:auto}}