@font-face{font-family:samim;src:url(../font/Samim-Bold-FD-WOL?#iefix) format('embedded-opentype'),url(../font/Samim-Bold-FD-WOL.woff) format('woff'),url(../font/Samim-Bold-FD-WOL.ttf) format('truetype');font-weight:600;font-style:bold}@font-face{font-family:vazirbold;src:url(../font/Vazir-Bold-FD-WOL.eot?#iefix) format('embedded-opentype'),url(../font/Vazir-Bold-FD-WOL.woff) format('woff'),url(../font/Vazir-Bold-FD-WOL.ttf) format('truetype');font-weight:600;font-style:bold}@font-face{font-family:vazir2;src:url(../font/Vazir-Thin-FD-WOL.eot?#iefix) format('embedded-opentype'),url(../font/Vazir-Thin-FD-WOL.woff) format('woff'),url(../font/Vazir-Thin-FD-WOL.ttf) format('truetype');font-weight:400;font-style:normal}@font-face{font-family:newfont;src:url(../font/newfont.eot?#iefix) format('embedded-opentype'),url(../font/newfont.woff) format('woff'),url(../font/newfont.ttf) format('truetype'),url(../font/newfont.svg#newfont) format('svg');font-weight:400;font-style:normal}@font-face{font-family:dfont;src:url(../font/Dana-Regular.eot?#iefix) format('embedded-opentype'),url(../font/Dana-Regular.woff) format('woff'),url(../font/Dana-Regular.ttf) format('truetype'),url(../font/Dana-Regular.svg#newfont) format('svg');font-weight:400;font-style:normal}@font-face{font-family:WYekan;src:url(../font/WebYekan.woff) format('woff');font-weight:400;font-style:normal}@font-face{font-family:YekanBakh;src:url('../font/YekanBakh-Regular.woff') format('woff');font-weight:400;font-style:normal}@font-face{font-family:'IRAN Sans';src:url(../font/IRAN-Sans-Light.eot);src:url(../font/IRAN-Sans-Light.eot?#iefix) format('embedded-opentype'),url(../font/IRAN-Sans-Light.woff) format('woff'),url(../font/IRAN-Sans-Light.ttf) format('truetype'),url(../font/IRAN-Sans-Light.svg#fccdc5bfa794389398b92753a275f5cb) format('svg');font-style:normal;font-weight:200}@font-face{font-family:'IRAN Sans';src:url(../font/IRAN-Sans.eot);src:url(../font/IRAN-Sans.eot?#iefix) format('embedded-opentype'),url(../font/IRAN-Sans.woff) format('woff'),url(../font/IRAN-Sans.ttf) format('truetype'),url(../font/IRAN-Sans.svg#a2ac8b5648085d6c69811dda1047c819) format('svg');font-style:normal;font-weight:400}@font-face{font-family:'IRAN Sans';src:url(../font/IRAN-Sans-Bold.eot);src:url(../font/IRAN-Sans-Bold.eot?#iefix) format('embedded-opentype'),url(../font/IRAN-Sans-Bold.woff) format('woff'),url(../font/IRAN-Sans-Bold.ttf) format('truetype'),url(../font/IRAN-Sans-Bold.svg#f4c642f706cf2bba21b8b05a1d7f7279) format('svg');font-style:normal;font-weight:700}@font-face{font-family:'IRAN Sans';src:url(../font/IRAN-Sans-Ultra-Light.eot);src:url(../font/IRAN-Sans-Ultra-Light.eot?#iefix) format('embedded-opentype'),url(../font/IRAN-Sans-Ultra-Light.woff) format('woff'),url(../font/IRAN-Sans-Ultra-Light.ttf) format('truetype'),url(../font/IRAN-Sans-Ultra-Light.svg#8d3e4be13ca12b2b2855b2a124951daa) format('svg');font-style:normal;font-weight:100}
*{box-sizing:border-box;font-family: yekanbakh;}body{margin:0;background:#f4f7fb;color:#172033;font-family:Tahoma,Arial,sans-serif}.top{background:linear-gradient(135deg,#12366b,#1769aa);color:#fff;padding:15px 4%;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 4px 18px #0b285322}.brand{font-weight:bold;font-size:20px}.top nav{display:flex;flex-wrap:wrap;gap:5px}.top a{color:#fff;text-decoration:none;padding:8px 9px;border-radius:8px;font-size:13px}.top a:hover{background:#ffffff20}.container{max-width:1200px;margin:28px auto;padding:0 16px;min-height: 500px;}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:15px}.card,.panel{background:#fff;border-radius:18px;box-shadow:0 8px 28px #1d355710}.card{padding:20px}.panel{padding:20px;margin:18px 0}.card h3{margin:0 0 10px;color:#667085;font-size:14px}.num{font-size:23px;font-weight:bold;color:#155eef}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}label{font-size:13px;font-weight:bold;color:#475467}input,select,textarea{width:100%;border:1px solid #d0d5dd;border-radius:10px;padding:11px;margin:6px 0 13px;font:inherit;background:#fff}button,.btn{border:0;background:#155eef;color:#fff;padding:11px 16px;border-radius:10px;text-decoration:none;display:inline-block;cursor:pointer;font:inherit}.btn.gray{background:#667085}.btn.red{background:#d92d20}.btn.green{background:#039855}table{width:100%;border-collapse:collapse}th,td{padding:12px;border-bottom:1px solid #eaecf0;text-align:right}th{background:#f8fafc;color:#475467;font-size:13px}.debt{color:#c62828;font-weight:bold}.credit{color:#087443;font-weight:bold}.muted{color:#667085}.login{max-width:420px;margin:70px auto}.alert{padding:12px;background:#fff1f1;color:#b42318;border-radius:10px;margin-bottom:15px}.successbox{padding:12px;background:#ecfdf3;color:#027a48;border-radius:10px;margin-bottom:15px}.badge{padding:5px 9px;border-radius:20px;background:#eef4ff;color:#155eef;font-size:12px}.message{border-right:4px solid #155eef}.actions{display:flex;gap:8px;flex-wrap:wrap}footer{text-align:center;color:#98a2b3;padding:30px}.chartbar{height:20px;background:#e4e7ec;border-radius:10px;overflow:hidden}.chartbar span{display:block;height:100%;background:#155eef}.notice{padding:14px;border-radius:12px;background:#f0f7ff}@media(max-width:750px){.top{display:block}.top nav{margin-top:10px}.grid,.grid3{grid-template-columns:1fr}.container{margin-top:16px}.panel{padding:15px}table{font-size:12px;display:block;overflow:auto;white-space:nowrap}}.btn-small{display:inline-block;padding:6px 10px;margin:2px;border-radius:6px;text-decoration:none;background:#1769aa;color:#fff;font-size:13px}.btn-small.danger{background:#c62828}.btn-secondary{display:inline-block;margin-right:8px;padding:10px 16px;border-radius:7px;background:#777;color:#fff;text-decoration:none}.errorbox{background:#ffebee;color:#b71c1c;padding:12px;border-radius:8px;margin:12px 0}.badge{font-size:12px;color:#1769aa}
.login input{direction:ltr;text-align: left;}
.hazine{overflow-y: auto;}
.daryaft{overflow-y: auto;}

.report-container {
    
    margin: auto;
}

.report-title {
    background: #16a085;
    color: #fff;
    padding: 20px;
    border-radius: 12px;
    text-align: center;
    margin-bottom: 25px;
}
.report-title2 {
    background: #16a085;
    color: #fff;
    padding: 20px;
    border-radius: 12px;
    text-align: center;
    margin-bottom: 25px;
}

.month-box {
    background: #fff;
    border-radius: 12px;
    margin-bottom: 25px;
    overflow: hidden;
    box-shadow: 0 3px 12px rgba(0,0,0,.08);
}

.month-header {
    background: #eeeeee;
    padding: 15px 20px;
    font-size: 18px;
    font-weight: bold;
}

.month-total {
    float: left;
    color: #16a085;
    padding-left:20px;
}

.expense-table {
    width: 100%;
    border-collapse: collapse;
}

.expense-table th {
    background: #fafafa;
    padding: 12px;
    border-bottom: 1px solid #ddd;
}

.expense-table td {
    padding: 12px;
    border-bottom: 1px solid #eee;
}

.expense-table tr:last-child td {
    border-bottom: none;
}

.amount {
    font-weight: bold;
    color: #e67e22;
}

.empty-month {
    padding: 20px;
    color: #999;
    text-align: center;
}

.year-total {
    background: #2c3e50;
    color: #fff;
    padding: 25px;
    border-radius: 12px;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
}

@media(max-width:700px) {

    body {
        padding: 10px;
    }

    .expense-table {
        font-size: 13px;
    }

    .expense-table th,
    .expense-table td {
        padding: 8px;
    }

    .month-total {
        float: none;
        display: block;
        margin-top: 8px;
    }

}

.report-title {
    position: relative;
    cursor: pointer;
    padding: 14px 20px;
    background: #16a085;
    border-radius: 8px;
    margin-bottom: 10px;
    font-weight: bold;
    transition: all .2s ease;
    user-select: none;
}

/* فلش */
.report-title:after {
    content: '▼';
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px;
    transition: transform .2s ease;
}

/* وقتی باز است */
.report-title.active:after {
    transform: translateY(-50%) rotate(180deg);
}

.report-title:hover {
    background: #0c5b4b;
}

/* محتوای گزارش */
.report-content {
    display: none;
    padding-top: 10px;
}



/* فلش سمت چپ */

.report-title:after {

    content: '▼';

    position: absolute;

    left: 18px;

    top: 50%;

    transform: translateY(-50%);

    font-size: 12px;

    transition: transform .2s ease;

}


/* حالت باز */

.report-title.active:after {

    transform: translateY(-50%) rotate(180deg);

}


/* هاور */




/* محتوای گزارش */

.report-content {

    display: none;

    padding-top: 5px;

}


/* =========================================================
   ماه ها
   ========================================================= */

.month-box {

    margin-bottom: 12px;

    border: 1px solid #e3e7eb;

    border-radius: 10px;

    overflow: hidden;

    background: #fff;
}


/* عنوان ماه */

.month-header {

    position: relative;

    cursor: pointer;

    padding: 14px 45px 14px 20px;

    background: #f5f7fa;

    font-weight: bold;

    color: #263238;

    user-select: none;

}


/* فلش ماه */

.month-header:after {

    content: '▼';

    position: absolute;

    left: 18px;

    top: 50%;

    transform: translateY(-50%);

    font-size: 11px;

    transition: transform .2s ease;

}


/* ماه باز */

.month-header.active:after {

    transform: translateY(-50%) rotate(180deg);

}


/* هاور */

.month-header:hover {

    background: #edf2f6;
}


/* جمع ماه */

.month-total {

    float: left;

    font-size: 14px;

    font-weight: normal;
}


/* محتوای ماه */

.month-content {

    display: none;

    padding: 10px;
}


/* جدول گزارش */

.expense-table {

    width: 100%;

    border-collapse: collapse;

    margin-top: 5px;
}


.expense-table th,
.expense-table td {

    padding: 10px;

    border-bottom: 1px solid #e5e8eb;

    text-align: right;
}


.expense-table th {

    background: #f8f9fa;

    font-weight: bold;
}


.expense-table .amount {

    font-weight: bold;

    white-space: nowrap;
}


/* ماه بدون هزینه */

.empty-month {

    padding: 20px;

    text-align: center;

    color: #888;

    background: #fafafa;
}


/* جمع کل سال */


/* موبایل */

@media (max-width: 700px) {

    .report-title {

        padding-right: 15px;

        padding-left: 40px;

    }


    .month-header {

        padding-right: 15px;

        padding-left: 40px;

    }


    .month-total {

        float: none;

        display: block;

        margin-top: 7px;

    }


    .expense-table {

        font-size: 12px;

    }


    .expense-table th,
    .expense-table td {

        padding: 7px;

    }

}