:root{--primary-green: #00FF1E;--dark-gray: #262626;--light-gray: #3a3a3a;--white: #FFFFFF;--main-bg: #16161B;--border-color: #444444;--text-gray: rgba(255, 255, 255, .7);--font-sans: "Inter", sans-serif;--radius: .5rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);background-color:var(--main-bg);color:var(--white);font-size:14px}.app-container{display:flex;width:100%}.sidebar{width:260px;background-color:var(--main-bg);height:100vh;padding:1.5rem 1rem;display:flex;flex-direction:column;position:fixed;border-right:1px solid var(--border-color)}.logo{font-size:1.5rem;font-weight:700;display:flex;align-items:center;gap:.75rem;color:var(--primary-green)}.sidebar-header{padding:0 .5rem;margin-bottom:2rem}.sidebar-menu{list-style:none;flex-grow:1}.sidebar-menu li a{display:flex;align-items:center;gap:.75rem;padding:.75rem .5rem;border-radius:var(--radius);text-decoration:none;color:var(--text-gray);font-weight:500;transition:all .2s ease}.sidebar-menu li a:hover{background-color:var(--dark-gray);color:var(--white)}.sidebar-menu li a.active{background-color:var(--light-gray);color:var(--primary-green)}.sidebar-menu svg{width:20px;height:20px}.main-content{margin-left:260px;width:calc(100% - 260px);padding:2rem 3rem}.page-header{margin-bottom:2rem}.page-header h1{font-size:2rem;font-weight:700}.page-header p{color:var(--text-gray)}.card{background-color:var(--dark-gray);border:1px solid var(--border-color);border-radius:var(--radius);padding:1.5rem}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.summary-cards .card h4{color:var(--text-gray);font-weight:500;margin-bottom:.5rem}.summary-cards .card .amount{font-size:2rem;font-weight:700;color:var(--white)}.summary-cards .card .amount.positive{color:var(--primary-green)}.summary-cards .card .amount.negative{color:#f87171}.table-container{margin-top:2rem}table{width:100%;border-collapse:collapse}th,td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border-color)}th{color:var(--text-gray);font-weight:500;text-transform:uppercase;font-size:.75rem}td{font-weight:500;color:var(--white)}.status-badge{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;display:inline-block}.status-badge.PAID,.status-paid{background-color:#00ff1e1a;color:var(--primary-green)}.status-badge.PENDING,.status-pending{background-color:#fbbf241a;color:#fbbf24}.status-badge.OVERDUE,.status-overdue{background-color:#f871711a;color:#f87171}.status-badge.DRAFT{background-color:#ffffff1a;color:var(--text-gray)}.page-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.button{background-color:var(--primary-green);color:#000;padding:.6rem 1rem;border:none;border-radius:var(--radius);font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:background-color .2s;text-decoration:none}.button:hover{background-color:#33ff47}.button-icon{background:transparent;border:none;color:var(--text-gray);cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s}.button-icon:hover{background-color:var(--light-gray);color:var(--white)}.button-icon.delete:hover{color:#f87171}input,select{background-color:var(--dark-gray);border:1px solid var(--border-color);padding:.6rem 1rem;border-radius:var(--radius);color:var(--white)}input:focus,select:focus{outline:none;border-color:var(--primary-green)}form{display:flex;flex-direction:column;gap:1rem}