:root{--eui-primary: #004494;--eui-secondary: #0e47cb;--eui-accent: #ffd617;--eui-background: #f5f5f5;--eui-surface: #ffffff;--eui-text: #333333;--eui-text-secondary: #666666;--eui-border: #e0e0e0;--eui-success: #28a745;--eui-warning: #ffc107;--eui-error: #dc3545;--eui-info: #17a2b8}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0;font-family:Arial,sans-serif;font-size:14px;color:var(--eui-text);background-color:var(--eui-background)}.eui-button{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border:1px solid var(--eui-primary);border-radius:4px;background-color:var(--eui-primary);color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.eui-button:hover{background-color:var(--eui-secondary);border-color:var(--eui-secondary)}.eui-button:disabled{opacity:.5;cursor:not-allowed}.eui-button.eui-button--secondary{background-color:transparent;color:var(--eui-primary)}.eui-button.eui-button--secondary:hover{background-color:#0044941a}.eui-button.eui-button--text{background-color:transparent;border-color:transparent;color:var(--eui-primary)}.eui-button.eui-button--text:hover{background-color:#0044941a}.eui-input{padding:8px 12px;border:1px solid var(--eui-border);border-radius:4px;font-size:14px;outline:none;transition:border-color .2s ease}.eui-input:focus{border-color:var(--eui-primary);box-shadow:0 0 0 2px #0044941a}.eui-input::placeholder{color:var(--eui-text-secondary)}.eui-select{padding:8px 32px 8px 12px;border:1px solid var(--eui-border);border-radius:4px;font-size:14px;background-color:#fff;background-image: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 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;appearance:none;cursor:pointer;outline:none}.eui-select:focus{border-color:var(--eui-primary);box-shadow:0 0 0 2px #0044941a}.eui-card{background-color:var(--eui-surface);border:1px solid var(--eui-border);border-radius:4px;padding:16px;box-shadow:0 1px 3px #0000001a}.eui-dropdown{position:relative;display:inline-block}.eui-dropdown-menu{position:absolute;top:100%;right:0;z-index:1000;min-width:200px;padding:8px 0;margin-top:4px;background-color:var(--eui-surface);border:1px solid var(--eui-border);border-radius:4px;box-shadow:0 4px 12px #00000026}.eui-dropdown-item{display:flex;align-items:center;padding:8px 16px;cursor:pointer;transition:background-color .2s ease}.eui-dropdown-item:hover{background-color:#0044940d}.eui-dropdown-item.active{background-color:#0044941a;color:var(--eui-primary)}.eui-dropdown-divider{height:1px;margin:8px 0;background-color:var(--eui-border)}.eui-chip{display:inline-flex;align-items:center;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:500}.eui-chip.eui-chip--draft{background-color:#e0e0e0;color:#666}.eui-chip.eui-chip--pending{background-color:#fff3cd;color:#856404}.eui-chip.eui-chip--confirmed{background-color:#d4edda;color:#155724}.eui-chip.eui-chip--cancelled{background-color:#f8d7da;color:#721c24}.eui-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer}.eui-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--eui-primary)}.eui-icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid var(--eui-border);border-radius:4px;background-color:var(--eui-surface);cursor:pointer;transition:all .2s ease}.eui-icon-button:hover{background-color:#0044940d;border-color:var(--eui-primary)}.eui-icon-button svg{width:20px;height:20px;fill:var(--eui-text)}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-4{gap:16px}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}.p-4{padding:16px}