body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.top-nav{background-color:var(--background-white, white);box-shadow:var(--shadow-sm, 0 2px 4px rgba(0, 0, 0, .1));padding:.75rem 1rem;position:sticky;top:0;z-index:100;width:100%}.top-nav-container{display:flex;align-items:center;justify-content:space-between;max-width:1400px;margin:0 auto}.top-nav-logo{cursor:pointer;flex-shrink:0}.top-nav-logo img{height:40px;width:auto}.top-nav-links{display:flex;gap:1rem;margin:0 1rem;flex-grow:1;justify-content:center}.nav-link{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--radius-md, 6px);background:none;border:none;cursor:pointer;color:var(--text-color-light, #4b5563);font-weight:500;transition:all .2s}.nav-link:hover{background-color:var(--secondary-color, #f3f4f6);color:var(--text-color-dark, #111827)}.nav-link.active{background-color:var(--primary-color, #3b82f6);color:#fff}.top-nav-user{display:flex;align-items:center;gap:1rem}.user-info{display:flex;flex-direction:column;align-items:flex-end;font-size:.875rem;color:var(--text-color-light, #4b5563)}.user-email{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.user-role{font-size:.75rem;color:var(--text-color-light, #6b7280);text-transform:capitalize}@media (max-width: 768px){.top-nav-container{flex-direction:column;gap:.75rem}.top-nav-links{width:100%;justify-content:space-between}.nav-link{padding:.5rem;font-size:.875rem}.nav-link span{display:none}.top-nav-user{width:100%;justify-content:space-between}.user-info{flex-direction:row;gap:.5rem;align-items:center}}@media (max-width: 480px){.user-email{max-width:120px}}.document-page{max-width:210mm;margin:0 auto;padding:20mm;background:var(--background-white, white)}.document-header{display:flex;justify-content:space-between;margin-bottom:40px}.header-left{flex:1}.header-left img{max-width:300px;height:auto}.header-right{text-align:left;margin-left:20px}.header-right h3{margin:0 0 10px}.header-right p{margin:0;line-height:1.4}.document-title{font-size:24px;font-weight:700;margin-bottom:30px}.document-content{min-height:600px}.document-footer{margin-top:40px;padding-top:20px;border-top:1px solid #ddd;font-size:12px;text-align:center}@media print{.document-page{padding:0}@page{margin:20mm}}.content-header{display:flex;justify-content:space-between;margin-bottom:40px}.customer-info{flex:1}.customer-info p{margin:0 0 5px;line-height:1.4}.company-name{font-weight:700}.order-info{text-align:right}.order-info table{border-collapse:collapse}.order-info td{padding:3px 0 3px 20px;text-align:left}.products-table{margin:30px 0}.products-table table{width:100%;border-collapse:collapse}.products-table th,.products-table td{border:1px solid var(--text-color-dark, #000);padding:10px;text-align:left}.products-table th{background-color:var(--text-color-dark, #000);color:var(--background-white, #fff)}.product-info{display:flex;flex-direction:column}.serial-number{font-size:.9em;color:var(--text-color-light, #666);margin-top:3px}.signature-section{margin-top:40px}.signature-container{display:flex;gap:20px;align-items:flex-end}.signature-image{border-bottom:1px solid var(--text-color-dark, #000);min-width:200px;min-height:100px}.signature-image img{max-width:100%;height:auto}.signature-info{flex:1}.signature-info p{margin:0 0 5px}.signature-date{color:var(--text-color-light, #666);font-size:.9em}@media print{.products-table th{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.legal-section{margin:30px 0;padding:20px 0;border-top:1px solid #eee;border-bottom:1px solid #eee}.legal-text{font-size:.9em;color:var(--text-color-medium, #333);margin:0 0 10px;line-height:1.4}.logout-button{background-color:#e53e3e;color:#fff;padding:.75rem 1.5rem;border-radius:.375rem;font-weight:600;transition:background-color .2s;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer}.logout-button:hover{background-color:#c53030}.logout-button svg{margin-right:8px}.dashboard-header{display:flex;flex-direction:column;align-items:center;margin-bottom:30px;position:relative}.dashboard-title{font-size:2rem;margin-bottom:10px}.dashboard-subtitle{font-size:1.1rem;color:#666;margin-bottom:15px}.user-info{margin-left:10px;font-style:italic}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;padding:0 20px}.dashboard-card{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 10px #0000001a;transition:transform .2s,box-shadow .2s;cursor:pointer;border:none;text-align:center;display:flex;flex-direction:column;align-items:center;min-height:180px}.dashboard-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px #0003}.dashboard-card-icon{background-color:#f7fafc;padding:12px;border-radius:50%;margin-bottom:15px;color:#4a5568}.dashboard-card-title{font-size:1.2rem;margin-bottom:8px}.dashboard-card-description{color:#718096;font-size:.9rem}.loading-container{display:flex;justify-content:center;align-items:center;height:100vh;width:100%;background-color:#f7fafc}.loading-spinner{padding:15px 20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;font-size:1rem;color:#4a5568}@media print{@page{margin:0;size:A4}body{margin:1cm}button,input{display:none!important}}.btn{padding:.6rem 1.2rem;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .2s ease-in-out,color .2s ease-in-out;display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;color:#fff}.btn:hover{opacity:.9}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover{background-color:#0056b3}.btn-secondary{background-color:#adb5bd;color:#212529}.btn-secondary:hover{background-color:#9098a0}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover{background-color:#c82333}