:root{--primary-color: #4A90E2;--secondary-color: #357ABD;--background-color: #E6F0F9;--text-color: #333;--input-bg: #FFFFA0;--header-bg: #E0E0E0}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--background-color);color:var(--text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:var(--background-color)}.login-box{background:#fff;padding:40px;border-radius:8px;box-shadow:0 4px 6px #0000001a;text-align:center;width:100%;max-width:400px}.login-logo{max-width:200px;margin-bottom:20px}.input-group{margin-bottom:15px;text-align:left}.input-group label{display:block;margin-bottom:5px;font-weight:700}.input-group input[type=text],.input-group input[type=password]{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:16px}.password-wrapper{position:relative}.toggle-password{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:14px;color:#00f}.radio-group{margin:20px 0;text-align:left;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.radio-group label{cursor:pointer;display:flex;align-items:center;gap:5px;white-space:nowrap}.login-button{width:100%;padding:10px;background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:background .3s}.login-button:hover{background-color:var(--secondary-color)}.main-container{padding:20px;max-width:1200px;margin:0 auto}.header-title{text-align:center;color:#00008b;font-size:24px;margin-bottom:20px;font-weight:700}.form-row{display:flex;gap:15px;margin-bottom:15px}.form-group{flex:1;display:flex;flex-direction:column}.form-group.small{flex:.5}.form-group.large{flex:2}.form-group label{font-size:12px;font-weight:700;color:navy;margin-bottom:2px;text-transform:uppercase}.form-group input,.form-group select,.form-group textarea{padding:5px;border:1px solid #ccc;background-color:var(--input-bg);font-size:14px}.form-group input:disabled{background-color:#eee}.toolbar{display:flex;gap:10px;margin-top:20px;border-top:1px solid #ccc;padding-top:10px}.toolbar-button{display:flex;flex-direction:column;align-items:center;padding:10px;border:1px solid #ccc;background:#f9f9f9;cursor:pointer;min-width:80px}.toolbar-button:hover{background:#e0e0e0}.toolbar-button:disabled{opacity:.5;cursor:not-allowed}.history-table{width:100%;border-collapse:collapse;margin-top:10px}.history-table th,.history-table td{border:1px solid #ddd;padding:8px;text-align:left}.history-table th{background-color:#f2f2f2}.uppercase{text-transform:uppercase}.menu-item{background:none;border:none;padding:10px 15px;text-align:left;font-size:16px;cursor:pointer;border-bottom:1px solid #eee;width:100%}.menu-item:hover:not(:disabled){background-color:#f5f5f5}.menu-item:disabled{color:#ccc;cursor:not-allowed;pointer-events:none}