*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--pink:#f46c88;--pink-light:#fde8ed;--pink-dark:#d94f6e;--gray-900:#1a1a1a;--gray-700:#404040;--gray-500:gray;--gray-300:silver;--gray-100:#f5f5f5;--gray-50:#fafafa;--white:#fff;--sidebar-width:240px;--radius:8px;--shadow:0 1px 3px #00000014}body{background:var(--gray-50);color:var(--gray-700);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:1.5}button{cursor:pointer;border-radius:var(--radius);border:none;padding:8px 16px;font-family:inherit;font-size:14px;transition:all .15s}.btn-primary{background:var(--pink);color:#fff}.btn-primary:hover{background:var(--pink-dark)}.btn-secondary{background:var(--white);color:var(--gray-700);border:1px solid var(--gray-300)}.btn-secondary:hover{background:var(--gray-100)}input,select,textarea{border:1px solid var(--gray-300);border-radius:var(--radius);background:var(--white);width:100%;color:var(--gray-700);outline:none;padding:8px 12px;font-family:inherit;font-size:14px;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--pink)}.card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.badge{border-radius:20px;padding:2px 10px;font-size:12px;font-weight:500;display:inline-block}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--gray-500);border-bottom:1px solid var(--gray-100);padding:8px 12px;font-size:12px;font-weight:500}td{border-bottom:1px solid var(--gray-100);color:var(--gray-700);padding:10px 12px}tr:last-child td{border-bottom:none}tr:hover td{background:var(--gray-50)}.amount-positive{color:#1d9e75;font-weight:500}.amount-negative{color:#e24b4a;font-weight:500}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:2px}.mobile-header{display:none!important}@media (width<=1000px){.mobile-header{display:flex!important}table.responsive thead{display:none}table.responsive,table.responsive tbody,table.responsive tr,table.responsive td{width:100%;display:block}table.responsive tr{border:1px solid var(--gray-100);border-radius:var(--radius);background:var(--white);margin-bottom:10px;overflow:hidden}table.responsive td{border-bottom:1px solid var(--gray-100);justify-content:space-between;align-items:center;gap:12px;padding:9px 14px;font-size:13px;display:flex}table.responsive td:last-child{border-bottom:none}table.responsive td[data-label]:before{content:attr(data-label);color:var(--gray-500);flex-shrink:0;min-width:80px;font-size:11px;font-weight:500}table.responsive tr:hover td{background:0 0}table.responsive td:empty{display:none}:root{--sidebar-width:0px}.sidebar-closed{transform:translate(-240px);width:240px!important}.sidebar-open{width:240px!important;transform:translate(0)!important}.main-content{margin-left:0!important;padding:72px 16px 24px!important}table.responsive tr{border-left:4px solid var(--gray-300);margin-bottom:12px;box-shadow:0 1px 4px #00000012}table.responsive tr[data-type=income]{border-left-color:#1d9e75}table.responsive tr[data-type=expense]{border-left-color:#e24b4a}table.responsive tr[data-type=transfer]{border-left-color:#378add}}.project-actions{flex-direction:row;gap:8px;margin-left:16px;display:flex}@media (width<=1000px){.project-actions{flex-direction:column;gap:6px;margin-left:8px}.totals-row{justify-content:stretch!important}.totals-row .card{flex:1;min-width:140px}}@media (width<=600px){.account-actions{flex-direction:column!important}.account-actions button{width:100%;flex:unset!important}}.account-card-inner{flex-direction:row;align-items:flex-start;gap:12px;display:flex}.account-card-info{flex:1}.account-card-actions{flex-direction:column;gap:6px;min-width:90px;display:flex}@media (width>=529px){.account-card-inner{flex-direction:column}.account-card-actions{min-width:unset;flex-flow:wrap;width:100%}.account-card-actions button{flex:1}.account-sort-btn{flex:unset!important}}@media (width<=1000px){table.responsive td[data-label="Anlık K/Z"]:before{color:var(--gray-700);font-weight:700}.settings-sidebar,.users-sidebar{width:100%!important}}@media (width<=500px){.two-col-grid{grid-template-columns:1fr!important}}
