*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;font-size:11pt;line-height:1.4;background-color:#f5f5f5;color:#333;margin:0;padding:0}.app-layout{min-height:100vh}.app-layout>header{background:#fff!important;border:0!important;border-bottom:0!important;border-top:0!important;box-shadow:none!important;outline:0!important;margin:0!important;padding:15px 20px 3px!important}.app-layout>header img{height:95px!important;width:auto!important;border:0!important;outline:0!important;image-rendering:high-quality}.app-layout>main{border:0!important;border-top:0!important;margin:0!important;padding-top:20px!important}h1,h2,h3,h4,h5,h6{font-family:Arial,sans-serif;font-size:12pt;font-weight:700}.qcs-form{max-width:1200px;margin:0 auto;background:#fff;padding:20px;box-shadow:0 2px 4px #0000001a}.form-header{background:#fff;color:#333;padding:15px;margin-bottom:20px}.form-section{margin-bottom:20px;border:1px solid #ddd}.section-header{background:#2c3e50;color:#fff;padding:8px 12px;font-size:12pt;font-weight:700}.section-content{padding:15px}.form-row{display:grid;grid-template-columns:250px 100px 50px 100px 100px;gap:10px;align-items:center;padding:4px 0;border-bottom:1px solid #eee}.form-row:last-child{border-bottom:none}.form-row.header{background:#f8f9fa;font-weight:700;font-size:10pt}.form-label{font-size:11pt}.form-sublabel{font-size:10pt;color:#666;margin-left:10px}input[type=text],input[type=number],input[type=email],input[type=password],select,textarea{font-family:Arial,sans-serif;font-size:11pt;padding:6px 8px;border:1px solid #ccc;border-radius:3px;width:100%}input[type=number]{text-align:right}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input:focus,select:focus,textarea:focus{outline:none;border-color:#1a5276;box-shadow:0 0 3px #1a52764d}input:read-only{background:#f8f9fa;color:#666}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E") no-repeat right 8px center;padding-right:28px}.btn{font-family:Arial,sans-serif;font-size:11pt;padding:8px 16px;border:none;border-radius:4px;cursor:pointer;transition:background .2s}.btn-primary{background:#1a5276;color:#fff}.btn-primary:hover{background:#154360}.btn-secondary{background:#95a5a6;color:#fff}.btn-secondary:hover{background:#7f8c8d}.btn-success{background:#27ae60;color:#fff}.btn-success:hover{background:#219a52}.data-table{width:100%;border-collapse:collapse;margin:10px 0}.data-table th,.data-table td{border:1px solid #ddd;padding:6px 8px;font-size:11pt}.data-table th{background:#f8f9fa;font-weight:700;text-align:left}.data-table td input,.data-table td select{border:none;padding:4px}.level-section{margin:10px 0;padding:10px;background:#fafafa;border-left:3px solid #1a5276}.level-title{font-weight:700;color:#1a5276;margin-bottom:8px}.totals-section{background:#e8f4f8;padding:15px;margin-top:20px;border:2px solid #1a5276}.total-row{display:flex;justify-content:space-between;padding:5px 0;font-size:11pt}.total-row.grand-total{font-weight:700;font-size:14pt;border-top:2px solid #1a5276;margin-top:10px;padding-top:10px}.status-done{color:#27ae60;font-weight:700}.status-pending{color:#e74c3c}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#1a5276}.login-box{background:#fff;padding:40px;border-radius:8px;box-shadow:0 4px 20px #0000004d;width:100%;max-width:400px}.login-box h1{text-align:center;margin-bottom:30px;color:#1a5276}.login-box .form-group{margin-bottom:20px}.login-box label{display:block;margin-bottom:5px;font-weight:700}.login-box input{width:100%}.login-box .btn{width:100%;margin-top:10px}.main-header{background:#fff;padding:15px 20px 10px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #1a5276}.header-left{flex-shrink:0}.header-logo{height:95px;width:auto;cursor:pointer;border:none;image-rendering:high-quality}.header-right{display:flex;align-items:center;gap:15px}.user-info{color:#333;font-size:11pt}.distributor-name{color:#666}.btn-sm{padding:6px 12px;font-size:10pt}.desktop-nav{display:flex;gap:20px;align-items:center}.desktop-nav a{color:#1a5276;text-decoration:none;font-size:11pt;font-weight:500}.desktop-nav a:hover{text-decoration:underline}.hamburger-btn{display:none;flex-direction:column;justify-content:space-between;width:30px;height:24px;background:none;border:none;cursor:pointer;padding:0;z-index:1001}.hamburger-line{display:block;width:100%;height:3px;background:#1a5276;border-radius:2px;transition:transform .3s,opacity .3s}.hamburger-line.open:nth-child(1){transform:translateY(10px) rotate(45deg)}.hamburger-line.open:nth-child(2){opacity:0}.hamburger-line.open:nth-child(3){transform:translateY(-10px) rotate(-45deg)}.mobile-menu-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1000}.mobile-menu{position:absolute;top:0;right:0;width:280px;max-width:80vw;height:100vh;background:#fff;box-shadow:-2px 0 10px #0003;display:flex;flex-direction:column;padding:70px 0 20px}.mobile-menu-user{padding:15px 20px;border-bottom:1px solid #eee;color:#333;font-size:12pt}.mobile-distributor{color:#666;font-size:10pt;margin-top:4px}.mobile-menu a{display:block;padding:15px 20px;color:#1a5276;text-decoration:none;font-size:14pt;border-bottom:1px solid #f0f0f0}.mobile-menu a:hover,.mobile-menu a:active{background:#f5f5f5}.mobile-logout{margin:20px;text-align:center}.main-content{padding:20px;background:#f5f5f5;min-height:calc(100vh - 120px)}.nav-header{background:#fff;color:#333;padding:10px 20px;display:flex;justify-content:space-between;align-items:center;border:none!important;border-bottom:none!important;box-shadow:none!important;outline:none!important}.nav-header h1{font-size:16pt;color:#1a5276}.nav-links{display:flex;gap:20px}.nav-links a{color:#1a5276;text-decoration:none;font-size:11pt;font-weight:500}.nav-links a:hover{text-decoration:underline}@media (max-width: 992px){.form-row{grid-template-columns:1fr 1fr;gap:8px}.nav-links{gap:12px}.nav-links a{font-size:10pt}}@media (max-width: 768px){.hamburger-btn{display:flex}.desktop-nav,.desktop-only{display:none!important}.mobile-menu-overlay{display:block}.main-header{padding:10px 15px}.header-logo{height:60px}.main-content{padding:15px 10px}.nav-header{flex-direction:column;gap:10px;padding:10px 15px}.nav-header h1{font-size:14pt}.nav-links{flex-wrap:wrap;justify-content:center;gap:10px}.nav-links a{font-size:10pt;padding:5px 10px;background:#f0f0f0;border-radius:4px}.app-layout>header{padding:10px 15px!important;text-align:center}.app-layout>header img{height:60px!important;max-width:100%}.dashboard-grid,.admin-grid,.stats-grid,.two-col-grid{grid-template-columns:1fr!important}.stat-card{padding:12px!important}.stat-card h4{font-size:9pt!important}.stat-card p{font-size:20pt!important}.card,.panel{padding:15px!important;margin-bottom:15px}.action-buttons{display:flex;flex-wrap:wrap;gap:8px}.action-buttons .btn{flex:1 1 auto;min-width:100px;margin-bottom:0}.quotes-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.hide-mobile{display:none!important}.qcs-form{padding:10px;margin:0 5px}.form-row{grid-template-columns:1fr;gap:5px}.form-row.header{display:none}.form-section{margin-bottom:15px}.section-header{font-size:11pt;padding:6px 10px}.section-content{padding:10px}.data-table{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}.data-table th,.data-table td{font-size:10pt;padding:4px 6px;min-width:80px}.totals-section{padding:10px;margin-top:15px}.total-row{font-size:10pt;flex-direction:column;gap:2px}.total-row.grand-total{font-size:12pt;flex-direction:row}.btn{padding:12px 20px;font-size:12pt;width:100%;margin-bottom:8px}input[type=text],input[type=number],input[type=email],select,textarea{font-size:16px;padding:10px 12px}.level-section{padding:8px;margin:8px 0}.login-box{margin:10px;padding:25px 20px;max-width:none;width:calc(100% - 20px)}.login-box h1{font-size:18pt;margin-bottom:20px}}@media (max-width: 480px){.nav-header h1{font-size:12pt}.app-layout>header img{height:50px!important}.section-header,.form-label{font-size:10pt}.btn{padding:10px 16px;font-size:11pt}}@media print{.nav-header,.btn,button{display:none}.qcs-form{box-shadow:none;padding:0}}