:root{--primary: #0066b3;--primary-dark: #004a82;--primary-light: #3389c7;--secondary: #e60012;--accent: #00a0e4;--bg-dark: #0f172a;--bg-card: #1e293b;--bg-light: #f8fafc;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-dark: #1e293b;--border: #334155;--border-light: #e2e8f0;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--info: #3b82f6;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:linear-gradient(135deg,var(--bg-dark) 0%,#1a1f35 100%);color:var(--text-primary);min-height:100vh;line-height:1.6}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:1.25rem;color:var(--text-secondary)}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-lg)}.login-card{background:#1e293bcc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-2xl);width:100%;max-width:420px;box-shadow:var(--shadow-xl)}.login-logo{text-align:center;margin-bottom:var(--space-xl)}.login-logo h1{font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-xs)}.login-logo p{color:var(--text-secondary);font-size:.875rem}.login-form{display:flex;flex-direction:column;gap:var(--space-lg)}.form-group{display:flex;flex-direction:column;gap:var(--space-sm)}.form-group label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.form-group input{padding:var(--space-md);font-size:1rem;border:1px solid var(--border);border-radius:var(--radius-md);background:#0f172a99;color:var(--text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0066b333}.form-group input::placeholder{color:var(--text-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);font-size:1rem;font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0066b366}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{background:transparent;border:1px solid var(--border);color:var(--text-primary)}.btn-secondary:hover{background:#ffffff0d;border-color:var(--primary)}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover{background:#dc2626}.error-message{background:#ef44441a;border:1px solid var(--error);border-radius:var(--radius-md);padding:var(--space-md);color:var(--error);font-size:.875rem;text-align:center}.layout{min-height:100vh;display:flex;flex-direction:column}.header{background:#1e293be6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);padding:var(--space-md) var(--space-xl);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;transition:transform .3s ease}.header--hidden{transform:translateY(-100%)}.header-logo{display:flex;align-items:center;gap:var(--space-md)}.header-logo h1{font-size:1.25rem;font-weight:700;color:var(--primary)}.header-info{display:flex;align-items:center;gap:var(--space-lg)}.header-date{color:var(--text-secondary);font-size:.875rem}.header-user{display:flex;align-items:center;gap:var(--space-sm);color:var(--text-primary);font-size:.875rem}.main-content{flex:1;padding:var(--space-xl);max-width:1400px;margin:0 auto;width:100%}.orders-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-xl);gap:var(--space-lg);flex-wrap:wrap}.orders-title h2{font-size:1.5rem;font-weight:700;margin-bottom:var(--space-xs)}.orders-title p{color:var(--text-secondary);font-size:.875rem}.search-box{display:flex;align-items:center;gap:var(--space-sm);background:#0f172a99;border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);min-width:300px}.search-box input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:.875rem;outline:none}.search-box input::placeholder{color:var(--text-secondary)}.orders-table{background:#1e293b99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.orders-table table{width:100%;border-collapse:collapse}.orders-table th{background:#0f172acc;padding:var(--space-md) var(--space-lg);text-align:left;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);border-bottom:1px solid var(--border)}.orders-table td{padding:var(--space-md) var(--space-lg);font-size:.875rem;border-bottom:1px solid rgba(51,65,85,.5)}.orders-table tr{transition:background var(--transition-fast);cursor:pointer}.orders-table tbody tr:hover{background:#0066b31a}.orders-table tbody tr:last-child td{border-bottom:none}.status-badge{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-sm);font-size:.75rem;font-weight:600;border-radius:9999px;text-transform:uppercase}.status-vigente{background:#10b9811a;color:var(--success)}.status-pendiente{background:#f59e0b1a;color:var(--warning)}.status-cerrada{background:#94a3b81a;color:var(--text-secondary)}.detail-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-xl);gap:var(--space-lg);flex-wrap:wrap}.detail-title{display:flex;align-items:center;gap:var(--space-md)}.back-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#33415580;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)}.back-btn:hover{background:#0066b333;border-color:var(--primary)}.detail-actions{display:flex;gap:var(--space-md)}.section{background:#1e293b99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:var(--space-lg);overflow:hidden}.section-header{background:linear-gradient(90deg,var(--primary) 0%,var(--primary-dark) 100%);padding:var(--space-md) var(--space-lg)}.section-header h3{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.section-content{padding:var(--space-lg)}.field-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg)}.field{display:flex;flex-direction:column;gap:var(--space-xs)}.field-label{font-size:.75rem;font-weight:500;color:var(--primary-light);text-transform:uppercase;letter-spacing:.05em}.field-value{font-size:.9375rem;color:var(--text-primary);padding:var(--space-sm) var(--space-md);background:#0f172a66;border:1px solid rgba(51,65,85,.5);border-radius:var(--radius-sm);min-height:40px;display:flex;align-items:center}.field-value.empty{color:var(--text-secondary);font-style:italic}.field-textarea{min-height:80px;white-space:pre-wrap;align-items:flex-start;padding:var(--space-md)}.pdf-form-container{max-width:900px;margin:0 auto}.pdf-form .form-group{margin-bottom:var(--space-lg)}.pdf-form input,.pdf-form textarea,.pdf-form select{width:100%;padding:var(--space-md);font-size:.9375rem;border:1px solid var(--border);border-radius:var(--radius-md);background:#0f172a99;color:var(--text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.pdf-form input:focus,.pdf-form textarea:focus,.pdf-form select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0066b333}.pdf-form textarea{min-height:120px;resize:vertical}.pdf-actions{display:flex;gap:var(--space-md);margin-top:var(--space-xl);justify-content:flex-end}.action-buttons{display:flex;gap:var(--space-md);margin-bottom:var(--space-xl);flex-wrap:wrap}.checkbox-group{display:flex;align-items:center}.checkbox-group label{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;color:var(--text-primary)}.checkbox-group input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary);cursor:pointer}.text-center{text-align:center}.mt-lg{margin-top:var(--space-lg)}.mb-lg{margin-bottom:var(--space-lg)}@media (max-width: 1024px) and (min-width: 769px){.orders-table{overflow-x:auto}.orders-table table{font-size:.9rem}.orders-table th,.orders-table td{padding:var(--space-sm)}.field-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.header{padding:var(--space-md);flex-direction:column;gap:var(--space-md)}.header-info{flex-direction:column;align-items:stretch;gap:var(--space-sm)}.header-user,.header-date{text-align:center}.main-content{padding:var(--space-md)}.orders-header{flex-direction:column;align-items:stretch;gap:var(--space-md)}.search-box{min-width:auto;width:100%}.orders-table{overflow-x:auto;-webkit-overflow-scrolling:touch}.orders-table table{min-width:700px;font-size:.875rem}.orders-table th,.orders-table td{padding:var(--space-sm);white-space:nowrap}.status-badge{padding:2px 8px;font-size:.75rem}.field-grid{grid-template-columns:1fr}.detail-actions{flex-direction:column;width:100%;gap:var(--space-sm)}.detail-actions .btn{width:100%;justify-content:center}.pdf-actions{flex-direction:column;gap:var(--space-md)}.pdf-actions .btn{width:100%}input,textarea,select{min-height:44px;font-size:16px}.btn{min-height:44px;font-size:1rem}.login-container{padding:var(--space-lg)}.login-box{padding:var(--space-xl)}.section{margin-bottom:var(--space-lg)}.section-header h3{font-size:1.1rem}}@media (max-width: 480px){:root{--space-xl: 1.5rem;--space-lg: 1rem}.header h1{font-size:1.25rem}.login-box{padding:var(--space-lg)}.orders-table table{min-width:600px}.detail-header h2{font-size:1.5rem}.back-btn{padding:var(--space-sm) var(--space-md)}}