:root{--icon-button-xl-size: 64px;--icon-button-lg-size: 48px;--icon-button-md-size: 32px;--icon-button-sm-size: 24px;--safe-area-inset-bottom: env(safe-area-inset-bottom)}:root{--gray-50: #fafafa;--gray-100: #f4f4f5;--gray-200: #e4e4e7;--gray-300: #d4d4d8;--gray-400: #a1a1aa;--gray-500: #71717a;--gray-600: #52525b;--gray-700: #3f3f46;--gray-800: #27272a;--gray-900: #18181b;--blue-50: #f5f9ff;--blue-100: #d0e1fd;--blue-200: #abc9fb;--blue-300: #85b2f9;--blue-400: #609af8;--blue-500: #3b82f6;--blue-600: #326fd1;--blue-700: #295bac;--blue-800: #204887;--blue-900: #183462;--green-50: #f4fcf7;--green-100: #caf1d8;--green-200: #a0e6ba;--green-300: #76db9b;--green-400: #4cd07d;--green-500: #22c55e;--green-600: #1da750;--green-700: #188a42;--green-800: #136c34;--green-900: #0e4f26;--yellow-50: #fefbf3;--yellow-100: #faedc4;--yellow-200: #f6de95;--yellow-300: #f2d066;--yellow-400: #eec137;--yellow-500: #eab308;--yellow-600: #c79807;--yellow-700: #a47d06;--yellow-800: #816204;--yellow-900: #5e4803;--cyan-50: #f3fbfd;--cyan-100: #c3edf5;--cyan-200: #94e0ed;--cyan-300: #65d2e4;--cyan-400: #35c4dc;--cyan-500: #06b6d4;--cyan-600: #059bb4;--cyan-700: #047f94;--cyan-800: #036475;--cyan-900: #024955;--pink-50: #fef6fa;--pink-100: #fad3e7;--pink-200: #f7b0d3;--pink-300: #f38ec0;--pink-400: #f06bac;--pink-500: #ec4899;--pink-600: #c93d82;--pink-700: #a5326b;--pink-800: #822854;--pink-900: #5e1d3d;--indigo-50: #f7f7fe;--indigo-100: #dadafc;--indigo-200: #bcbdf9;--indigo-300: #9ea0f6;--indigo-400: #8183f4;--indigo-500: #6366f1;--indigo-600: #5457cd;--indigo-700: #4547a9;--indigo-800: #363885;--indigo-900: #282960;--teal-50: #f3fbfb;--teal-100: #c7eeea;--teal-200: #9ae0d9;--teal-300: #6dd3c8;--teal-400: #41c5b7;--teal-500: #14b8a6;--teal-600: #119c8d;--teal-700: #0e8174;--teal-800: #0b655b;--teal-900: #084a42;--orange-50: #fff8f3;--orange-100: #feddc7;--orange-200: #fcc39b;--orange-300: #fba86f;--orange-400: #fa8e42;--orange-500: #f97316;--orange-600: #d46213;--orange-700: #ae510f;--orange-800: #893f0c;--orange-900: #642e09;--bluegray-50: #f7f8f9;--bluegray-100: #dadee3;--bluegray-200: #bcc3cd;--bluegray-300: #9fa9b7;--bluegray-400: #818ea1;--bluegray-500: #64748b;--bluegray-600: #556376;--bluegray-700: #465161;--bluegray-800: #37404c;--bluegray-900: #282e38;--purple-50: #fbf7ff;--purple-100: #ead6fd;--purple-200: #dab6fc;--purple-300: #c996fa;--purple-400: #b975f9;--purple-500: #a855f7;--purple-600: #8f48d2;--purple-700: #763cad;--purple-800: #5c2f88;--purple-900: #432263;--red-50: #fef6f6;--red-100: #fbd2d2;--red-200: #f8afaf;--red-300: #f58b8b;--red-400: #f26868;--red-500: #ef4444;--red-600: #cb3a3a;--red-700: #a73030;--red-800: #832525;--red-900: #601b1b}:root{--primary: #007bff;--secondary: #6c757d;--success: #28a745;--info: #4eb4b8;--warning: #ffc107;--danger: #dc3545;--light: #f8f9fa;--dark: #343a40;--link-color: var(--blue-500);--brand-50: #effbfb;--brand-100: #e0f7f8;--brand-200: #b0eff1;--brand-300: #80e6ea;--brand-400: #50ded2;--brand-500: #64c8cc;--brand-600: #4eb4b8;--brand-700: #3a9fa3;--brand-800: #268b8f;--brand-900: #12767a;--brand-1000: #0d5b63;--link-color: var(--brand-600);--sidebar-bg-color: var(--gray-100);--sidebar-color: var(--gray-600);--sidebar-bg-color__hover: var(--gray-300);--sidebar-color__hover: var(--gray-900);--sidebar-bg-color__active: var(--gray-200);--sidebar-color__active: var(--gray-700);--sidebar-separator_color: var(--gray-200);--datatable-header-bg: var(--gray-500);--datatable-header: var(--gray-50)}html,body{height:100%;margin:0}*{box-sizing:border-box}a{color:inherit;text-decoration:none}ul{margin:0;padding:0}table{border-spacing:0}h1,h2{font-weight:300;font-size:2rem;margin:.5rem 0}h3{font-weight:300;font-size:1.5rem;margin:.5rem 0}p{margin-block-start:0;margin-block-end:0}input{font-size:.85rem}.nowrap{white-space:nowrap}.expander{flex:1}.button-group{display:flex;gap:1rem}.relative{position:relative}.tabs{margin:0;padding:0;display:flex;overflow-x:scroll;overflow-y:hidden;position:relative;width:100%;margin-bottom:2rem;border-bottom:1px solid #e0e0e0}@media screen and (min-width: 600px){.tabs{flex-wrap:wrap}}.tabs li{list-style:none;padding:.5rem 0;flex-shrink:0;display:flex}.tabs li.active{border-bottom:2px solid black}.tabs li.active button{color:var(--link-color)}.tabs li button{padding:0 1rem;height:38px;font-size:1rem;cursor:pointer;white-space:nowrap;background:transparent;border:1px solid transparent;color:#666}.tabs li button:hover{color:var(--link-color)}.tabs li:not(:last-child) button{border-right:1px solid #e0e0e0}.cmn-page-with-title{display:block}@media screen and (max-width: 599px){.cmn-page-with-title{padding:1rem;max-width:100%}}@media screen and (min-width: 600px) and (max-width: 1023px){.cmn-page-with-title{padding:2rem}}@media screen and (min-width: 1024px){.cmn-page-with-title{padding:2rem 3rem 10rem 8rem;max-width:1200px}}.cmn-text-subtitle{font-size:11px;color:var(--brand-800);white-space:pre-wrap}.cmn-text-subtitle code{background-color:var(--gray-200);padding:3px 8px;border-radius:3px;font-weight:600}:root{--z-0: 0;--z-10: 10;--z-20: 20;--z-30: 30;--z-40: 40;--z-50: 50;--z-60: 60;--z-70: 70;--z-80: 80;--z-90: 90}:root{--brand-100: #e0f7f8;--brand-200: #b0eff1;--brand-300: #80e6ea;--brand-400: #50ded2;--brand-500: #64c8cc;--brand-600: #4eb4b8;--brand-700: #3a9fa3;--brand-800: #268b8f;--brand-900: #12767a;--brand-1000: #0d5b63;--link-color: var(--blue-500)}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";--font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"}.flex-1{flex:1}.data-table-panel[data-schema-path=employee] app-entity-card-list .card{flex-direction:row!important;flex-wrap:wrap;gap:0 4px}.data-table-panel[data-schema-path=employee] app-entity-card-list .card-field{display:none}.data-table-panel[data-schema-path=employee] app-entity-card-list .card-field[data-column-name=firstName]{font-weight:500;font-size:1rem;display:block}.data-table-panel[data-schema-path=employee] app-entity-card-list .card-field[data-column-name=lastName]{font-weight:500;font-size:1rem;display:block}.data-table-panel[data-schema-path=employee] app-entity-card-list .card-field[data-column-name=role]{min-width:100%;display:block}.data-table-panel[data-schema-path=employee] app-data-table td[data-column-name=photo]{padding:0}.data-table-panel[data-schema-path=employee] app-data-table td[data-column-name=photo] img{width:32px;height:32px;border-radius:50%}.data-table-panel[data-schema-path=hour] app-entity-card-list .card-field{display:none}.data-table-panel[data-schema-path=hour] app-entity-card-list .card-field[data-column-name=employee]{font-weight:500;font-size:1rem;display:block}.data-table-panel[data-schema-path=hour] app-entity-card-list .card-field[data-column-name=story]{display:block}.data-table-panel[data-schema-path=hour] app-entity-card-list .card-field[data-column-name=date]{display:block;font-weight:500;color:var(--brand-800)}.data-table-panel[data-schema-path=hour] app-data-table td[data-column-name=photo]{padding:0}.data-table-panel[data-schema-path=hour] app-data-table td[data-column-name=photo] img{width:32px;height:32px;border-radius:50%}.data-table-panel[data-schema-path=project] app-entity-card-list .card-field{display:none}.data-table-panel[data-schema-path=project] app-entity-card-list .card-field[data-column-name=name]{font-weight:500;font-size:1.1rem;min-width:100%;display:block}.data-table-panel[data-schema-path=project] app-entity-card-list .card-field[data-column-name=description]{display:block}.data-table-panel[data-schema-path=project] app-entity-card-list .card-field[data-column-name=client]{display:block;min-width:100%;font-weight:500;color:var(--brand-800)}.data-table-panel[data-schema-path=client] app-entity-card-list .card-field{display:none}.data-table-panel[data-schema-path=client] app-entity-card-list .card-field[data-column-name=name]{font-weight:500;font-size:1.1rem;min-width:100%;display:block}.data-table-panel[data-schema-path=client] app-entity-card-list .card-field[data-column-name=description]{display:block}.data-table-panel[data-schema-path=task] app-entity-card-list .card-field{display:none}.data-table-panel[data-schema-path=task] app-entity-card-list .card-field[data-column-name=name]{font-weight:500;font-size:1.1rem;min-width:100%;display:block}.data-table-panel[data-schema-path=task] app-entity-card-list .card-field[data-column-name=description]{display:block}.data-table-panel[data-schema-path=sprint] app-entity-card-list .card-field{display:none}.data-table-panel[data-schema-path=sprint] app-entity-card-list .card-field[data-column-name=name]{font-weight:500;font-size:1.1rem;min-width:100%;display:block}.data-table-panel[data-schema-path=sprint] app-entity-card-list .card-field[data-column-name=sprintState]{display:block;color:var(--brand-800)}.data-table-panel[data-schema-path=sprint] app-entity-card-list .card-field[data-column-name=fromDate]{min-width:100%;display:block}.data-table-panel[data-schema-path=story] app-entity-card-list .card-field{display:none}.data-table-panel[data-schema-path=story] app-entity-card-list .card-field[data-column-name=name]{font-weight:500;font-size:1.1rem;min-width:100%;display:block}.data-table-panel[data-schema-path=story] app-entity-card-list .card-field[data-column-name=description]{display:block}.data-table-panel[data-schema-path=vacations] app-data-table td[data-column-name=employeePhoto]{padding:0}.data-table-panel[data-schema-path=vacations] app-data-table td[data-column-name=employeePhoto] img{width:32px;height:32px;border-radius:50%}