.dtbcc-app{font-family:Tahoma,Vazirmatn,system-ui,sans-serif;color:#17233b;line-height:1.9;max-width:1180px;margin:24px auto;padding:0 12px}
.dtbcc-app *{box-sizing:border-box}
.dtbcc-hero{border-radius:22px;padding:34px 26px;background:#f2f7fd;border:1px solid #dce9f7;text-align:center;margin-bottom:18px}
.dtbcc-hero.is-dark{background:linear-gradient(135deg,var(--dtbcc-primary),#123a6b 65%,#0d2242);color:#fff;border:none;box-shadow:0 18px 40px rgba(11,92,173,.25)}
.dtbcc-badge{display:inline-block;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.35);padding:3px 12px;border-radius:99px;font-size:12px}
.dtbcc-hero:not(.is-dark) .dtbcc-badge{background:#e4effc;color:var(--dtbcc-primary);border-color:#c8def7}
.dtbcc-hero h2{margin:12px 0 6px;font-size:clamp(24px,4vw,38px);line-height:1.4}
.dtbcc-hero p{opacity:.92;max-width:760px;margin:0 auto}
.dtbcc-search{display:flex;gap:8px;max-width:720px;margin:20px auto 0;background:#fff;border-radius:14px;padding:6px;box-shadow:0 8px 24px rgba(0,0,0,.14)}
.dtbcc-search input{flex:1;border:0!important;outline:0;font:inherit;padding:8px;background:transparent;color:#17233b;min-width:0}
.dtbcc-search button,.dtbcc-unit-toggle button{border:0;background:var(--dtbcc-accent);color:#231a00;border-radius:10px;padding:8px 14px;font:inherit;cursor:pointer;font-weight:700}
.dtbcc-unit-toggle{margin-top:14px;font-size:13px;display:flex;gap:6px;justify-content:center;align-items:center;flex-wrap:wrap}
.dtbcc-unit-toggle button{background:rgba(255,255,255,.18);color:inherit;font-weight:400;padding:3px 14px}
.dtbcc-unit-toggle button.is-active{background:var(--dtbcc-accent);color:#231a00;font-weight:700}
.dtbcc-cats{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}
.dtbcc-cats button{border:1px solid #d6e2f0;background:#fff;border-radius:99px;padding:6px 14px;font:inherit;cursor:pointer}
.dtbcc-cats button.is-active{background:var(--dtbcc-primary);color:#fff;border-color:var(--dtbcc-primary)}
.dtbcc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.dtbcc-card{position:relative;background:#fff;border:1px solid #e2ebf5;border-radius:18px;padding:20px;transition:.2s;display:flex;flex-direction:column}
.dtbcc-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(18,52,95,.12);border-color:#bcd6f5}
.dtbcc-card h3{margin:6px 0;font-size:17px}
.dtbcc-card p{color:#5a6b84;font-size:13.5px;flex:1;margin:0 0 10px}
.dtbcc-card-icon{font-size:30px}
.dtbcc-fav{position:absolute;top:10px;left:10px;border:0;background:#f3f7fc;border-radius:50%;width:34px;height:34px;cursor:pointer;font-size:17px;color:#8aa2bd}
.dtbcc-fav.is-on{color:#e8a100;background:#fff4d6}
.dtbcc-card-meta{display:flex;gap:6px;font-size:11px;color:#7488a3;margin-bottom:10px}
.dtbcc-pro{background:#fff1cf;color:#8a5c00;border-radius:6px;padding:0 7px;font-weight:700}
.dtbcc-open{border:0;background:var(--dtbcc-primary);color:#fff;border-radius:10px;padding:9px;font:inherit;cursor:pointer}
.dtbcc-tool-view{background:#fff;border:1px solid #e2ebf5;border-radius:20px;padding:24px;margin-top:8px}
.dtbcc-back{border:1px solid #d6e2f0;background:#f5f9ff;border-radius:10px;padding:6px 14px;font:inherit;cursor:pointer;margin-bottom:14px}
.dtbcc-tool-head{display:flex;gap:14px;align-items:flex-start}
.dtbcc-tool-head .ic{font-size:38px}.dtbcc-tool-head h3{margin:0;font-size:22px}.dtbcc-tool-head p{color:#5a6b84;margin:2px 0}
.dtbcc-basis{background:#f7fbff;border:1px dashed #b9d4f2;border-radius:12px;padding:10px 14px;font-size:13px;color:#31557e;margin:14px 0}
.dtbcc-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin:16px 0}
.dtbcc-field label{display:block;font-weight:700;font-size:13px;margin-bottom:4px}
.dtbcc-field input,.dtbcc-field select,.dtbcc-field textarea{width:100%;border:1px solid #ccd9e8;border-radius:10px;padding:9px 11px;font:inherit;background:#fbfdff;color:#17233b}
.dtbcc-field textarea{min-height:84px}
.dtbcc-field .dtbcc-jalali{display:flex;gap:6px}.dtbcc-field .dtbcc-jalali input{text-align:center}
.dtbcc-actions{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 4px}
.dtbcc-btn{border:0;border-radius:11px;padding:10px 20px;font:inherit;cursor:pointer;background:var(--dtbcc-primary);color:#fff;font-weight:700}
.dtbcc-btn.alt{background:#eef4fb;color:var(--dtbcc-primary);border:1px solid #cfdff2;font-weight:400}
.dtbcc-btn.gold{background:var(--dtbcc-accent);color:#231a00}
.dtbcc-result{margin-top:18px;border:1px solid #dce9f7;border-radius:16px;overflow:hidden}
.dtbcc-result-head{background:linear-gradient(90deg,var(--dtbcc-primary),#1877c9);color:#fff;padding:12px 18px;font-weight:700;display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px}
.dtbcc-result table{width:100%;border-collapse:collapse;font-size:14px}
.dtbcc-result td,.dtbcc-result th{padding:9px 14px;border-bottom:1px solid #edf2f8;text-align:right}
.dtbcc-result tr.hl td{background:#fff7e0;font-weight:800;font-size:15px}
.dtbcc-result .tbl-wrap{overflow:auto;max-height:420px}
.dtbcc-chart{padding:12px 16px;background:#fbfdff;border-top:1px solid #edf2f8}
.dtbcc-note{padding:10px 16px;color:#5a6b84;font-size:13px;background:#fbfaf5}
.dtbcc-disclaimer{margin-top:16px;background:#fffaf0;border:1px solid #f3dfae;color:#6d5510;border-radius:14px;padding:14px 16px;font-size:13px}
.dtbcc-recent{background:#f6faff;border:1px solid #dcecfb;border-radius:14px;padding:12px 16px;margin-bottom:14px;font-size:13px}
.dtbcc-recent h3{margin:0 0 6px;font-size:14px}.dtbcc-recent ul{margin:0;padding-right:18px}
.dtbcc-empty{text-align:center;color:#7488a3;padding:26px}
@media(max-width:640px){.dtbcc-search{flex-wrap:wrap}.dtbcc-tool-view{padding:16px}.dtbcc-form{grid-template-columns:1fr}}
@media print{body *{visibility:hidden}.dtbcc-result,.dtbcc-result *{visibility:visible}.dtbcc-result{position:absolute;top:0;right:0;left:0} .dtbcc-actions,.dtbcc-back{display:none!important}}