*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f5f7fb;color:#1f2937}a{text-decoration:none}.auth-body{min-height:100vh;display:flex;justify-content:center;align-items:center;background:#eef2ff}.auth-container{width:100%;max-width:430px;padding:20px}.auth-card{background:#fff;padding:35px;border-radius:12px;box-shadow:0 10px 35px rgba(0,0,0,.1)}.auth-card h1{text-align:center}.subtitle{text-align:center;color:#6b7280;margin-bottom:30px}label{display:block;margin:15px 0 7px;font-weight:600}input,textarea{width:100%;padding:11px 13px;border:1px solid #d1d5db;border-radius:7px;font-size:14px}input:focus,textarea:focus{outline:none;border-color:#4f46e5}textarea{min-height:90px;resize:vertical}button,.btn-primary,.btn-secondary{display:inline-block;border:none;padding:11px 18px;border-radius:7px;cursor:pointer;font-size:14px}.btn-primary{background:#4f46e5;color:#fff}.btn-primary:hover{background:#4338ca}.btn-secondary{background:#e5e7eb;color:#111827}.auth-card .btn-primary{width:100%;margin-top:22px}.auth-link{text-align:center;margin-top:20px}.auth-link a{color:#4f46e5;font-weight:bold}.alert{padding:12px 15px;border-radius:7px;margin-bottom:20px}.alert.error{background:#fee2e2;color:#991b1b}.alert.success{background:#dcfce7;color:#166534}.topbar{height:65px;background:#111827;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 25px}.logo{font-size:21px;font-weight:bold}.topbar a{color:#fff}.layout{display:flex;min-height:calc(100vh - 65px)}
.sidebar{
    width:230px;
    background:#fff;
    border-right:1px solid #e5e7eb;
    padding:20px 10px
   }
   .sidebar a{
    display:block;
    padding:13px 15px;
    color:#374151;
    border-radius:7px;
    margin-bottom:5px
   }
   .sidebar a:hover,.sidebar a.active{
    background:#eef2ff;
    color:#4338ca;
    font-weight:600
    }
    .content{
        flex:1;
        padding:30px;
        max-width:1400px
    }
    .cards{
      display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px;margin:25px 0}.stat-card{background:#fff;padding:25px;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.06)}.stat-card h3{margin-top:0;color:#6b7280}.stat-number{font-size:28px;font-weight:bold}.quick-actions{display:flex;gap:12px;flex-wrap:wrap}.invoice-form{background:#fff;padding:25px;border-radius:10px}.invoice-form h2{margin-top:30px;border-bottom:1px solid #e5e7eb;padding-bottom:10px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px}.total-box{margin:25px 0;padding:20px;background:#eef2ff;border-radius:8px;display:flex;justify-content:space-between;font-size:20px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.search-form{background:#fff;padding:15px;margin-bottom:20px;border-radius:8px;display:flex;gap:10px}.search-form input{flex:1}.table-container{background:#fff;border-radius:10px;overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:13px;border-bottom:1px solid #e5e7eb;text-align:left;white-space:nowrap}th{background:#f9fafb;font-size:13px}.delete-link{color:#dc2626;font-weight:600}.empty{text-align:center;padding:40px;color:#6b7280}@media(max-width:768px){.sidebar{width:65px}.sidebar a{font-size:0;text-align:center}.content{padding:15px}.topbar{padding:0 15px}.search-form{flex-direction:column}.page-header{flex-direction:column;align-items:flex-start;gap:15px}}