/**
 * 이 파일은 자동으로 번들링된 파일입니다.
 *
 * @file admins.css
 * @cached 2026-09-18T10:18:34+09:00 (0.00661802ms)
 */
/* /app/admin/styles/Admin.css */
*[data-role='aui'] {
    aui-component {
        &[data-type='panel'][data-variant='grid'],
        &[data-type='panel'][data-variant='tree'] {
            div[data-role='row'] {
                div[data-role='column'] {
                    div.withImage {
                        display: flex;
                        flex-direction: row;
                        align-items: stretch;
                        margin-block: calc((var(--aui-component-height-default) - 1lh) / -2);
                        height: var(--aui-component-height-default);
                        gap: var(--aui-component-gap);
                        > span {
                            flex-grow: 1;
                            flex-shrink: 1;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            padding-block: calc((var(--aui-component-height-default) - 1lh) / 2);
                        }
                        > i {
                            flex-shrink: 1;
                            background-size: contain;
                            background-repeat: no-repeat;
                            background-position: 50% 50%;
                            margin-block: 2px;
                            min-width: calc(var(--aui-component-height-default) - 4px);
                            max-width: calc(var(--aui-component-height-default) * 3);
                            height: calc(var(--aui-component-height-default) - 4px);
                        }
                    }
                }
            }
            &[data-name='sites'] {
                div[data-role='row'] {
                    div[data-role='column'] {
                        div.view {
                            display: flex;
                            flex-direction: row;
                            gap: 4px;
                            b.language,
                            b.level {
                                display: block;
                                height: 20px;
                                width: 20px;
                                text-align: center;
                                border-radius: 3px;
                                color: #fff;
                                background: #607d8b;
                                text-transform: uppercase;
                                font-size: 0.6rem;
                            }
                        }
                    }
                }
            }
            &[data-name='users'] {
                div[data-role='row'] {
                    div[data-role='column'] {
                        &.DEACTIVATED {
                            color: var(--aui-danger-primary);
                        }
                    }
                }
            }
        }
        &[data-type='panel'][data-variant='tree'] {
            &[data-name='contexts'] div[data-role='row'] {
                div[data-role='column'] {
                    div.view {
                        display: flex;
                        flex-direction: row;
                        gap: 4px;
                        i.icon {
                            margin-right: 5px;
                        }
                    }
                }
            }
        }
    }
}

/* /modules/naddle/desk/admin/styles/Admin.css */
:root {
    --desk-history-icon: var(--aui-component-height-default);
    --desk-history-icon-gap: var(--aui-component-padding);
    --desk-history-padding: var(--aui-component-padding);
    --desk-history-gap: var(--aui-component-gap);
    --desk-history-block-height: var(--aui-component-height-default);
    --desk-history-line-color: var(--aui-border-primary);
    --desk-history-accent-color: var(--aui-accent-primary);
    --desk-history-accent-backward: var(--aui-white-primary);
    --desk-history-background-primary: var(--aui-color-bg-primary);
    --desk-history-background-secondary: var(--aui-fill-quaternary-alpha);
    --desk-history-danger-color: var(--aui-danger-primary);
    --desk-history-danger-hover-color: var(--aui-danger-secondary);
    --desk-history-begining-color: var(--aui-beginning-primary);
    --desk-history-public-color: var(--aui-mark-primary);
    --desk-history-text-primary: var(--aui-text-secondary);
    --desk-history-text-secondary: var(--aui-text-tertiary);
    --desk-font-size-primary: var(--aui-font-size-default);
    --desk-font-size-secondary: var(--aui-font-size-small);
    --desk-issue-status-done-background-color: #e3f2fd;
    --desk-issue-status-done-color: #2196f3;
    --desk-issue-status-completed-background-color: #c8e6c9;
    --desk-issue-status-completed-color: var(--aui-text-primary-alpha);
    --desk-issue-response-color: #b2dfdb;
    --desk-issue-response-deep-color: #26a69a;
    --desk-issue-request-color: #ffccbc;
    --desk-issue-request-deep-color: #ff7043;
    &[data-color-scheme='dark'],
    &[data-color-scheme='auto'][data-prefers-color-scheme='dark'] {
        --desk-issue-status-done-background-color: #8bc8f5;
        --desk-issue-status-done-color: #034271;
        --desk-issue-status-completed-background-color: #90d892;
        --desk-issue-status-completed-color: var(--aui-fill-primary);
        --desk-issue-response-color: #00695c;
        --desk-issue-response-deep-color: #004d40;
        --desk-issue-request-color: #b84700;
        --desk-issue-request-deep-color: #a73300;
    }
}
aui-component[data-name='issues'] {
    aui-component[data-type='panel'][data-variant='grid'] {
        div[data-role='row'] {
            div.column {
                div.view:has(> i.photo) {
                    line-height: 1rem;
                    > i.photo {
                        display: inline-block;
                        width: 24px;
                        height: 24px;
                        margin-top: -0.25rem;
                        margin-bottom: -0.25rem;
                        margin-right: 5px;
                        vertical-align: top;
                        border-radius: 50%;
                        border: 1px solid #ccc;
                        background-size: contain;
                        background-repeat: no-repeat;
                        background-position: 50% 50%;
                    }
                }
                div.view:has(> span.ment) {
                    display: flex;
                    justify-content: space-between;
                    span {
                        flex-shrink: 1;
                        min-width: 0;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                        overflow: hidden;
                    }
                    span.ment {
                        display: flex;
                        height: 100%;
                        flex-shrink: 0;
                        align-items: flex-end;
                        &::before {
                            font-family: moimz;
                            content: '\ed72';
                            font-size: calc(var(--aui-component-inset) + var(--aui-component-gap) * 2);
                            color: var(--aui-accent-primary);
                        }
                        > i {
                            min-width: var(--aui-line-height-small);
                            min-height: var(--aui-line-height-small);
                            width: var(--aui-line-height-small);
                            height: var(--aui-line-height-small);
                            border-radius: var(--aui-component-gap);
                            font-style: normal;
                            text-align: center;
                            font-size: var(--aui-font-size-small);
                            background: var(--aui-accent-primary);
                            color: var(--aui-white-primary);
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            margin-left: -8px;
                        }
                    }
                }
                &.DONE,
                &.COMPLETED,
                &.END {
                    padding: 3px 6px;
                    div.view {
                        padding: 0px;
                        padding-top: 3px;
                        height: 100%;
                        border-radius: 12px;
                    }
                }
                &.DONE {
                    div.view {
                        background: var(--desk-issue-status-done-background-color);
                        color: var(--desk-issue-status-done-color);
                    }
                }
                &.COMPLETED {
                    div.view {
                        background: var(--desk-issue-status-completed-background-color);
                        color: var(--desk-issue-status-completed-color);
                    }
                }
                &.END {
                    div.view {
                        color: rgb(172, 172, 172);
                    }
                    &.CONFIRMED {
                        display: flex;
                        &::before {
                            width: 1rem;
                            content: ' ';
                        }
                        &::after {
                            min-width: 1rem;
                            min-height: 1rem;
                            width: 1rem;
                            height: 1rem;
                            margin-top: 5px;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            background: var(--aui-accent-primary);
                            content: ' ';
                            border-radius: 50%;
                            font-family: moimz;
                            color: var(--aui-white-primary);
                            font-size: var(--aui-font-size-small);
                        }
                        &.GOOD {
                            &::after {
                                content: '\e404';
                            }
                        }
                        &.BAD {
                            &::after {
                                content: '\e405';
                            }
                        }
                    }
                }
                &.RESPONSED,
                &.REQUESTED {
                    display: flex;
                    &::after {
                        width: calc(var(--aui-component-height-default) - var(--aui-component-gap));
                        font-size: var(--aui-font-size-default);
                        font-family: moimz;
                        line-height: var(--aui-component-height-default);
                        text-align: center;
                        color: var(--aui-white-primary);
                    }
                    &.RESPONSED {
                        background: var(--desk-issue-response-color) !important;
                        &::after {
                            content: '\e202';
                            background: var(--desk-issue-response-deep-color);
                        }
                    }
                    &.REQUESTED {
                        background: var(--desk-issue-request-color) !important;
                        &::after {
                            content: '\e201';
                            background: var(--desk-issue-request-deep-color);
                        }
                    }
                }
                > div.view {
                    > small {
                        line-height: 1;
                    }
                }
            }
        }
    }
    aui-component[data-type='panel'][data-variant='panel'] {
        aui-component[data-type='toolbar'][data-variant='toolbar'].top {
            aui-component[data-type='field'][data-variant='display'] {
                div[data-role='container']:has(label) {
                    label {
                        margin-right: 4px;
                        width: calc(var(--aui-component-height-default) - var(--aui-component-inset));
                        i {
                            display: block;
                            margin-top: 2px;
                            height: calc(var(--aui-component-height-default) - var(--aui-component-inset));
                            font-size: var(--aui-font-size-large);
                            line-height: calc(var(--aui-component-height-default) - var(--aui-component-inset) * 1.5);
                            text-align: center;
                            border-radius: 5px;
                            color: var(--aui-text-tertiary);
                            background: var(--aui-fill-quaternary-alpha);
                            border: 1px solid var(--aui-border-primary);
                            &.mi-message-chat {
                                background: var(--aui-accent-primary);
                                color: var(--aui-white-primary);
                            }
                        }
                    }
                    i.photo {
                        display: inline-block;
                        width: calc(var(--aui-component-height-default) - 4px);
                        height: calc(var(--aui-component-height-default) - 4px);
                        margin-block: calc(var(--aui-component-gap) * -1 + 2px);
                        margin-right: 5px;
                        vertical-align: top;
                        border-radius: 50%;
                        border: 1px solid #ccc;
                        background-size: contain;
                        background-repeat: no-repeat;
                        background-position: 50% 50%;
                    }
                }
            }
            aui-component[data-type='field'][data-variant='input'][data-input-variant='select'] {
                > div[data-role='container'] {
                    &:has(label) {
                        label {
                            width: calc(var(--aui-component-height-default));
                            i {
                                display: block;
                                height: calc(var(--aui-component-height-default));
                                font-size: var(--aui-font-size-large);
                                line-height: calc(var(--aui-component-height-default) - var(--aui-component-inset));
                                text-align: center;
                                color: var(--aui-text-tertiary);
                                border-radius: 5px 0px 0px 5px;
                                background: var(--aui-fill-quaternary-alpha);
                                border: 1px solid var(--aui-border-primary);
                                border-right-width: 0px;
                                &.mi-message-chat {
                                    background: var(--aui-accent-secondary);
                                    color: var(--aui-white-primary);
                                }
                            }
                        }
                        &.expand {
                            label {
                                i {
                                    border-color: var(--aui-accent-primary);
                                    background: var(--aui-accent-primary);
                                    color: var(--aui-white-primary);
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    div[data-role='issue'] {
        font-size: var(--aui-font-size-default);
        div[data-role='wysiwyg-content'] {
            padding: 20px;
            line-height: 1.8 !important;
            user-select: text;
            -webkit-user-select: text;
            -ms-user-select: text;
        }
    }
    div[data-role='history'] {
        padding: var(--desk-history-padding);
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        gap: var(--desk-history-icon-gap);
        position: relative;
        &:first-child {
            border-top: 1px dotted var(--desk-history-line-color);
        }
        &:last-child {
            &::before {
                height: 20px;
            }
        }
        &::before {
            position: absolute;
            left: calc(var(--desk-history-icon) / 2 - 1px + var(--desk-history-padding));
            top: 0;
            width: 2px;
            background: var(--desk-history-line-color);
            height: 100%;
            content: ' ';
        }
        > i[data-role='icon'] {
            display: flex;
            justify-content: center;
            align-items: center;
            &.EDIT {
                background: #ffc107;
                &::before {
                    content: '\e411';
                }
            }
            &.STATUS {
                background: #8bc34a;
                &::before {
                    content: '\e752';
                }
            }
            &.ASSIGN {
                background: #2196f3;
                &::before {
                    content: '\e603';
                }
            }
            &.TICKET {
                background: #9c27b0;
                &::before {
                    content: '\e607';
                }
            }
            &.GROUP {
                background: #3f51b5;
                &::before {
                    content: '\e423';
                }
            }
            &.PRIORITY {
                background: #f44336;
                &::before {
                    content: '\e703';
                }
            }
            &.TURN {
                background: #f44336;
                &::before {
                    content: '\e431';
                }
            }
            &.CONFIRM {
                background: #2196f3;
                &::before {
                    content: '\e413';
                }
            }
            &.MENT {
                background-size: cover;
                background-position: 50% 50%;
                border: 1px solid var(--desk-history-line-color);
                position: relative;
                &.mine {
                    border: 2px solid var(--desk-history-accent-color);
                    &::after {
                        position: absolute;
                        right: -5px;
                        bottom: -5px;
                        width: 20px;
                        height: 20px;
                        font-size: 12px;
                        background: var(--desk-history-accent-color);
                        color: var(--desk-history-accent-backward);
                        text-align: center;
                        line-height: 20px;
                        content: '나';
                        border-radius: 50%;
                    }
                }
            }
        }
        > div[data-role='content'] {
            display: flex;
            flex-direction: column;
            align-items: stretch;
            flex-grow: 1;
            flex-shrink: 1;
            overflow: hidden;
            > div[data-role='header'] {
                line-height: calc(var(--desk-history-block-height) - var(--desk-history-gap) * 2);
                padding-block: var(--desk-history-gap);
                > time {
                    display: inline-block;
                    width: fit-content !important;
                    line-height: calc(var(--desk-history-block-height) - var(--desk-history-gap) * 2);
                    color: var(--desk-history-text-secondary);
                    font-size: var(--desk-font-size-secondary);
                    margin-right: 8px;
                    &::before {
                        content: '[';
                    }
                    &::after {
                        content: ']';
                    }
                }
                > span {
                    > small {
                        color: var(--desk-history-text-secondary);
                    }
                }
                &:has(span[data-role='name']) {
                    display: flex;
                    flex-direction: row;
                    align-items: center;
                    gap: var(--desk-history-gap);
                    > span[data-role='name'] {
                        > i {
                            display: none;
                        }
                        flex-shrink: 1;
                        flex-grow: 1;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        font-weight: 700;
                        > small {
                            font-weight: 400;
                            color: var(--desk-history-text-secondary);
                        }
                    }
                    > time {
                        flex-shrink: 0;
                        &::before,
                        &::after {
                            display: none;
                        }
                    }
                    > button {
                        flex-shrink: 0;
                        background: var(--desk-history-danger-color);
                        border: 0;
                        width: calc(var(--desk-history-block-height) - var(--desk-history-gap));
                        height: calc(var(--desk-history-block-height) - var(--desk-history-gap));
                        line-height: calc(var(--desk-history-block-height) - var(--desk-history-gap));
                        color: var(--desk-history-accent-backward);
                        font-size: var(--desk-font-size-primary);
                        margin-block: calc(var(--desk-history-gap) * -0.5);
                        font-family: moimz;
                        border-radius: 3px;
                        cursor: pointer;
                        &::before {
                            content: '\e414';
                            background: var(--desk-history-danger-color);
                        }
                        &:hover {
                            background: var(--desk-history-danger-hover-color);
                            &::before {
                                background: var(--desk-history-danger-hover-color);
                            }
                        }
                        &[disabled] {
                            cursor: not-allowed;
                            background: var(--desk-history-danger-color);
                            opacity: 0.5;
                        }
                    }
                }
            }
            > div[data-role='message'] {
                background: var(--desk-history-background-secondary);
                padding: var(--desk-history-padding);
                border-radius: 3px;
                line-height: 1.8;
                &:has(span[data-role='edit']) {
                    span[data-role] {
                        display: inline-block;
                        margin-block: calc(var(--desk-history-gap) / 2);
                        line-height: var(--desk-history-block-height);
                        &[data-role='origin'] {
                            color: var(--desk-history-text-secondary);
                        }
                        &[data-role='edit'] {
                            font-weight: 700;
                            position: relative;
                        }
                        &[data-role='origin'] + span[data-role='edit'] {
                            padding-left: 20px;
                            position: relative;
                            &::before {
                                position: absolute;
                                top: 0;
                                left: 0;
                                width: 20px;
                                height: 1lh;
                                text-align: center;
                                font-family: moimz;
                                content: '\e232';
                            }
                            &.before {
                                &::before {
                                    content: '\e231';
                                }
                            }
                        }
                        > i.photo {
                            width: calc(var(--desk-history-block-height) - var(--desk-history-gap));
                            height: calc(var(--desk-history-block-height) - var(--desk-history-gap));
                            margin-block: calc(var(--desk-history-gap) / 2);
                        }
                        > small {
                            font-weight: 400;
                            color: var(--desk-history-text-secondary);
                        }
                    }
                }
                &:has(div[data-role='wysiwyg-content']) {
                    margin-top: var(--desk-history-gap);
                    > div[data-role='wysiwyg-content'] {
                        padding: 0;
                    }
                    &.public {
                        background: var(--desk-history-public-color);
                        &::after {
                            display: block;
                            margin-top: var(--desk-history-padding);
                            width: 100%;
                            height: var(--desk-history-block-height);
                            line-height: var(--desk-history-block-height);
                            border-radius: 3px;
                            padding-inline: var(--desk-history-padding);
                            background: var(--desk-history-accent-color);
                            color: var(--desk-history-accent-backward);
                            box-sizing: border-box;
                            content: '이 댓글은 고객에게 공개되어 있습니다.';
                        }
                    }
                    &.issued_by {
                        background: var(--desk-history-public-color);
                        &::after {
                            display: block;
                            margin-top: var(--desk-history-padding);
                            width: 100%;
                            height: var(--desk-history-block-height);
                            line-height: var(--desk-history-block-height);
                            border-radius: 3px;
                            padding-inline: var(--desk-history-padding);
                            background: var(--desk-history-begining-color);
                            color: var(--desk-history-accent-backward);
                            box-sizing: border-box;
                            content: '이 댓글은 문의자가 작성한 댓글입니다.';
                        }
                    }
                }
                > div[data-role='buttons'] {
                    padding-top: var(--desk-history-padding);
                    display: flex;
                    flex-direction: row;
                    justify-content: flex-start;
                    gap: var(--desk-history-gap);
                    > button {
                        padding-inline: var(--desk-history-padding);
                        height: calc(var(--desk-history-block-height));
                        line-height: calc(var(--desk-history-block-height) - 2px);
                        border: 0;
                        cursor: pointer;
                        font-size: var(--desk-font-size-primary);
                        &[disabled] {
                            cursor: not-allowed;
                            opacity: 0.5;
                            &.loading {
                                position: relative;
                                color: transparent;
                                &::after {
                                    position: absolute;
                                    top: calc(50% - 10px);
                                    left: calc(50% - 10px);
                                    width: 20px;
                                    height: 20px;
                                    font-family: moimz;
                                    content: '\efff';
                                    text-align: center;
                                    line-height: 20px;
                                    z-index: 1;
                                    animation: mi-loading 2s infinite linear;
                                }
                            }
                        }
                        &[data-answer='YES'] {
                            background: var(--desk-history-accent-color);
                            color: var(--desk-history-accent-backward);
                            border: 1px solid var(--desk-history-accent-color);
                            &[disabled] {
                                &.loading {
                                    &::after {
                                        color: var(--desk-history-accent-backward);
                                    }
                                }
                            }
                        }
                        &[data-answer='NO'] {
                            background: var(--desk-history-background-primary);
                            color: var(--desk-history-text-primary);
                            border: 1px solid var(--desk-history-line-color);
                            &[disabled] {
                                &.loading {
                                    &::after {
                                        color: var(--desk-history-text-primary);
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

/* /modules/member/admin/styles/Admin.css */
aui-component[data-name='lists'] {
    aui-component[data-type='panel'][data-variant='grid'] {
        div[data-role='row'] {
            div.column {
                div.view:has(> i.photo) {
                    line-height: 1rem;
                    > i.photo {
                        display: inline-block;
                        width: 24px;
                        height: 24px;
                        margin-top: -0.25rem;
                        margin-bottom: -0.25rem;
                        margin-right: 5px;
                        vertical-align: top;
                        border-radius: 50%;
                        border: 1px solid #ccc;
                        background-size: contain;
                        background-repeat: no-repeat;
                        background-position: 50% 50%;
                    }
                }
            }
        }
    }
}

/* /modules/naddle/client/admin/styles/Admin.css */
aui-component[data-name='clients'] {
    aui-component[data-type='panel'][data-variant='grid'] {
        div[data-role='row'] {
            div[data-role='column'] {
                &.public {
                    &::before {
                        content: ' ';
                        border-top: 0.5rem solid var(--aui-accent-primary);
                        border-left: 0.5rem solid transparent;
                        position: absolute;
                        top: 0;
                        right: 0;
                    }
                }
            }
            &.select {
                div[data-role='column'] {
                    &.public {
                        &::before {
                            border-top: 0.5rem solid var(--aui-white-primary);
                        }
                    }
                }
            }
        }
    }
}
aui-component[data-name='contacts'] {
    aui-component[data-type='panel'][data-variant='grid'] {
        div[data-role='row'] {
            div[data-role='column'] {
                div.types {
                    display: flex;
                    flex-direction: row;
                    gap: 4px;
                    > label {
                        display: block;
                        height: 20px;
                        width: 20px;
                        text-align: center;
                        border-radius: 3px;
                        color: #fff;
                        font-weight: 900;
                        &.G {
                            background: #4caf50;
                        }
                        &.C {
                            background: #2196f3;
                        }
                        &.P {
                            background: #ff9800;
                        }
                        &.T {
                            background: #9c27b0;
                        }
                        &.I {
                            background: #607d8b;
                        }
                        &.O {
                            background: #ffc107;
                        }
                        &.E {
                            background: #e91e63;
                        }
                    }
                }
            }
        }
    }
}

/* /modules/naddle/contract/admin/styles/Admin.css */
aui-component[data-type='panel'][data-variant='viewer'][data-name='Contracts'] {
    aui-component[data-type='panel'][data-variant='view'] {
        aui-component[data-type='panel'][data-variant='grid'] {
            div[data-model='table'][data-role='body'] {
                div[data-model='table'][data-role='column'] {
                    > div.types {
                        > label {
                            display: inline-block;
                            width: var(--aui-font-size-extra-large);
                            margin-right: var(--aui-component-inset);
                            text-align: center;
                            border-radius: var(--aui-component-inset);
                            color: var(--aui-white-primary);
                            font-weight: 900;
                            &.REVIEW {
                                background: #e3f2fd;
                                color: var(--aui-black-secondary);
                                border: 0.5px solid var(--aui-black-tertiary);
                            }
                            &.INTRO {
                                background: #bbdefb;
                                color: var(--aui-black-secondary);
                            }
                            &.DELIVERY {
                                background: #90caf9;
                                color: var(--aui-black-secondary);
                            }
                            &.BIDDING {
                                background: #64b5f6;
                            }
                            &.PROGRESS {
                                background: #42a5f5;
                            }
                            &.CONTRACT_COMPLETED {
                                background: #187ccb;
                            }
                            &.BUSINESS_COMPLETED {
                                background: #1565c0;
                            }
                            &.HOLD {
                                background: #a1a1a1;
                            }
                            &.LOST {
                                background: #795548;
                            }
                            &.CANCELED {
                                background: #636363;
                            }
                            &.BUILD {
                                background: #4caf50;
                            }
                            &.ADDITIONAL_DEV {
                                background: #2196f3;
                            }
                            &.CLOUD {
                                background: #ff9800;
                            }
                            &.MAINTENANCE {
                                background: #9c27b0;
                            }
                            &.LICENSE {
                                background: #607d8b;
                            }
                            &.OUTSOURCED_OPERATION {
                                background: #ffc107;
                            }
                            &.RESEARCH_CONTRACT {
                                background: #00bcd4;
                            }
                            &.HW_EQUIPMENT {
                                background: #3f51b5;
                            }
                            &.LOST {
                                background: #795548;
                            }
                            &.OTHER_SERVICE {
                                background: #ff0000;
                            }
                        }
                    }
                }
            }
        }
        aui-component[data-type='panel'][data-variant='panel'] {
            > div[data-role='container'] {
                > div[data-role='header'] {
                    > aui-component[data-type='toolbar'] {
                        aui-component[data-type='button'].toggle {
                            > div[data-role='container'] {
                                > div[data-role='content'] {
                                    > button {
                                        background: var(--aui-brand-primary);
                                        color: var(--aui-white-primary);
                                    }
                                }
                            }
                        }
                    }
                }
                > div[data-role='content'] {
                    > aui-component[data-type='panel'][data-variant='tab'] {
                        aui-component[data-type='panel'][data-variant='panel'][data-name='messages'] {
                            aui-component[data-type='panel'][data-variant='panel'] {
                                > div[data-role='container'] {
                                    > div[data-role='content'] {
                                        > div[data-role='messages'] {
                                            display: flex;
                                            flex-direction: column;
                                            gap: var(--aui-line-height-small);
                                            > div[data-role='message'] {
                                                > div[data-role='header'] {
                                                    display: flex;
                                                    align-items: center;
                                                    > span[data-role='name'] {
                                                        display: flex;
                                                        flex: 1;
                                                        align-items: center;
                                                        gap: var(--aui-component-gap);
                                                        font-weight: 700;
                                                        > i {
                                                            width: var(--aui-component-height-small);
                                                            height: var(--aui-component-height-small);
                                                        }
                                                    }
                                                    > time {
                                                        flex-shrink: 0;
                                                        color: var(--aui-text-tertiary);
                                                        font-size: var(--aui-font-size-small);
                                                    }
                                                    > button {
                                                        background: var(--aui-danger-primary);
                                                        border: 0;
                                                        width: var(--aui-line-height-large);
                                                        height: var(--aui-line-height-large);
                                                        border-radius: calc(var(--aui-component-inset) / 2);
                                                        cursor: pointer;
                                                        color: var(--aui-white-primary);
                                                        margin-left: var(--aui-component-gap);
                                                        &:disabled {
                                                            background: var(--aui-danger-tertiary);
                                                        }
                                                    }
                                                }
                                                > div[data-role='content'] {
                                                    border-radius: var(--aui-component-inset);
                                                    margin-top: var(--aui-component-gap);
                                                    margin-left: calc(
                                                        var(--aui-component-height-small) + var(--aui-component-gap)
                                                    );
                                                    padding: var(--aui-line-height-small);
                                                    background: var(--aui-border-quaternary);
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

/* /modules/naddle/sales/admin/styles/Admin.css */
aui-component[data-type='panel'][data-variant='tab'][data-name='Orders'] {
    aui-component[data-type='panel'][data-variant='grid'] {
        div[data-model='table'][data-role='body'] {
            div[data-model='table'][data-role='column'] {
                > div.types {
                    > label {
                        display: inline-block;
                        width: var(--aui-font-size-extra-large);
                        margin-right: var(--aui-component-inset);
                        text-align: center;
                        border-radius: var(--aui-component-inset);
                        color: var(--aui-white-primary);
                        font-weight: 900;
                        &.REVIEW {
                            background: #e3f2fd;
                            color: var(--aui-black-secondary);
                            border: 0.5px solid var(--aui-black-tertiary);
                        }
                        &.INTRO {
                            background: #bbdefb;
                            color: var(--aui-black-secondary);
                        }
                        &.DELIVERY {
                            background: #90caf9;
                            color: var(--aui-black-secondary);
                        }
                        &.BIDDING {
                            background: #64b5f6;
                        }
                        &.PROGRESS {
                            background: #42a5f5;
                        }
                        &.CONTRACT_COMPLETED {
                            background: #187ccb;
                        }
                        &.BUSINESS_COMPLETED {
                            background: #1565c0;
                        }
                        &.HOLD {
                            background: #a1a1a1;
                        }
                        &.LOST {
                            background: #795548;
                        }
                        &.CANCELED {
                            background: #636363;
                        }
                        &.BUILD {
                            background: #4caf50;
                        }
                        &.ADDITIONAL_DEV {
                            background: #2196f3;
                        }
                        &.CLOUD {
                            background: #ff9800;
                        }
                        &.MAINTENANCE {
                            background: #9c27b0;
                        }
                        &.LICENSE {
                            background: #607d8b;
                        }
                        &.OUTSOURCED_OPERATION {
                            background: #ffc107;
                        }
                        &.RESEARCH_CONTRACT {
                            background: #00bcd4;
                        }
                        &.HW_EQUIPMENT {
                            background: #3f51b5;
                        }
                        &.LOST {
                            background: #795548;
                        }
                        &.OTHER_SERVICE {
                            background: #ff0000;
                        }
                    }
                }
            }
        }
    }
}

/* /modules/naddle/work/admin/styles/Admin.css */
:root {
    --work-small-color: var(--aui-text-tertiary);
    --work-icon-color: var(--aui-white-primary);
    --work-dayoff-all-column: var(--aui-accent-quaternary);
    --work-meet-first-column: var(--aui-mark-primary);
    --work-meet-all-column: var(--aui-mark-quaternary);
    --work-task-first-column: var(--aui-brand-primary);
    --work-task-all-column: var(--aui-brand-quaternary);
    --work-muted-color: var(--aui-text-tertiary);
    --work-comment-color: var(--aui-accent-primary);
    --work-comment-backward: var(--aui-white-primary);
    --work-ment-icon: var(--aui-component-height-default);
    --work-ment-gap: var(--aui-component-gap);
    --work-ment-padding: var(--aui-component-padding);
    --work-ment-line: var(--aui-border-primary);
    --work-ment-background: var(--aui-fill-quaternary-alpha);
    --work-ment-background-mine: var(--aui-fill-tertiary-alpha);
    --work-ment-text-secondary: var(--aui-text-tertiary);
    --work-ment-accent: var(--aui-accent-primary);
    --work-ment-accent-backward: var(--aui-white-primary);
    --work-ment-danger: var(--aui-danger-primary);
}
body {
    &[data-color-scheme='dark'],
    &[data-color-scheme='auto'][data-prefers-color-scheme='dark'] {
    }
}
aui-component[data-name='Works'] {
    aui-component[data-type='panel'][data-variant='view'] {
        div[data-role='row'] {
            div[data-view='view'] {
                small {
                    color: var(--work-small-color);
                }
                i.check {
                    display: inline-block;
                    width: calc(var(--aui-line-height-default) + 2px);
                    height: calc(var(--aui-line-height-default) + 2px);
                    margin: -1px;
                    line-height: var(--aui-line-height-default);
                    box-sizing: border-box;
                    text-align: center;
                    vertical-align: top;
                    font-style: normal;
                    border: 1px solid var(--aui-border-primary);
                    border-radius: 50%;
                    background: var(--aui-white-primary);
                    color: var(--aui-white-primary);
                    &.mi-check {
                        border-color: var(--aui-beginning-primary);
                        background: var(--aui-beginning-primary);
                    }
                    &.mi-close {
                        border-color: var(--aui-danger-primary);
                        background: var(--aui-danger-primary);
                    }
                }
                &.dayoff,
                &.meet {
                    i[data-role='icon'] {
                        margin-inline: -2px;
                    }
                }
            }
            div[data-role='column'].dayoff,
            div[data-role='column'].meet,
            div[data-role='column'].task {
                font-size: var(--aui-font-size-default);
                i {
                    color: var(--work-icon-color);
                }
            }
            div[data-role='column'].dayoff {
                background-color: var(--aui-accent-primary);
            }
            div[data-role='column'].meet {
                background-color: var(--work-meet-first-column);
            }
            div[data-role='column'].task {
                background-color: var(--work-task-first-column);
            }
        }
    }
    div[data-model='table'][data-role='column'].work-title-complete {
        div[data-model='table'][data-view='view'] {
            text-decoration: line-through;
        }
    }
    div[data-model='table'][data-role='column'].work-title-muted {
        div[data-model='table'][data-view='view'] {
            color: var(--work-muted-color);
        }
    }
    span.work-title-with-ment {
        display: flex;
        align-items: center;
        width: 100%;
        min-width: 0;
        gap: var(--aui-component-gap);
        > span.work-title-text {
            flex: 1;
            min-width: 0;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        > span.ment {
            display: flex;
            align-items: center;
            flex-shrink: 0;
            margin-left: auto;
            &::before {
                font-family: moimz;
                content: '\ed72';
                font-size: calc(var(--aui-component-inset) + var(--aui-component-gap) * 2);
                color: var(--work-comment-color);
            }
            > i {
                display: flex;
                justify-content: center;
                align-items: center;
                min-width: var(--aui-line-height-small);
                min-height: var(--aui-line-height-small);
                width: var(--aui-line-height-small);
                height: var(--aui-line-height-small);
                margin-left: -8px;
                border-radius: var(--aui-component-gap);
                background: var(--work-comment-color);
                color: var(--work-comment-backward);
                font-style: normal;
                font-size: var(--aui-font-size-small);
                line-height: var(--aui-line-height-small);
            }
        }
    }
    aui-component[data-type='panel'].todo,
    aui-component[data-type='panel'].task,
    aui-component[data-type='panel'].meet {
        aui-component[data-type='toolbar'] {
            aui-component[data-type='field'] {
                > div[data-role='container'] > label:has(i) {
                    width: var(--aui-component-height-default);
                    i {
                        display: block;
                        width: calc(var(--aui-component-height-default) - 4px);
                        height: calc(var(--aui-component-height-default) - 4px);
                        margin-block: 2px;
                        line-height: calc(var(--aui-component-height-default) - 6px);
                        text-align: center;
                        font-size: var(--aui-font-size-large);
                        color: var(--aui-color-text-300);
                        background: var(--aui-bg-quaternary);
                        border-radius: 5px;
                        border: 1px solid var(--aui-color-background-200);
                    }
                }
            }
        }
        aui-component[data-type='field'][data-variant='display'] {
            > div[data-role='container'] > div[data-role='content'] > div {
                small {
                    display: inline-block;
                    color: var(--aui-color-text-300);
                    vertical-align: baseline;
                }
                i[data-role='photo'] {
                    display: inline-block;
                    width: var(--aui-component-height-default);
                    height: var(--aui-component-height-default);
                    margin-right: var(--aui-component-gap);
                    vertical-align: middle;
                    background-size: cover;
                    background-position: 50% 50%;
                    border-radius: 50%;
                    border: 1px solid var(--aui-color-background-200);
                    flex-shrink: 0;
                }
            }
        }
    }
    div[data-role='work'] {
        div[data-role='ment'] {
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            gap: var(--work-ment-gap);
            padding: var(--work-ment-padding);
            border-bottom: 1px solid var(--work-ment-line);
            > i[data-role='icon'] {
                position: relative;
                flex-shrink: 0;
                width: var(--work-ment-icon);
                height: var(--work-ment-icon);
                line-height: var(--work-ment-icon);
                text-align: center;
                font-style: normal;
                color: #fff;
                background: var(--aui-bg-quaternary);
                background-size: cover;
                background-position: 50% 50%;
                border-radius: 50%;
                border: 1px solid var(--work-ment-line);
                &.MENT.mine {
                    border: 2px solid var(--work-ment-accent);
                    &::after {
                        position: absolute;
                        right: -5px;
                        bottom: -5px;
                        width: 18px;
                        height: 18px;
                        line-height: 18px;
                        text-align: center;
                        font-size: 11px;
                        content: '나';
                        border-radius: 50%;
                        background: var(--work-ment-accent);
                        color: var(--work-ment-accent-backward);
                    }
                }
            }
            > div[data-role='content'] {
                display: flex;
                flex: 1;
                flex-direction: column;
                min-width: 0;
                > div[data-role='header'] {
                    display: flex;
                    flex-direction: row;
                    align-items: center;
                    gap: var(--work-ment-gap);
                    margin-bottom: 4px;
                    > span[data-role='name'] {
                        flex: 1;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        font-weight: 700;
                        > small {
                            font-weight: 400;
                            color: var(--work-ment-text-secondary);
                        }
                    }
                    > time {
                        flex-shrink: 0;
                        color: var(--work-ment-text-secondary);
                        font-size: var(--aui-font-size-small);
                    }
                    > button[data-role='button'] {
                        flex-shrink: 0;
                        width: 24px;
                        height: 24px;
                        padding: 0;
                        border: 0;
                        border-radius: 4px;
                        background: var(--work-ment-danger);
                        color: #fff;
                        cursor: pointer;
                        font-family: moimz;
                        font-size: 0;
                        &::before {
                            content: '\e414';
                            font-size: 14px;
                            line-height: 24px;
                        }
                    }
                }
                > div[data-role='message'] {
                    padding: var(--work-ment-padding);
                    border-radius: 6px;
                    line-height: 1.8;
                    word-break: break-word;
                    background: var(--work-ment-background);
                    &.mine {
                        background: var(--work-ment-background-mine);
                    }
                    > div[data-role='wysiwyg-content'] {
                        padding: 0;
                    }
                }
            }
        }
    }
}

/* /modules/naddle/hr/admin/styles/Admin.css */
aui-component[data-type='panel'][data-variant='tab'] {
    aui-component[data-type='panel'][data-variant='grid'] {
        div[data-model='table'][data-role='column'] {
            &.period {
                span {
                    width: 2.6rem;
                    height: var(--aui-component-height-default);
                    line-height: var(--aui-component-height-default);
                    float: right;
                    padding-inline: var(--aui-component-gap);
                    background: var(--aui-accent-secondary);
                    color: var(--aui-white-primary);
                    margin-block: calc((var(--aui-component-height-default) - var(--aui-line-height-default)) / 2 * -1);
                    margin-right: calc((var(--aui-component-height-default) - var(--aui-line-height-default)) / 2 * -1);
                    > i {
                        margin-right: 4px;
                    }
                }
                b {
                    display: inline-block;
                    margin-block: -2px;
                    padding-block: 2px;
                    background: var(--aui-accent-tertiary);
                    color: var(--aui-white-primary);
                    padding-inline: 3px;
                    border-radius: 3px;
                }
            }
        }
    }
    aui-component[data-type='panel'][data-variant='view'] {
        aui-component[data-type='panel'][data-variant='panel'] {
            > div[data-role='container'] {
                > div[data-role='header'] {
                    > aui-element[data-type='title'] {
                        > i[data-role='icon'] {
                            border-radius: 50%;
                            border: 0px;
                        }
                    }
                    > aui-component[data-type='toolbar'] {
                        aui-component[data-type='field'][data-variant='display'] {
                            margin-right: var(--aui-component-height-default);
                            > div[data-role='container'] {
                                > div[data-role='content'] {
                                    > div {
                                        font-weight: bold;
                                    }
                                }
                            }
                            &.accrued_leaves {
                                > div[data-role='container'] {
                                    > div[data-role='content'] > div {
                                        color: var(--aui-accent-primary);
                                    }
                                }
                            }
                            &.used_leaves {
                                > div[data-role='container'] {
                                    > div[data-role='content'] > div {
                                        color: var(--aui-danger-primary);
                                    }
                                }
                            }
                            &.remaining_leaves {
                                > div[data-role='container'] {
                                    > div[data-role='content'] > div {
                                        color: var(--aui-beginning-primary);
                                    }
                                }
                            }
                        }
                        aui-component[data-type='button'].toggle {
                            > div[data-role='container'] {
                                > div[data-role='content'] {
                                    > button {
                                        background: var(--aui-brand-primary);
                                        color: var(--aui-white-primary);
                                    }
                                }
                            }
                        }
                    }
                }
                > div[data-role='content'] {
                    > aui-component[data-type='panel'][data-variant='form'] {
                        flex-shrink: 0;
                        > div[data-role='container'] {
                            > div[data-role='content'] {
                                padding: 0px;
                                aui-component[data-type='field'][data-variant='container'] {
                                    > div[data-role='container'] {
                                        > div[data-role='content'] {
                                            gap: 1px;
                                            background: var(--aui-border-secondary);
                                            > aui-component[data-type='field'][data-variant='display'] {
                                                > div[data-role='container'] {
                                                    row-gap: 1px;
                                                    column-gap: 0px;
                                                    background: var(--aui-border-secondary);
                                                    > label {
                                                        background: var(--aui-bg-tertiary);
                                                        padding-inline: var(--aui-component-gap);
                                                        height: var(--aui-component-height-default);
                                                        line-height: var(--aui-component-height-default);
                                                    }
                                                    > div[data-role='content'] {
                                                        background: var(--aui-bg-primary);
                                                        padding-inline: var(--aui-component-gap);
                                                        height: var(--aui-component-height-default);
                                                        line-height: var(--aui-component-height-default);
                                                    }
                                                    > aside {
                                                        display: none;
                                                    }
                                                }
                                                &.status {
                                                    > div[data-role='container'] {
                                                        > div[data-role='content'] {
                                                            font-weight: bold;
                                                            text-align: center;
                                                            &.ACTIVE {
                                                                background: var(--aui-accent-quaternary);
                                                                > div {
                                                                    color: var(--aui-accent-primary) !important;
                                                                }
                                                            }
                                                            &.EXPIRED {
                                                                background: var(--aui-danger-quaternary);
                                                                > div {
                                                                    color: var(--aui-danger-primary) !important;
                                                                }
                                                            }
                                                        }
                                                    }
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                    > aui-component[data-type='panel'][data-variant='tab'] {
                        aui-component[data-type='panel'][data-variant='grid'] {
                            div[data-model='table'][data-role='body'] {
                                div[data-model='table'][data-view] {
                                    &.TERMINATE {
                                        text-decoration: line-through;
                                    }
                                    &.APPROVED {
                                        background: var(--aui-beginning-quaternary);
                                        color: var(--aui-beginning-primary);
                                    }
                                    &.REJECTED {
                                        background: var(qu--aui-danger-quaternaryaternary);
                                        color: var(--aui-danger-primary);
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}
dialog[data-type='panel'][data-variant='window'] {
    aui-component[data-type='panel'][data-variant='grid'] {
        div[data-model='table'][data-role='body'] {
            div[data-model='table'][data-role='row'] {
                &.select {
                    div[data-model='table'][data-view].amount {
                        > button {
                            display: inline-flex;
                        }
                        > span {
                            display: block;
                        }
                    }
                }
                div[data-model='table'][data-view].amount {
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    padding: 0;
                    > button {
                        align-items: center;
                        background: var(--aui-accent-primary);
                        border: none;
                        cursor: pointer;
                        display: none;
                        flex-direction: row;
                        flex-grow: 0;
                        flex-shrink: 0;
                        gap: var(--aui-component-gap);
                        height: var(--aui-component-height-default);
                        min-width: 0;
                        padding-inline: var(--aui-component-gap);
                        position: relative;
                        white-space: nowrap;
                        font-family: moimz;
                        color: var(--aui-white-primary);
                        &[data-action='minus']::before {
                            content: '\e403';
                        }
                        &[data-action='plus']::before {
                            content: '\e402';
                        }
                    }
                    > span {
                        display: none;
                    }
                }
            }
        }
    }
}

/* /modules/oauth/admin/styles/Admin.css */
aui-component[data-name='oauth-tokens'] {
    &[data-type='panel'][data-variant='grid'] {
        div[data-role='row'] {
            div.column {
                div.view:has(> i.photo) {
                    line-height: 1rem;
                    > i.photo {
                        display: inline-block;
                        width: 24px;
                        height: 24px;
                        margin-top: -0.25rem;
                        margin-bottom: -0.25rem;
                        margin-right: 5px;
                        vertical-align: top;
                        border-radius: 50%;
                        border: 1px solid #ccc;
                        background-size: contain;
                        background-repeat: no-repeat;
                        background-position: 50% 50%;
                    }
                }
            }
        }
    }
}

/* /modules/naddle/finance/admin/styles/Admin.css */
aui-component[data-type='panel'][data-variant='viewer'][data-name='Receipts'],
aui-component[data-type='panel'][data-variant='viewer'][data-name='Payments'] {
    aui-component[data-type='panel'][data-variant='grid'] {
        div[data-model='table'][data-role='body'] {
            div[data-model='table'][data-role='column'] {
                > div.types {
                    > label {
                        display: inline-block;
                        width: var(--aui-font-size-extra-large);
                        margin-right: var(--aui-component-inset);
                        text-align: center;
                        border-radius: var(--aui-component-inset);
                        color: var(--aui-white-primary);
                        font-weight: 900;
                        &.REVIEW {
                            background: #e3f2fd;
                            color: var(--aui-black-secondary);
                            border: 0.5px solid var(--aui-black-tertiary);
                        }
                        &.INTRO {
                            background: #bbdefb;
                            color: var(--aui-black-secondary);
                        }
                        &.DELIVERY {
                            background: #90caf9;
                            color: var(--aui-black-secondary);
                        }
                        &.BIDDING {
                            background: #64b5f6;
                        }
                        &.PROGRESS {
                            background: #42a5f5;
                        }
                        &.CONTRACT_COMPLETED {
                            background: #187ccb;
                        }
                        &.BUSINESS_COMPLETED {
                            background: #1565c0;
                        }
                        &.HOLD {
                            background: #a1a1a1;
                        }
                        &.LOST {
                            background: #795548;
                        }
                        &.CANCELED {
                            background: #636363;
                        }
                        &.BUILD {
                            background: #4caf50;
                        }
                        &.ADDITIONAL_DEV {
                            background: #2196f3;
                        }
                        &.CLOUD {
                            background: #ff9800;
                        }
                        &.MAINTENANCE {
                            background: #9c27b0;
                        }
                        &.LICENSE {
                            background: #607d8b;
                        }
                        &.OUTSOURCED_OPERATION {
                            background: #ffc107;
                        }
                        &.RESEARCH_CONTRACT {
                            background: #00bcd4;
                        }
                        &.HW_EQUIPMENT {
                            background: #3f51b5;
                        }
                        &.LOST {
                            background: #795548;
                        }
                        &.OTHER_SERVICE {
                            background: #ff0000;
                        }
                    }
                }
            }
        }
    }
}

/* /modules/naddle/partner/admin/styles/Admin.css */
