:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;padding-top:1rem;display:flex;flex-direction:column}#app{display:flex;flex-direction:column;flex-grow:1;max-width:1280px;width:100%;margin:0 auto;padding:0 1rem;text-align:left}header{width:100%;position:relative}#main-content{flex-grow:1;padding:1rem;width:100%;box-sizing:border-box}.view-container{padding:1rem;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem}h1{font-size:2.2em;line-height:1.2;margin-bottom:1rem}h2{font-size:1.8em;margin-top:1.5rem;margin-bottom:.8rem}#main-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:.5rem 1rem;border-bottom:1px solid #ccc;position:relative}#hamburger-menu{display:none;font-size:1.5em;background:none;border:none;cursor:pointer}#nav-links{display:flex;justify-content:center}#nav-links button{margin:0 .5rem;padding:.8em 1.5em}@media screen and (max-width: 768px){#main-nav{flex-wrap:wrap}#hamburger-menu{display:block;order:-1}#nav-links{display:none;flex-direction:column;width:100%;position:fixed;top:60px;left:0;right:0;background-color:#333;z-index:1000;border-top:1px solid #444}#nav-links.active{display:flex!important}#nav-links button{width:100%;text-align:left;padding:1em 1.5em;margin:0;border-bottom:1px solid #444}#nav-links button:last-child{border-bottom:none}}table{width:100%;border-collapse:collapse;margin-bottom:1.5rem;font-size:.9em}th,td{border:1px solid #ddd;padding:.8em;text-align:left}th{background-color:#f0f0f0}.form-group{margin-bottom:1rem}label{display:block;margin-bottom:.3rem;font-weight:500}input[type=text],input[type=number],input[type=date],input[type=color],input[type=url],select,textarea{width:100%;padding:.6em 1em;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:1em}input[type=color]{height:2.5em}.invoice-detail{max-width:800px;margin:1rem auto}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.vanilla:hover{filter:drop-shadow(0 0 2em #f7df1eaa)}.card{padding:2em}.read-the-docs{color:#888}button,input[type=submit]{border-radius:6px;border:1px solid transparent;padding:.7em 1.3em;font-size:1em;font-weight:500;font-family:inherit;background-color:#e0e0e0;color:#333;cursor:pointer;transition:background-color .25s,border-color .25s}button:hover{border-color:#007bff;background-color:#d0d0d0}button:focus,button:focus-visible{outline:2px auto #007bff;outline-offset:2px}nav button.active{background-color:#007bff;color:#fff;border-color:#0056b3}#add-customer-form-container,#customer-list-container{margin-bottom:2rem;padding:1.5rem;border:1px solid #e0e0e0;border-radius:6px;background-color:#f9f9f9}#add-customer-form-container h3,#customer-list-container h3{margin-top:0;color:#333}#add-customer-form div{margin-bottom:1rem}#add-customer-form label{font-weight:400}#add-customer-form input[type=text],#add-customer-form input[type=email],#add-customer-form textarea{background-color:#fff}#add-customer-form button[type=submit]{background-color:#28a745;color:#fff;padding:.8em 1.5em}#add-customer-form button[type=submit]:hover{background-color:#218838}.cancel-edit-btn{background-color:#6c757d;color:#fff;margin-left:10px}.cancel-edit-btn:hover{background-color:#5a6268}#customer-list-table th,#customer-list-table td{padding:.75rem}#customer-list-table button,.action-cell button{background:none;border:none;cursor:pointer;padding:2px;display:inline-flex;align-items:center;justify-content:center;transition:background-color .2s;border-radius:50%}#customer-list-table button:hover,.action-cell button:hover{background-color:#0000001a}#customer-list-table .icon-edit,#customer-list-table .icon-delete,.action-cell .icon-edit,.action-cell .icon-delete{width:18px;height:18px;stroke-width:2}.action-cell .icon-edit{stroke:#007bff}.action-cell .icon-delete{stroke:#dc3545}.icon-button{background:none;border:none;padding:5px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease-in-out}.icon-button:hover{background-color:#0000001a}.icon-button svg{width:20px;height:20px;stroke:#333}.icon-button.success svg{stroke:#28a745}.icon-button.danger svg{stroke:#dc3545}.actions-cell{display:flex;gap:8px;align-items:center}@media (prefers-color-scheme: dark){#main-nav{border-bottom:1px solid #444}.icon-button svg{stroke:#eee}.icon-button.success svg{stroke:#30c551}.icon-button.danger svg{stroke:#ff4d4d}.status-select{padding:.4em .6em;border:1px solid #ccc;border-radius:4px;background-color:#fff;cursor:pointer}.status-select{background-color:#2c2c2c;color:#ffffffde;border:1px solid #555}}.message{padding:.5rem;margin-top:.5rem;border-radius:4px;font-size:.9em}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#f4f7f6}a:hover{color:#0056b3}button{background-color:#e9ecef;color:#213547}button:hover{background-color:#ced4da;border-color:#007bff}th{background-color:#e9ecef}.view-container{background-color:#fff;box-shadow:0 2px 4px #0000001a}#add-customer-form-container,#customer-list-container{background-color:#fdfdfd;border-color:#eaeaea}#add-customer-form-container h3,#customer-list-container h3{color:#213547}}@media (prefers-color-scheme: dark){body{background-color:#1e1e1e}:root{color:#ffffffde;background-color:#1e1e1e}#main-nav{border-bottom:1px solid #444}#nav-links button{background-color:#333;color:#ffffffde}#nav-links button:hover{background-color:#444;border-color:#646cff}#nav-links button.active{background-color:#646cff;color:#fff;border-color:#535bf2}#hamburger-menu{color:#ffffffde}@media screen and (max-width: 768px){#nav-links{background-color:#282828;border-top:1px solid #3a3a3a}#nav-links button{border-bottom:1px solid #3a3a3a}}th{background-color:#2c2c2c;border:1px solid #444}td{border:1px solid #444}input[type=text],input[type=number],input[type=date],input[type=color],input[type=url],select,textarea{background-color:#2c2c2c;color:#ffffffde;border:1px solid #555}.view-container{background-color:#282828;box-shadow:0 2px 4px #0000004d}#add-customer-form-container,#customer-list-container{background-color:#303030;border-color:#484848}#add-customer-form-container h3,#customer-list-container h3{color:#ffffffde}#add-customer-form input[type=text],#add-customer-form input[type=email],#add-customer-form textarea{background-color:#3a3a3a}#add-customer-form button[type=submit]{background-color:#2ca045}#add-customer-form button[type=submit]:hover{background-color:#258538}}@media screen and (max-width: 768px){h1{font-size:1.8em}h2{font-size:1.5em}#app{padding:0 .5rem}.view-container,.card{padding:1rem}table{display:block;overflow-x:auto;white-space:nowrap}.form-grid{display:block}}.accept-invitation-container{max-width:600px;margin:2rem auto;padding:2rem;text-align:center}.message-container{margin:2rem 0;padding:1.5rem;border-radius:8px;background-color:#f5f5f5}.message-container p{margin:.5rem 0}.message-container .success{color:#28a745;font-weight:500}.message-container .error{color:#dc3545;font-weight:500}.message-container .info{color:#007bff}#action-buttons{margin-top:2rem}#action-buttons button{margin:0 .5rem;padding:.8rem 2rem;font-size:1.1rem}#action-buttons button:first-child{background-color:#007bff;color:#fff}#action-buttons button:first-child:hover{background-color:#0056b3}@media (prefers-color-scheme: dark){.message-container{background-color:#2c2c2c}}#user-management-section{margin-top:2rem;padding-top:2rem;border-top:1px solid #ddd}#user-management-section h3{margin-bottom:1rem}#company-users-table{width:100%;border-collapse:collapse;margin-top:1rem}#company-users-table th,#company-users-table td{padding:.5rem;text-align:left;border-bottom:1px solid #ddd}#company-users-table th{background-color:#f5f5f5;font-weight:700}@media (prefers-color-scheme: dark){#user-management-section{border-top-color:#444}#company-users-table th,#company-users-table td{border-bottom-color:#444}#company-users-table th{background-color:#2c2c2c}}@media print{#main-nav,#hamburger-menu,#nav-links,#status-container,#payments-section,#add-payment-form,.no-print,nav{display:none!important}button,select,input,textarea{display:none!important}.print-only{display:block!important}@page{margin:1cm;size:A4}body{color:#000!important;background:#fff!important;font-size:12pt!important;line-height:1.5!important;margin:0!important;padding:0!important}#app{display:block!important;padding:0!important;margin:0!important;max-width:100%!important}.invoice-detail{display:block!important;visibility:visible!important;max-width:100%!important;margin:0!important;padding:20px!important;border:none!important;box-shadow:none!important;background:#fff!important}.invoice-detail *{visibility:visible!important}table{display:table!important;width:100%!important;border-collapse:collapse!important}thead{display:table-header-group!important}tbody{display:table-row-group!important}tr{display:table-row!important}th,td{display:table-cell!important;border:1px solid #ccc!important;padding:8px!important;color:#000!important}h1,h2,h3,h4,h5,h6{display:block!important;color:#000!important;page-break-after:avoid;page-break-inside:avoid}p,span,div,strong,em{color:#000!important}.invoice-detail>div,table,tr{page-break-inside:avoid}a{color:#000!important;text-decoration:none!important}img{display:block!important;max-width:150px!important;height:auto!important}}