.db-window{width:calc(100vw - 70px);height:calc(100vh - 90px);max-width:1500px;max-height:900px;padding:0;background:#fff;border:1px solid #9ba9b5;overflow:hidden;color:#304252;font:12px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.db-window[open]{display:flex;flex-direction:column}.db-window::backdrop{background:#17273466}.db-window button{float:none;padding:5px 12px;font-size:11px;border:1px solid #b7c5d0;background:#f4f7fa;white-space:nowrap}.db-title{display:flex;align-items:center;gap:18px;padding:9px 14px;background:#e5eaee;border-bottom:1px solid #bdc7d0}.db-title b{font-size:14px}.db-title span{color:#778694;font-size:10px;letter-spacing:.8px}.db-title button{margin-left:auto;border:0;background:transparent;font-size:21px;padding:0 8px}.db-actions{display:flex;align-items:center;gap:12px;padding:9px 14px;background:#f4f6f8;border-bottom:1px solid #cbd4dc}.db-actions label{display:flex;align-items:center;gap:9px}.db-actions select{font-size:11px;padding:5px;max-width:230px}.db-spacer{flex:1}.db-window #db-apply{background:#dcece2;color:#24573b;border-color:#91b49f}.db-tabs{display:flex;gap:0;background:#e6ebe8;border-bottom:1px solid #aebdb4;padding:0 12px;overflow:auto}.db-tabs button{border:0;border-right:1px solid #c9d4ce;border-radius:0;background:#f0f4f1;padding:8px 16px}.db-tabs button.active{background:white;border-bottom:3px solid #397955;color:#217346;font-weight:600}#db-status{font-size:11px;padding:7px 14px;color:#49617a;background:#f2f6fb;border-bottom:1px solid #d7e1eb;min-height:29px}.db-filter{display:flex;align-items:center;padding:8px 14px;gap:15px;background:#fafbfc;border-bottom:1px solid #d4dce3;font-size:10px;color:#6b7b88}.db-filter input{margin-left:auto;width:200px;font-size:11px;height:25px}.db-filter #db-count{min-width:50px;text-align:right}#db-body{flex:1;min-height:0;overflow:auto;background:#fff}.db-grid{border-collapse:separate;border-spacing:0;min-width:100%;width:max-content;table-layout:fixed;font-size:11px}.db-grid th,.db-grid td{padding:6px 10px;border-right:1px solid #d4dcd6;border-bottom:1px solid #d4dcd6;max-width:520px;white-space:normal;vertical-align:top;text-align:left}.db-grid thead th{position:sticky;top:0;height:20px;background:#e9eeeb;color:#6c8273;text-align:center;padding:1px;font-size:10px;z-index:2}.db-grid thead tr:nth-child(2) th{top:20px;height:30px;padding:6px 10px;text-align:left;color:#345841;background:#f2f6f3;font-weight:600}.db-grid th:first-child,.db-grid td:first-child{position:sticky;left:0;min-width:40px;background:#edf2ee;color:#78917f;text-align:center;font-size:10px;z-index:1}.db-grid th:first-child{z-index:4}.db-grid tbody tr:nth-child(even) td:not(:first-child){background:#fafcfb}.db-grid tbody tr:hover td{background:#eef5f0!important}.db-bottom{display:flex;justify-content:space-between;gap:20px;padding:7px 14px;background:#eaf0ec;color:#67806e;font-size:10px;border-top:1px solid #bbcbbf}.db-project{max-width:1050px;padding:20px 26px}.db-project>p{font-size:12px;color:#556b7b;margin:0 0 20px}.db-project-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.db-project-fields label{font-size:11px}.db-project-fields label>div{display:flex;align-items:center;gap:8px;margin-top:5px}.db-project-fields input{width:150px;background:#fffcec;padding:7px;font-size:12px}.db-customer{padding:20px;margin-top:25px;background:#f7f9fb;border:1px solid #d1dce6;display:grid;grid-template-columns:1fr 1fr;gap:14px}.db-customer>b,.db-customer>span{grid-column:1/-1}.db-customer>span{font-size:11px;color:#7b8b99;margin-top:-10px}.db-customer label{display:flex;flex-direction:column;gap:6px}.db-customer input,.db-customer select{padding:8px;background:#fffcec;font-size:12px}.db-customer label:last-child{grid-column:1/-1}.db-project .db-scope{font-size:10px;margin-top:15px;color:#8b7a50}@media(max-width:800px){.db-window{width:calc(100vw - 20px);height:calc(100vh - 30px)}.db-title span{display:none}.db-actions{flex-wrap:wrap}.db-filter{flex-wrap:wrap}.db-filter input{width:150px}.db-project-fields,.db-customer{grid-template-columns:1fr}.db-bottom{flex-direction:column;gap:3px}}