:root{--card: #ffffff;--ring: #25d366;--input: #e9edef;--muted: #f0f2f5;--accent: #25d366;--border: #e9edef;--radius: 1rem;--chart-1: #25d366;--chart-2: #075e54;--chart-3: #128c7e;--chart-4: #34b7f1;--chart-5: #00a884;--popover: #ffffff;--primary: #075e54;--sidebar: #ffffff;--spacing: .25rem;--font-mono: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;--font-sans: Segoe UI, Helvetica Neue, Helvetica, Lucida Grande, Arial, Ubuntu, Cantarell, Fira Sans, sans-serif;--secondary: #e7f8f0;--background: #f0f2f5;--font-serif: Georgia, serif;--foreground: #111b21;--destructive: #ea4335;--shadow-blur: 10px;--shadow-color: rgba(0,0,0,.1);--sidebar-ring: #25d366;--shadow-spread: 0px;--letter-spacing: 0em;--shadow-opacity: .1;--sidebar-accent: #e7f8f0;--sidebar-border: #e9edef;--card-foreground: #111b21;--shadow-offset-x: 0px;--shadow-offset-y: 2px;--sidebar-primary: #075e54;--muted-foreground: #667781;--accent-foreground: #ffffff;--popover-foreground: #111b21;--primary-foreground: #ffffff;--sidebar-foreground: #111b21;--secondary-foreground: #075e54;--destructive-foreground: #ffffff;--sidebar-accent-foreground: #075e54;--sidebar-primary-foreground: #ffffff}.dark{--card: #1f2c34;--ring: #00a884;--input: #2a3942;--muted: #182229;--accent: #25d366;--border: #2a3942;--radius: 1rem;--chart-1: #25d366;--chart-2: #00a884;--chart-3: #128c7e;--chart-4: #34b7f1;--chart-5: #075e54;--popover: #1f2c34;--primary: #00a884;--sidebar: #111b21;--spacing: .25rem;--font-mono: Roboto Mono, monospace;--font-sans: Poppins, sans-serif;--secondary: #12332a;--background: #0b141a;--font-serif: Georgia, serif;--foreground: #e9edef;--destructive: #ea4335;--shadow-blur: 22px;--shadow-color: rgba(0,0,0,.4);--sidebar-ring: #00a884;--shadow-spread: 0px;--letter-spacing: 0em;--shadow-opacity: .4;--sidebar-accent: #12332a;--sidebar-border: #2a3942;--card-foreground: #e9edef;--shadow-offset-x: 0px;--shadow-offset-y: 4px;--sidebar-primary: #00a884;--muted-foreground: #8696a0;--accent-foreground: #111b21;--popover-foreground: #e9edef;--primary-foreground: #111b21;--sidebar-foreground: #e9edef;--secondary-foreground: #00a884;--destructive-foreground: #e9edef;--sidebar-accent-foreground: #00a884;--sidebar-primary-foreground: #111b21}@theme inline{ --color-card: var(--card); --color-ring: var(--ring); --color-input: var(--input); --color-muted: var(--muted); --color-accent: var(--accent); --color-border: var(--border); --color-radius: var(--radius); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --color-popover: var(--popover); --color-primary: var(--primary); --color-sidebar: var(--sidebar); --color-spacing: var(--spacing); --color-font-mono: var(--font-mono); --color-font-sans: var(--font-sans); --color-secondary: var(--secondary); --color-background: var(--background); --color-font-serif: var(--font-serif); --color-foreground: var(--foreground); --color-destructive: var(--destructive); --color-shadow-blur: var(--shadow-blur); --color-shadow-color: var(--shadow-color); --color-sidebar-ring: var(--sidebar-ring); --color-shadow-spread: var(--shadow-spread); --color-letter-spacing: var(--letter-spacing); --color-shadow-opacity: var(--shadow-opacity); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-border: var(--sidebar-border); --color-card-foreground: var(--card-foreground); --color-shadow-offset-x: var(--shadow-offset-x); --color-shadow-offset-y: var(--shadow-offset-y); --color-sidebar-primary: var(--sidebar-primary); --color-muted-foreground: var(--muted-foreground); --color-accent-foreground: var(--accent-foreground); --color-popover-foreground: var(--popover-foreground); --color-primary-foreground: var(--primary-foreground); --color-sidebar-foreground: var(--sidebar-foreground); --color-secondary-foreground: var(--secondary-foreground); --color-destructive-foreground: var(--destructive-foreground); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); }*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--background);color:var(--foreground);transition:background-color .3s ease,color .3s ease;min-height:100vh}.app-container{min-height:100vh;display:flex;flex-direction:column}.navbar{background-color:var(--sidebar);border-bottom:1px solid var(--border);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-offset-x) var(--shadow-offset-y) var(--shadow-blur) var(--shadow-color)}.navbar-brand{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;color:var(--primary)}.navbar-user{display:flex;align-items:center;gap:1.25rem}.role-switcher{display:flex;gap:.5rem;background-color:var(--muted);padding:.25rem;border-radius:var(--radius)}.user-badge{background-color:var(--secondary);color:var(--secondary-foreground);padding:.35rem .85rem;border-radius:9999px;font-size:.85rem;font-weight:600;display:inline-flex;align-items:center;gap:.4rem}.card{background-color:var(--card);color:var(--card-foreground);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow-offset-x) var(--shadow-offset-y) var(--shadow-blur) var(--shadow-color);transition:transform .2s ease,box-shadow .2s ease}.card:hover{box-shadow:0 8px 24px var(--shadow-color)}.card-title{font-size:1.25rem;font-weight:700;margin-bottom:.75rem;color:var(--primary)}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}.form-label{font-size:.9rem;font-weight:600;color:var(--foreground)}.form-input,.form-select,.form-textarea{width:100%;padding:.75rem 1rem;background-color:var(--input);color:var(--foreground);border:1px solid var(--border);border-radius:calc(var(--radius) * .75);font-family:inherit;font-size:.95rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--ring);box-shadow:0 0 0 3px #25d36633}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;border-radius:calc(var(--radius) * .75);border:none;cursor:pointer;transition:background-color .2s ease,transform .1s ease,opacity .2s ease;text-decoration:none}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--primary);color:var(--primary-foreground)}.btn-primary:hover:not(:disabled){opacity:.9}.btn-accent{background-color:var(--accent);color:var(--accent-foreground)}.btn-accent:hover:not(:disabled){opacity:.9}.btn-secondary{background-color:var(--secondary);color:var(--secondary-foreground);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background-color:var(--muted)}.btn-outline{background-color:transparent;color:var(--foreground);border:1px solid var(--border)}.btn-outline:hover:not(:disabled){background-color:var(--muted)}.btn-destructive{background-color:var(--destructive);color:var(--destructive-foreground)}.stepper-nav{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:2rem;overflow-x:auto;padding-bottom:.5rem}.stepper-item{display:flex;flex-direction:column;align-items:center;gap:.4rem;flex:1;min-width:100px;cursor:pointer;position:relative}.stepper-circle{width:2.5rem;height:2.5rem;border-radius:50%;background-color:var(--muted);color:var(--muted-foreground);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.95rem;border:2px solid var(--border);transition:all .3s ease}.stepper-item.active .stepper-circle{background-color:var(--primary);color:var(--primary-foreground);border-color:var(--accent);box-shadow:0 0 0 4px #25d36640}.stepper-item.completed .stepper-circle{background-color:var(--accent);color:var(--accent-foreground);border-color:var(--accent)}.stepper-label{font-size:.75rem;font-weight:600;color:var(--muted-foreground);text-align:center;white-space:nowrap}.stepper-item.active .stepper-label,.stepper-item.completed .stepper-label{color:var(--foreground)}.badge{padding:.3rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;display:inline-flex;align-items:center;gap:.35rem}.badge-pending{background-color:#34b7f126;color:var(--chart-4)}.badge-approved{background-color:#25d36626;color:var(--accent)}.badge-rejected{background-color:#ea433526;color:var(--destructive)}.badge-review{background-color:#ffc10726;color:#d97706}.modal-overlay{position:fixed;inset:0;background-color:#0009;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background-color:var(--card);color:var(--card-foreground);border-radius:var(--radius);width:100%;max-width:600px;max-height:90vh;overflow-y:auto;padding:2rem;box-shadow:0 20px 40px #0000004d;border:1px solid var(--border)}.table-responsive{width:100%;overflow-x:auto}.custom-table{width:100%;border-collapse:collapse;margin-top:1rem}.custom-table th,.custom-table td{padding:.9rem 1rem;text-align:left;border-bottom:1px solid var(--border);font-size:.9rem}.custom-table th{background-color:var(--muted);color:var(--muted-foreground);font-weight:700;text-transform:uppercase;font-size:.75rem}.custom-table tr:hover{background-color:var(--secondary)}.theme-toggle{background:var(--muted);border:1px solid var(--border);color:var(--foreground);padding:.5rem .85rem;border-radius:9999px;cursor:pointer;display:flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:600}.btn-danger{color:#dc2626;border-color:#fca5a5}.btn-danger:hover{background-color:#fee2e2;border-color:#dc2626}.dark .btn-danger{color:#f87171;border-color:#991b1b}.dark .btn-danger:hover{background-color:#450a0a;border-color:#f87171}.action-buttons{display:flex;gap:.5rem;align-items:center}