*,:before,:after{box-sizing:border-box}html{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4}body{margin:0}hr{height:0;color:inherit}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{appearance:button;-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{appearance:textfield;-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{appearance:none;-webkit-appearance:none}::-webkit-file-upload-button{appearance:button;-webkit-appearance:button;font:inherit}summary{display:list-item}:root{--color-bg: #1e1e1e;--color-bg-header: #1f2937;--color-bg-container: #2d2d2d;--color-bg-hover: #374151;--color-bg-input: #3d3d3d;--color-text: #e0e0e0;--color-text-muted: #9ca3af;--color-text-heading: #ffffff;--color-border: #4b5563;--color-border-input: #6b7280;--color-accent: #000066;--color-accent-hover: #003399;--color-success: #22c55e;--color-error: #ef4444;--color-warning: #f59e0b;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3)}body{font-family:Poppins,sans-serif;font-size:14px;background-color:var(--color-bg);color:var(--color-text);line-height:1.5}h1,h2,h3,h4,h5,h6{color:var(--color-text-heading);margin:0 0 var(--space-sm) 0}h1{font-size:1.5rem;font-weight:600}h2{font-size:1.25rem;font-weight:600}h3{font-size:1.1rem;font-weight:500}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover)}.app-container{min-height:100vh}.main-content{padding:var(--space-md)}.header{background-color:var(--color-bg-header);color:#fff;padding:var(--space-sm) var(--space-md);display:flex;align-items:center}.header-logo{font-size:1.25rem;font-weight:700;margin-right:var(--space-xl);color:#fff;text-decoration:none}.header-nav{display:flex;align-items:center;gap:var(--space-xs)}.header-spacer{flex:1}.nav-button{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);background:transparent;border:none;color:#fff;cursor:pointer;font-family:inherit;font-size:inherit;transition:background-color .2s}.nav-button:hover{background-color:var(--color-bg-hover)}.dropdown{position:relative}.dropdown-menu{position:absolute;top:100%;margin-top:var(--space-xs);background-color:var(--color-bg-header);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-xs) 0;min-width:10rem;z-index:50;white-space:nowrap}.dropdown-menu.align-left{left:0}.dropdown-menu.align-right{right:0}.dropdown-link{display:block;padding:var(--space-sm) var(--space-md);color:#fff;text-decoration:none;background:none;border:none;width:100%;text-align:left;cursor:pointer;font-family:inherit;font-size:inherit}.dropdown-link:hover{background-color:var(--color-bg-hover);color:#fff}.container{background-color:var(--color-bg-container);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-md)}.container-centered{margin-left:auto;margin-right:auto}.btn{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:none;cursor:pointer;font-family:inherit;font-size:inherit;font-weight:500;transition:background-color .2s}.btn-primary{background-color:var(--color-accent);color:#fff}.btn-primary:hover{background-color:var(--color-accent-hover)}.btn-secondary{background-color:transparent;color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background-color:var(--color-bg-hover)}.form-group{margin-bottom:var(--space-md)}.form-label{display:block;margin-bottom:var(--space-xs);color:var(--color-text-muted);font-size:.875rem}.form-input{width:100%;padding:var(--space-sm) var(--space-sm);background-color:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:var(--radius-md);color:var(--color-text);font-family:inherit;font-size:inherit;line-height:1.5}.form-input:focus{outline:none;border-color:var(--color-accent)}.form-checkbox{margin-right:var(--space-xs)}.form-row{display:flex;gap:var(--space-md);align-items:flex-end}.table{width:100%;border-collapse:collapse}.table th{text-align:left;padding:var(--space-sm);color:var(--color-text-muted);font-weight:500;font-size:.875rem;border-bottom:1px solid var(--color-border)}.table td{padding:var(--space-sm);border-bottom:1px solid var(--color-border)}.table-row-clickable:hover{background-color:var(--color-bg-hover);cursor:pointer}.table th.sortable{cursor:pointer}.table th.sortable:hover{color:var(--color-text)}.badge{display:inline-block;padding:.125rem var(--space-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:500}.badge-success{background-color:#22c55e33;color:var(--color-success)}.badge-error{background-color:#ef444433;color:var(--color-error)}.text-muted{color:var(--color-text-muted)}.flex{display:flex}.flex-1{flex:1}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.items-center{align-items:center}.justify-between{justify-content:space-between}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-container{width:100%;max-width:400px}.login-container h1{text-align:center;margin-bottom:var(--space-lg)}.login-button{width:100%;padding:var(--space-sm) var(--space-md)}.login-button:disabled{opacity:.6;cursor:not-allowed}.alert{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-md)}.alert-error{background-color:#ef444433;border:1px solid var(--color-error);color:var(--color-error)}.page-centered{width:fit-content;margin-left:auto;margin-right:auto}.list-container{max-width:fit-content}.list-toolbar{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border)}.toolbar-spacer{flex:1}.search-input{width:200px}.checkbox-label{display:flex;align-items:center;gap:var(--space-xs);cursor:pointer}.form-container{margin-bottom:var(--space-md)}.form-group-checkbox{display:flex;align-items:flex-end;padding-bottom:var(--space-xs)}.form-actions{display:flex;gap:var(--space-sm);justify-content:flex-end;margin-top:var(--space-md)}.history-container{margin-top:var(--space-md)}.history-container h2{margin-bottom:var(--space-sm)}.table td,.table th{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.input-number{text-align:right;appearance:textfield;-moz-appearance:textfield}.input-number::-webkit-outer-spin-button,.input-number::-webkit-inner-spin-button{appearance:none;-webkit-appearance:none;margin:0}.text-right{text-align:right}.modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100}.modal-content{background-color:var(--color-bg-container);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-lg);max-width:500px;max-height:80vh;overflow-y:auto}.history-detail{display:flex;flex-direction:column;gap:var(--space-xs)}.history-row{display:flex;gap:var(--space-md)}.history-label{width:100px;color:var(--color-text-muted);flex-shrink:0}